Úloha storyboardov v dizajne UX

Ako dizajnér UX budete musieť často zapojiť svoju predstavivosť, aby ste oživili nové nápady. Jedným z nástrojov, ktorý vám môže pri tomto procese pomôcť, je storyboarding. Tento nástroj je prevzatý z úplne inej oblasti (kinematografie), ale vo svete UX už zanechal svoju stopu. Storyboardy skvele pomáhajú dizajnérom predstaviť si, ako budú používatelia používať produkty, ktoré navrhujú.

Čo je to storyboard?

Pozri tiež: Najzaujímavejšie 2D animované reklamy všetkých čias

Storyboard je vizuálna forma na znázornenie scenára, ktorý obsahuje postupnosť niekoľkých udalostí. Ako prvé s touto myšlienkou prišli v 30. rokoch 20. storočia štúdiá Walta Disneyho. Mnohé ďalšie oblasti vrátane dizajnu UX si osvojili storyboard ako spôsob vizuálneho znázornenia scenárov.

V tejto chvíli sa pravdepodobne pýtate: "Prečo by som mal používať storyboardy?".

Stručná odpoveď je, že vám pomôže navrhovať rýchlejšie a s väčšou istotou.

Tu sú hlavné dôvody, prečo je to tak:

1. Obrázok je hodný tisícov slov - Náš mozog spracováva obrázky oveľa rýchlejšie ako text. Vizuálnym znázornením scenára urýchlite proces tvorby nápadov pre všetkých zúčastnených.
2. Príbehy sú nezabudnuteľné - Ľudia už po stáročia používajú príbehy na odovzdávanie ústnych tradícií mladším generáciám, pretože sú oveľa ľahšie zapamätateľné ako fakty. Použitie príbehu ako prvého kroku k nápadu môže hneď od začiatku navodiť správnu atmosféru projektu.
3. Rozdiel v zvedavosti - Príbehy, najmä tie, ktoré obsahujú medzery, môžu veľmi prirodzene vyvolať zvedavosť a aktivovať náš mozog, aby sa pokúsil doplniť chýbajúce detaily. Tento typ "mozgovej sily" je presne to, čo chcete pri svojich ideových sedeniach.
4. Vcítenie sa do "skutočného používateľa" - Podobne ako používame persóny na vytvorenie empatie s používateľom, ktorý má tvár a meno, umiestnenie tohto používateľa do scenára vytvorí ešte vyššiu úroveň empatie voči používateľom u členov návrhového tímu.

Používanie storyboardov v dizajne UX

Podobne ako scenáristi a filmoví režiséri používajú storyboardy na plánovanie zápletiek vo filmoch a televíznych seriáloch, dizajnéri UX môžu používať storyboardy na predstavu a plánovanie používateľských ciest produktov. Technika storyboardu umožňuje vybrať jednu alebo dve postavy a pochopiť nielen to, čo robia v každom kroku používateľskej cesty, ale aj to, prečo robia určitú akciu a aké pocity z nej majú.

Na začiatku procesu návrhu ux si budete musieť premyslieť niekoľko častí príbehu, ktoré budete chcieť definovať aspoň na koncepčnej úrovni, skôr ako začnete čokoľvek skicovať.

Prvým krokom pri tvorbe príbehu by malo byť rozhodnutie, kto je váš hlavná postava a či by ste do svojho storyboardu chceli zahrnúť viac postáv.

Aby ste vytvorili komplexnú postavu, musíte myslieť na nasledujúce veci:

1. Stránka základný popis vašej postavy, ktorá môže obsahovať napríklad meno, povolanie, vek, pohlavie a všetko ostatné, čo je dôležité.
2. Čo motivuje aby táto postava používala váš produkt alebo službu?
3. V čom kontext používa vaša postava tento produkt?

Druhým krokom pri tvorbe storyboardu je definovanie samotnej používateľskej cesty a jej jednotlivých častí. Je dobré oboznámiť sa s časťami typickej používateľskej cesty produktov, pretože vám to pomôže premyslieť si, čo chcete do storyboardu zahrnúť. Bude to zahŕňať detaily, ako napr:

1. Informovanosť - ako sa používatelia dozvedia o vašom produkte alebo službe?
2. Úvaha - aké rozhodnutia budú musieť urobiť predtým, ako sa rozhodnú produkt kúpiť a používať?
3. Kúpiť - ako budú vaši používatelia produkt kupovať?
4. Prvá skúsenosť - ako bude vyzerať ich prvá skúsenosť s vaším produktom?
5. Návyky používania - ako bude vyzerať ich pravidelné používanie?
6. Hlavné výhody - čo získajú vaši používatelia z používania vášho produktu?

Ak je príliš ťažké pokúsiť sa rozhodnúť o všetkých týchto veciach hneď na začiatku, môžete začať tým, že popíšete len počiatočné fázy cesty používateľa a do storyboardu zahrniete len tieto časti. Patrí sem uvedomenie si, zváženie, kúpa a prvá skúsenosť s vaším produktom. Keď tieto detaily spresníte, bude pre vás a váš tím jednoduchšie rozšíriť storyboard auveďte podrobnosti o dlhodobom používaní vášho produktu.

Začíname so storyboardingom

Aby ste mohli začať s tvorbou storyboardu, budete musieť myslieť aj na niekoľko rôznych vecí. Tu je niekoľko užitočných usmernení:

