Úloha storyboardů v designu UX

Jako designér UX budete muset často zapojit svou představivost, abyste nové nápady uvedli v život. Jedním z nástrojů, který vám v tomto procesu může pomoci, je storyboarding. Tento nástroj je převzatý z úplně jiné oblasti (kinematografie), ale ve světě UX se již prosadil. Storyboardy skvěle pomáhají designérům představit si, jak budou uživatelé používat produkty, které navrhují.

Co je to storyboard?

Storyboard je vizuální forma pro znázornění scénáře, který obsahuje sled několika událostí. Jako první s tímto nápadem přišla studia Walta Disneyho ve 30. letech 20. století. Mnoho dalších oborů, včetně designu UX, přijalo storyboard jako způsob vizuálního znázornění scénářů.

V tuto chvíli se pravděpodobně ptáte: "Proč bych měl používat storyboardy?".

Stručná odpověď zní, že vám pomůže navrhovat rychleji a s větší jistotou.

Zde jsou hlavní důvody, proč tomu tak je:

1. Obrázek vydá za tisíc slov - Náš mozek zpracovává obrázky mnohem rychleji než text. Vizuálním znázorněním scénáře urychlíte proces vymýšlení pro všechny zúčastněné.
2. Příběhy jsou nezapomenutelné - Lidé po staletí využívají příběhy k předávání ústních tradic mladším generacím, protože jsou mnohem snadněji zapamatovatelné než fakta. Použití příběhu jako prvního kroku k nápadu může hned na začátku navodit správnou atmosféru projektu.
3. Mezera ve zvědavosti - Příběhy, zejména ty, které obsahují mezery, mohou velmi přirozeně vyvolat zvědavost a aktivovat náš mozek, aby se pokusil doplnit chybějící detaily. Tento typ "mozkové kapacity" je přesně to, co chcete při svých ideových sezeních.
4. Vcítit se do "skutečného uživatele" - Stejně jako používáme persony k vytvoření empatie s uživatelem, který má tvář a jméno, tak i umístění tohoto uživatele do scénáře vytvoří u členů návrhového týmu ještě vyšší úroveň empatie vůči uživatelům.

Použití storyboardů v designu UX

Stejně jako scénáristé a filmoví režiséři používají storyboardy k plánování zápletek ve filmech a seriálech, mohou designéři UX používat storyboardy k představě a plánování uživatelských cest produktů. Technika storyboardingu umožňuje vybrat jednu nebo dvě postavy a pochopit nejen to, co dělají v každém kroku uživatelské cesty, ale také proč dělají určitou akci a jaké z ní mají pocity.

Na začátku procesu návrhu ux si musíte promyslet několik částí příběhu, které budete chtít definovat, alespoň na koncepční úrovni, než začnete cokoli skicovat.

Prvním krokem při tvorbě příběhu je rozhodnout se, kdo bude vaším partnerem. hlavní postava a jestli chcete do storyboardu zahrnout další postavy.

Abyste vytvořili dobře propracovanou postavu, musíte myslet na následující věci:

1. Na stránkách základní popis vaší postavy, která může obsahovat například jméno, povolání, věk, pohlaví a další důležité údaje.
2. Co motivuje aby tato postava používala váš produkt nebo službu?
3. V čem kontext používá vaše postava tento produkt?

Druhým krokem při tvorbě storyboardu je definování samotné cesty uživatele a jejích jednotlivých částí. Je dobré se seznámit s částmi typické cesty uživatele u produktů, protože vám to pomůže přemýšlet o tom, co chcete do storyboardu zahrnout. To bude zahrnovat detaily, jako např:

1. Informovanost - jak se uživatelé o vašem produktu nebo službě vůbec dozvědí?
2. Úvaha - jaká rozhodnutí budou muset učinit, než se rozhodnou produkt koupit a používat?
3. Koupit - jak budou uživatelé produkt kupovat?
4. První zkušenost - jak bude vypadat jejich první zkušenost s vaším produktem?
5. Zvyklosti používání - jak bude vypadat jejich pravidelné používání?
6. Hlavní výhody - co uživatelé získají z používání vašeho produktu?

Pokud je příliš těžké snažit se rozhodnout o všech těchto věcech hned na začátku, můžete začít tím, že popíšete pouze počáteční fáze cesty uživatele a do storyboardu zahrnete pouze tyto části. Patří mezi ně uvědomění, zvažování, koupě a první zkušenost s vaším produktem. Jakmile tyto detaily upřesníte, bude pro vás i pro váš tým snazší storyboard rozšířit a doplnit.zahrnout podrobnosti o dlouhodobém používání vašeho produktu.

Začínáme se storyboardingem

Abyste mohli začít s tvorbou storyboardů, musíte také myslet na několik různých věcí. Zde je několik užitečných pokynů:

