V prosinci 2020 jsme s kluky navrhli vlastní digitální produkty od nuly – od nápadu po prezentaci zabalených řešení. V důsledku podpory UX/UI vedené Bogdanem – designérem Experience s deseti lety zkušeností v designu – se zrodilo 5 skvělých konceptů.
Mezi účastníky posílení byli kluci ze Sberbank, WildBerries, Sportmaster, MTS, Oleg Chulakov Studio a dalších společností. Okamžitě si všimneme, že formát podpory navržený Bogdanem se ukázal být zajímavým a efektivním pro designéry se širokou paletou pozadí. Doporučujeme si o tom přečíst více na tomto odkazu.
Během podpory jsme – Oksana a Nikita – vyvinuli projekt pro online studentskou knihovnu LexLib. V tomto článku vám řekneme o úkolech, kterým jsme čelili, provedeném výzkumu a řešeních, ke kterým jsme dospěli, a shrneme naši účast na podpoře.
O autorech projektu: pozadí a cíle
K podpoře jsme přistoupili s odlišným vzděláním a zkušenostmi.
Já, Oksana, jsem projektový manažer jazykové společnosti, asi rok koordinuji vývoj platformy pro překladatele a navrhuji její rozhraní společně s designérem na plný úvazek. Vystudovala filologickou fakultu Moskevské státní univerzity, ale celý život hleděla s vášní na design. Po celý rok ovládám teorii a software a chci dosáhnout slušné úrovně, která by mi umožnila pracovat jako návrhář UX/UI.
Jak jsem věděl o uxuitivní podpoře?
Mezi mnoha designovými kanály v mém telegramu je několik opravdu užitečných – jak pro dovednosti, tak pro motivaci. Jeden z těchto kanálů mě vedl k úžasné podpoře.
Bogdan, autor kanálu, píše s absolutním vítězstvím zdravého rozumu o životě uikers, prochází teoretickým základem, hovoří o obtížích a bludech začátečníků. Kanál má superduper chat s malou, ale útulnou designovou komunitou – jednou z těch, ve kterých se vytvořili jejich hrdinové a místní memy.
Po měsíci mého pasivního čtení chatu Bogdan oznámil, že získává první úžasnou podporu. Pro mě to byla velká příležitost setkat se s dalšími designéry a projít všemi fázemi navrhování vlastního produktu – s mentorem, jehož způsob myšlení byl alespoň trochu, ale známý.
_____________
Jsem Nikita, grafický designér v obchodní poradenské společnosti. Profesionálně se věnuji designu asi jeden a půl roku, hlavně grafickému designu stránek a digitálnímu tisku. Vystudoval polytechnickou univerzitu s průmyslovým designem. Během studia na univerzitě jsem tápal a rozuměl filozofii designu, získal jsem spoustu tvrdých dovedností a obecně jsem se zapojil do profese. Ve své první práci jako návrhář full-stacku jsem se dostal do povrchního kontaktu s produktovým designem a uvědomil jsem si, jak je to skvělé. Veden myšlenkou, že aktivita by měla být středně obtížná a užitečná, rozhodl jsem se rozvíjet tímto směrem.
Jak jsem věděl o uxuitivní podpoře?
< p>O podpoře jsem se dozvěděl o něco dříve než ostatní, protože při hledání mentoringu jsem se obrátil o radu na Bogdana (v té době jsem kanál sledoval docela dlouho a pomocí chatu se mi dokonce podařilo najít dobrou práci). Kromě analýzy bylo navrženo zahájit vytváření osobního projektu a získat k němu zpětnou vazbu, ale na konci konzultace jsem byl požádán, abych „počkal týden na zajímavé oznámení“. Souhlasil jsem a o týden později se objevil příspěvek na kanálu Telegram propagující podporu. Bez váhání jsem se přihlásil. Rozhodnutí bylo učiněno tak rychle ze dvou důvodů: čerstvé a pozitivní emoce z konzultace a touha získat novou studijní zkušenost: Tak intenzivní kurzy jsem nikdy předtím nezkoušel.
Jaká byla myšlenka náš produkt se narodil?
Na začátku podpory jsme si mylně mysleli, že budeme pracovat na hotové myšlence: zde je koncept, zde jsou nezbytné funkce, design. Ve skutečnosti jsme museli ukázat naši představivost, zapnout nějaké obchodní myšlení a přemýšlet o produktu sami: co to je, pro koho, co by to mělo být a jak ho vyvíjet. Tento přístup může některé vyděsit, ale pro nás se ukázal jako užitečný postup a v jistém smyslu cvičení, které vás naučí, abyste nemysleně plnili úkoly, ale zapojili se do procesu hlavou.
Společně jsme přemýšleli a našli nápad: online knihovna s užitečnými vzdělávacími materiály, včetně těžko dostupných učebnic, abstraktů, disertačních prací, monografií atd. Na trhu existuje poměrně málo podobných řešení. Naším úkolem bylo zohlednit chyby konkurentů, najít nepokryté bolesti studentů a pracovat s nimi. Zvláštností aplikace je systém doporučení AI založený na analýze aktuálních potřeb zaměstnavatelů a uživatelských preferencí.
Průzkum a analýza výsledků
První ráno po podpoře jsme se připravovali na zahájení kvantitativní studie a sestavili dotazník pro naši cílovou skupinu. Prioritou bylo zajistit, aby myšlenka produktu byla aktuální. Poté – zkontrolovat solventnost publika, identifikovat její bolesti, určit primární a sekundární funkce služby.
Analyzovali jsme odpovědi respondentů – absolventů bakalářského studia a absolventů/absolventů ve věku od 19 do 24 let. Zde jsou nejdůležitější stánky s jídlem:
1. Respondenty zajímala výhodná služba pro vyhledávání vzdělávacích materiálů.
Většina konstatovala, že se neomezovaly pouze na povrchní rešerši o předmětech. Neúspěšné hledání materiálů zároveň vede k akademickému neúspěchu. Respondenti neměli funkční řešení tohoto problému.
2. Cílová skupina nebyla ochotna platit za přístup ke školicím materiálům. Bylo vhodné poskytnout bezplatný přístup ke všem katalogovým materiálům.
Přestože příjem většiny respondentů během studia přesáhl 10 tisíc rublů, více než 50% respondentů nikdy na výukové materiály neutratilo. „Pirátské metody získávání materiálů“ je hlavní metodou získávání přístupu k vzdělávací literatuře, kterou respondenti zaznamenali.
3. Ve čtečce aplikací bylo nutné zajistit možnost vyhledávat podle textu, kopírovat text, citovat (včetně práce s naskenovanými materiály).
Přehled konkurentů
Zjistili jsme významné nedostatky stávajících online vzdělávacích knihoven na trhu (jeden nebo více z následujících):
- obtížný mechanismus pro přístup ke všem knihovním materiálům;
- špatně koncipované UX a UI (například funkce pravidelného a pokročilého vyhledávání jsou oddělené, nepohodlné vyhledávání, hřbitov polí ve fázi registrace);
- nedostatek historie vyhledávání;
- nedostatek nástrojů pro vytváření záložek a ukládání materiálů;
- žádná integrovaná čtečka;
- žádný způsob exportu a/nebo sdílení materiálu.
Oznámení ve vc. ru Zakažte reklamy 
Navrhujete online obchody? Řekneme vám, jak každý měsíc získat na doporučení partnera bonus 60 000 RUB Zjistěte
Potřeba nové služby byla zřejmá. Snažili jsme se vzít v úvahu chyby konkurentů, ale také jsme vzali v úvahu jejich pozitivní zkušenosti:
- CyberLeninka má skvělý nástroj pro citování materiálů s výběrem standardu citace. A obecně má služba příjemné a dobře promyšlené uživatelské rozhraní.
-
Science Direct poskytuje vynikající nástroje pro dlouhodobou vědeckou práci: historii procházení, praktický manuální katalog, osobní doporučení, oznámení systém a předplatné materiálů a autorů:
- také jsme si vypůjčili užitečné funkce z ošklivé dřevěné elibrary. Na základě „bibliometrických ukazatelů“ jsme vytvořili vlastní systém indexů označujících autoritu autorů/publikací/materiálů. Tato služba má také užitečnou funkci pro přidání obsahu do výběru.
- twirpx milovaný studenty se stalo kvantitativním měřítkem: zde je bohatá knihovna s jedinečnými skenováními, které je třeba v naší službě vyvinout.
Rámec úloh, které se mají dělat
JTBD je nejužitečnější rámec, který vám pomůže zaměřit se na hodnotu produktu. Naším cílem bylo identifikovat možné důvody, proč by si uživatelé produkt „nenajali“. Vytvořili jsme hypotetické příběhy o pracovních příležitostech, které jsme v důsledku rozhovoru potřebovali potvrdit nebo vyvrátit:
- Když hledám školicí materiály, chci je najít co nejrychleji, abych neplytval čas.
- Když čtu výukové programy, chci, aby to bylo pohodlné a bez reklam, abych neztrácel čas rozptýlením.
Prvním pravidlem tazatele – uživatele je vést zvukový nebo obrazový záznam rozhovoru. Spoléháte-li se na svou paměť, v nejlepším případě vám bude chybět důležitý detail, v nejhorším případě si vymyslíte, co byste od respondenta chtěli slyšet.
Dotazovali jsme se na staršího vysokoškoláka, který vyučuje španělštinu. Mluvila o tom, kdy naposledy hledala studijní materiály: článek pro psaní diplomové práce a učebnici španělštiny. K analýze obdržených informací jsme použili rámce Forces of Progress a Timeline.
Měli jsme pouze jeden rozhovor s JTBD, ale přinesl několik užitečných poznatků. Zjištění týkající se uživatelských návyků byla obzvláště cenná:
- hledat alternativní možnosti pro získání přístupu k materiálům, pokud je přístup placen;
- ignorovat reklamu: v rozumné míře to nerozptyluje uživatel z čtení;
- Chcete-li vyhledat jakýkoli materiál, začněte vyhledávačem Google a v případě selhání vyhledejte na twirpx.
Ve výsledku byly vytvořeny následující příběhy úloh:
- Když hledám konkrétní učebnici pro výuku cizích jazyků, chci ji najít, abych ji nemusel nahrazovat jinou učebnicí s menším množstvím materiálu.
- Když na radu školitele hledám článek o psycholingvistice, chci najít celý text článku ve veřejné doméně, abych nemusel žádat školitele, aby mi článek poslal znovu.
Zde jsou závěry z rozhovoru JTBD. Vztahují se k obchodnímu modelu služby a složení její knihovny.
- Rozsah materiálů by měl být širší než u konkurence, aby uživatel mohl službě důvěřovat a zpočátku hledat materiály v něm, a nikoli prostřednictvím vyhledávače Google.
- Přístup ke všem katalogovým materiálům by neměl vyžadovat registraci nebo placené předplatné.
- Deaktivace reklam může být jednou z funkcí jako součást prémiový balíček.
- Katalog by měl obsahovat velký výběr učebnic o cizím jazyce a články o úzkých oblastech znalostí, včetně psycholingvistiky.
Personas uživatele
Na základě JTBD a výsledků průzkumu , vytvořili jsme dvě uživatelské osobnosti. Měli to být komplexní portréty našich typických uživatelů s jejich bolestmi, strachy a touhami.
Osoby jsou skvělou technikou pro rozvoj empatie. Když se k nim vrátíme, můžete vždy zkontrolovat, zda vaše UX a UI přesně vyhovuje potřebám uživatelů, nebo zda už dlouhou dobu vytváříte aplikaci pro sebe.
S tímto výzkumným zázemím jsme přistoupili k návrhu struktury budoucí aplikace./p>
Informační struktura projektu a kreativní vyhledávání
Prvním úkolem v procesu návrhu UX bylo vytvořit informační architekturu pro službu a ukázat cesty uživatelů.
Tento proces nám přinesl několik iterací – od kreslení osobních map až po spojení našich nápadů do souvislého celku a leštění. Zvláštní pozornost jsme věnovali zajištění toho, aby žádný ze scénářů nepřivedl uživatele do slepé uličky. Ve výsledku jsme dostali podrobný artefakt designu, který nás vedl k dalšímu designu.
Vzhledem k výsledné velikosti a počtu zobrazených cest by bylo obtížné použít mapu projektu pro demonstraci (například pro vlastníky firem). Proto jsme pro návrh případu vytvořili zjednodušené schéma.
Souběžně jsme začali sbírat odkazy a skicovat obrazovky na papír . Experimentovali jsme s uspořádáním prvků na obrazovce a zaznamenali jsme pro sebe několik dobrých návrhových vzorů. Tyto úkoly pomohly nastartovat kreativní myšlení a připravit se na další vývoj produktu.
Grafický design
Před nakreslením první obrazovky jsme přemýšleli o grafickém designu našeho produktu. Hlavním zdrojem inspirace byla aplikace Blinkist book service, jejíž zdrženlivost a příjemný minimalismus jsme vzali jako základ.
Náš grafický design jsme zahájili výběrem dvojice písem a definovali jsme pravidla pro používání písem v aplikaci. Pro nás bylo důležité, aby písma měla vysoce kvalitní azbuku a hlavní písmo bylo vhodné pro práci s velkým množstvím textu v malých formátech. Naše volba proto padla na kombinaci Literata (pro nadpisová písma) a Source Sans Pro (pro obsah).
Při výběru barev jsme použili knihovnu hotových kombinací. V mnoha ohledech jsme se spoléhali na subjektivní preference vkusu, ale vzali jsme v úvahu, že musíme hledat něco zdrženlivého a „knižního“ – vhodného pro dlouhodobé čtení a výzkumné práce. Skončili jsme směsí uhlí, žluté, tmavě šedo-modré a barvy novinového papíru (slabý odstín šedé).
< p> Když se Ilustrace pokusily vyhnout těm podobným těm, které byly použity v Blinkist: podle našeho názoru přetížily rozhraní. Hledali jsme něco minimalističtějšího a nakonec jsme se rozhodli udělat ilustrace blízké stylu balíčku abstrakt.design.
Obrazovky a stavy
Vysoce věrný. Na základě toho jsme mohli hádat, jak bude konečný produkt vypadat. Po analýze Bogdana jsme také viděli a opravili naše chyby v grafickém designu (kam se bez nich můžeme obejít).
Po dokončení první obrazovky jsme se přesunuli k kreslení zbytku. Abychom proces urychlili, rozdělili jsme práci na jednoduché obrazovky, ale složité části produktu (jako čtečka a karta materiálu) byly navrženy společně. V důsledku naší práce se stalo více než 40 snímků s obrazovkami a jejich stavy.
Samozřejmě jsme nečerpali úplně všechny části našeho produktu – prostě jsme neměli tolik času. Pokryli jsme ale většinu nejdůležitějších scénářů, které pokrývají hlavní bolesti objevené během výzkumu.
Ochrana projektu
Výsledek naší práce jsme formalizovali v případě, který byl představil celé skupině první vynikající podporu. Jinými slovy, nezveřejníte pouze projekt na Behance – prodáte svůj produkt kritickému publiku a prokážete jeho hodnotu. Zkušenost byla nesmírně užitečná: vzali jsme v úvahu Bogdanovy poznámky týkající se řeči, struktury a logiky řeči.
Shrňme to
Výsledkem vynikající podpory byl první plnohodnotný produktový případ pro nás oba. Asi polovinu času jsme věnovali výzkumu UX, se kterým jsme také museli poprvé pracovat. Uvědomili jsme si, že klíčová rozhodnutí pro produkt jsou zcela založena na výzkumu. Zároveň je stejně důležité poctivě interpretovat jejich výsledky, aniž bychom si museli produkt sami upravovat.
Důležitým a příjemným doplňkem pro nás byla příležitost pracovat v týmu. Věříme, že to zlepšilo konečný výsledek a proces práce na produktu se co nejvíce přiblížil realitě. Pro některé z nás to byla první – a docela úspěšná – zkušenost s ponořením do profesionálního prostředí a samý začátek cesty UX/UI designéra.
Takže pokud vás zajímá produkt design a máte jistotu, že pracujete ve Figma, Adobe XD nebo Sketch, vítejte na úžasné podpoře 🙂 Doufáme, že brzy se z účastníků podpory objeví úzká designová komunita, kde se můžeme každý den navzájem rozvíjet a profesionálně růst. p>