1. Použitie štruktúra príbehu so začiatkom, stredom a koncom; sústreďte sa na cieľ, ktorý musí vaša postava dosiahnuť. V príbehovom pláne neskáčte hneď k riešeniam.
2. Premýšľajte o nástroje na vytvorenie storyboardu. Na načrtnutie storyboardu môžete použiť pero a papier alebo použiť grafický softvér, podľa toho, čo vám viac vyhovuje.
3. Premýšľajte o úroveň podrobnosti v závislosti od toho, v akej fáze vývoja sa nachádzate, môžete vytvoriť príbehy s väčším alebo menším množstvom detailov, ale nezabudnite vždy ponechať určitý priestor pre fantáziu.
   Pozri tiež: Kinetická typografia: čo, prečo a ako

Aby sme vám pomohli zostaviť pekný storyboard UX, pozrime sa na reálny príklad .

Predpokladajme, že chcete pomôcť ľuďom, ktorí radi pijú víno, ale vo vinotékach sa nevedia rozhodnúť, čo si kúpiť.

Predpokladajme, že sa chcete zamerať na ľudí vo veku 25 až 45 rokov, ktorí práve robia prvé kroky k lepšiemu pochopeniu vína. Rozhodnete sa vytvoriť aplikáciu, ktorá im pomôže, s názvom "Wine Time".

Ďalším krokom je začať si predstavovať, ako budú ľudia vašu aplikáciu používať. Rozhodnete sa teda vytvoriť storyboard.

Prejdime si tento proces.

Náš príbeh sa začína hlavné postavy , Jason a Nathalie, mladý pár okolo 30 rokov. Žijú na predmestí Toronta v Kanade. Milujú pitie vína a raz za tri týždne chodia do miestneho obchodu s vínom, aby si kúpili 2-3 fľaše vína. Zvyčajne kupujú vína, ktoré sú v obchode propagované, a občas dostanú odporúčanie od priateľa, čo si kúpiť. Nedávno chceli začaťskúmať viac vín a chcú byť menej zahltení širokou ponukou vo svojom obchode. Doteraz kupovali takmer vždy tie isté vína. To je to, čo motivuje aby sa pokúsili nájsť riešenie, ako sa dozvedieť viac o víne.

Jason začal vo voľnom čase čítať o víne, ale stále to nepovažuje za veľmi užitočné. Väčšina vín opísaných v týchto článkoch pochádza z Európy a on žije v Kanade. Nie je si istý, či sú miestne vína, ktoré nájde v neďalekom obchode, nejako porovnateľné.

Jedného dňa Nathaliina kamarátka Alison navrhne, aby vyskúšali novú aplikáciu s názvom "Wine Time". Aplikácia vám pomôže dozvedieť sa o víne a pomôže vám nájsť vína, ktoré vám budú chutiť. V tomto bode príbehu sa Jason a Nathalie stanú uvedomelé výrobku.

Stiahnu si aplikáciu a hneď absolvujú rýchly výukový program "Úvod do vína". Výukový program ich naučí, aký typ vína môžu mať radi na základe rôznych vlastností. To by zodpovedalo ich prvá skúsenosť s aplikáciou a ich "Aha" moment (s najväčšou pravdepodobnosťou). Túto časť môžeme považovať za začiatok stred nášho príbehu .

Na konci výučby zostanú Jonathan a Nathalie v aplikácii. "Wine Time" im navrhne vína a skontroluje, či sú dostupné v obchodoch v okolí. Keď nájdu pár fliaš, ktoré sa im páčia, objednajú si ich online a dostanú ich do dvoch dní. Táto časť príbehu by zodpovedala fáza nákupu v ceste používateľa Mohlo by to byť potenciálne spojené aj s budúce používanie aplikácie ak sa rozhodnú pokračovať v objednávaní vína z aplikácie, aby ušetrili čas.

Tu sa odohráva náš príbeh končí a kde naše postavy pochopia, ako používať aplikáciu "Wine Time" na dosiahnutie svojich cieľ skúmania ďalších vín.

Ďalej si povieme niečo o nástroje na vytvorenie storyboardu.

Ako vidíte na obrázku nižšie, môžete vytvoriť jednoduchý storyboard, ako som to urobil ja v programe Vectornator. Môžete použiť ich ikony, ako aj nejaký text na vizualizáciu zápletky príbehu. Rozhodol som sa prezentovať cestu používateľa v štyroch fázach, aby som ponechal priestor na diskusiu o detailoch, ktoré nie sú súčasťou storyboardu.

Ponechanie storyboardu na súčasnej úrovni detailov by mohlo vo fáze tvorby nápadu vyvolať zaujímavé otázky, ako napríklad:

1. Ktoré výukové programy bude aplikácia obsahovať?
2. Kde na svete bude aplikácia dostupná?
3. S akými online obchodmi s vínom by sme ho mali prepojiť?
4. Ako bude vyzerať dlhodobé používanie?

Pozrite si storyboard, ktorý som vytvoril pre aplikáciu "Wine Time".

Cesta používateľa "Wine Time". Obrázok od autora.

‍

Stručne povedané , storyboarding je vynikajúci nástroj, ktorý môžete ako dizajnér UX použiť na oživenie koncepčných nápadov ešte predtým, ako začnete so svojím tímom idealizovať. Vizualizácia scenárov môže urobiť proces oveľa interaktívnejším a zábavnejším pre všetkých. Na znázornenie mnohých scenárov možno budete potrebovať viac ako jeden storyboard, ale táto potreba sa časom vyjasní. Najdôležitejšie veci, ktoré si treba zapamätať, sú: buďte kreatívnia bavte sa.