1. Použití struktura příběhu se začátkem, středem a koncem; zaměřte se na cíl, kterého musí vaše postava dosáhnout. Nepřecházejte v příběhovém plánu rovnou k řešení.
2. Přemýšlejte o nástroje Můžete použít tužku a papír k nakreslení storyboardu nebo použít grafický software, záleží na vašich preferencích.
3. Přemýšlejte o úroveň podrobnosti které chcete do příběhu zahrnout. V závislosti na tom, v jaké fázi vývoje se nacházíte, můžete vytvářet příběhy s větším či menším množstvím detailů, ale nezapomeňte vždy ponechat určitý prostor pro fantazii.

Abychom vám pomohli sestavit pěkný storyboard UX, podívejme se na. reálný příklad .

Předpokládejme, že chcete pomáhat lidem, kteří rádi pijí víno, ale ve vinotékách se nemohou rozhodnout, co si koupit.

Předpokládejme, že se chcete zaměřit na lidi ve věku 25 až 45 let, kteří právě dělají první kroky k lepšímu porozumění vínu. Rozhodnete se vytvořit aplikaci, která jim pomůže, s názvem "Wine Time".

Dalším krokem je začít si představovat, jak budou lidé vaši aplikaci používat. Rozhodnete se tedy vytvořit storyboard.

Projděme si tento proces.

Náš příběh začíná hlavní postavy , Jason a Nathalie, mladý pár kolem 30 let. Žijí na předměstí Toronta v Kanadě. Rádi pijí víno a jednou za tři týdny si zajdou do místní vinotéky koupit 2-3 láhve vína. Obvykle kupují vína, která jsou v obchodě propagována, a občas dostanou doporučení od známého, co si koupit. Nedávno chtěli začít pít víno.zkoumají více vín a chtějí být méně zahlceni širokou nabídkou ve svém obchodě. Dosud kupovali v podstatě pokaždé stejná vína. To je to, co je motivuje aby se pokusili hledat řešení, jak se o víně dozvědět více.

Jason začal ve volném čase číst o víně, ale stále mu to příliš nepomáhá. Většina vín popsaných v těchto článcích pochází z Evropy a on žije v Kanadě. Není si jistý, zda jsou místní vína, která najde v nedalekém obchodě, nějak srovnatelná.

Jednoho dne Nathaliina kamarádka Alison navrhne, aby vyzkoušeli novou aplikaci s názvem "Wine Time". Aplikace vám pomůže dozvědět se něco o víně a pomůže vám najít vína, která vám budou chutnat. V tomto bodě příběhu se Jason a Nathalie stanou... uvědomělý výrobku.

Stáhnou si aplikaci a ihned absolvují rychlý výukový kurz "Úvod do vína". V kurzu se dozvědí, jaký typ vína jim může chutnat na základě různých charakteristik. To by odpovídalo jejich potřebám. první zkušenost s aplikací a jejich "Aha" moment (nejspíše). Tuto část můžeme považovat za začátek aplikace. uprostřed našeho příběhu .

Na konci výuky zůstanou Jonathan a Nathalie v aplikaci. "Wine Time" jim navrhne vína a zkontroluje, zda jsou k dostání v obchodech v okolí. Jakmile najdou pár lahví, které se jim líbí, objednají si je online a do dvou dnů je obdrží. Tato část příběhu by odpovídala nákupní fáze v cestě uživatele . Mohlo by to být také spojeno s budoucí využití aplikace pokud se rozhodnou pokračovat v objednávání vína z aplikace, aby ušetřili čas.

Tady je náš příběh končí a kde naše postavy pochopí, jak používat aplikaci "Wine Time", aby dosáhly svých cílů. cíl poznávání dalších vín.

Dále si povíme něco o nástroje pro vytvoření storyboardu.

Jak vidíte na obrázku níže, můžete si vytvořit jednoduchý storyboard, jako jsem to udělal já, v programu Vectornator. Můžete použít jejich ikony a také nějaký text k vizualizaci děje příběhu. Rozhodl jsem se prezentovat cestu uživatele ve čtyřech fázích, abych ponechal prostor pro diskusi o detailech, které nejsou součástí storyboardu.

Ponechání storyboardu na současné úrovni detailů by mohlo ve fázi nápadu vyvolat zajímavé otázky, jako např.:

1. Jaké výukové programy bude aplikace obsahovat?
2. Kde na světě bude aplikace dostupná?
3. K jakým online obchodům s vínem bychom jej měli připojit?
4. Jak bude vypadat dlouhodobé využití?

Podívejte se na storyboard, který jsem vytvořil pro aplikaci "Wine Time".

Cesta uživatele "Čas vína". Obrázek autor.

‍

Stručně řečeno , storyboarding je vynikající nástroj, který můžete jako UX designér použít k oživení koncepčních nápadů ještě předtím, než začnete idealizovat se svým týmem. Vizualizace scénářů může učinit proces mnohem interaktivnějším a zábavnějším pro všechny. Pro znázornění mnoha scénářů budete možná potřebovat více než jeden storyboard, ale tato potřeba se časem vyjasní. Nejdůležitější věci, které je třeba si zapamatovat, jsou: buďte kreativní.a bavte se.