Skicování a Storyboard

Skicování

Skicování je metoda, která designérům pomáhá vizualizovat svoje myšlenky na papír.[1] Převedení našich nápadů na papír nám umožňuje lépe přemýšlet o zkoumaném problému, přicházet s různým řešením a komunikovat o dané situaci s jinými kolegy. Tento prostředek umožňuje designérům dávat myšlenkám konkrétní podobu.

Člověk nemusí být nadaný v kreslení, aby mohl tuto metodu používat. Hlavní je, aby zvládal nakreslit několik geometrických obrazců. Poté už dokáže naskicovat cokoliv. Výhodou této metody je, že člověku stačí pouze papír a tužka. Jak říká Bill Buxton ve své knize Sketching User Experiences: Getting the Design Right and the Right Design: „Skice nemusí být hezké, překrásné nebo pro všechny okamžitě pochopitelné. Nicméně, měli byste být schopni vysvětlit své skici a nápady, když se vás na ně kdokoliv zeptá.“[2]

Výhody skicování

• zaznamenání nové myšlenky na papír bez ohledu na kvalitu kresby
• přemýšlet nad našimi nápady více kreativně a otevřeně
• umožňuje diskutovat, kritizovat a sdílet nápady s ostatními členy designového týmu
• porovnávání jednotlivých idejí a následný výběr
• možnost archivace nápadů pro pozdější reflexi
• pomáhá vyhodnotit proveditelnost funkcí a eliminuje problémy s rozvržením a funkčností
• bavit se při procesu designování[3]

Závěr

Skicování nám pomáhá vyvarovat se potencionálním problémům už v zárodku designování před zahájením fáze návrhu a vývoje. Cílem této metody je od designérů získat co nejvíce nápadů za co nejrychlejší čas. Nejdůležitější na skicování je, aby se člověk, který se podílí na vytváření nápadů nebál vizuálně vyjádřit svoje nápady. Nejde o hezkou kresbu, ale o vyjádření myšlenek v hlavě. Rozdíl mezi skicováním a storyboardem vidím v tom, že metoda skicování je pouze nějaký náčrt myšlenky, zatímco storyboard vyjadřuje nějakou službu nebo produkt, který už funguje.

Storyboard

Storyboard je designová technika, která popisuje jednotlivé části služby jako celku. Představte si, že sledujete nějaké video. To video se rozdělí na několik částí. A spojením těchto snímků vznikne celý film. To je přesně storyboard. K čemu se využívá tato technika? Storyboard nám pomáhá předpovídat funkčnost produktu a její uživatelskou přívětivost.[4] Je založen na technice komiksových snímků, kde prostřednictvím kresby se snaží zachytit jednotlivé kroky v průchodu designování službou nebo produktem. Tato metoda klade důraz na jednoduchost, kde hlavním cílem je pochopit myšlenku daného snímku.[5]

Historie vzniku Storyboardu

Storyboard v dnešní podobě jako grafický nástroj pro vizualizaci plánování služby a produktu vznikl ve 20. letech 20.století a kořeny má v oblasti kinematografie. Za autora storyboardu je považována velká filmová produkční společnost Walt Disney.[6] V roce 1933 vznikl první scénář pro krátký kreslený film Tři malá prasátka, který využil metodu vizualizace jednotlivých úseků filmu prostřednictvím storyboardu. Metoda Storyboard pomohla zvýšit kvalitu filmů této společnosti a tento nástroj se začal používat nejen u kreslených, ale i u hraných filmů. Majitel filmové a produkční společnosti Walt Disney se svým tvůrčím týmem při vytváření scénáře k filmu vždy zavěsili několik částí plánovaného filmu ve vizuální podobě a kdokoliv z týmu mohl k jednotlivým úsekům přidávat svoje poznatky. Často se také debatovalo nad tím, co by bylo vhodné změnit nebo dokonce i vynechat a tvůrce filmu tedy nebyl pouze režisér a jeho úzký okruh lidí, ale byly to všichni, co se podíleli na vytváření storyboardu.[7] Můžeme tedy říci, že metoda storyboard vede ke spolupráci jednotlivých členů mezi sebou a podporuje tak týmovou práci.

A proč je storyboard jeden z nejúčinnějších prostředků pro poskytování a získávání informací? V několika bodech zde uvedu různé důvody.

● Vizualizace

Obrázek řekne více než tisíc slov. Vizuální ukázka myšlenky nebo nápadu pomáhá lidem rychleji pochopit zkoumanou věc, jelikož si ji dovedou představit. Slova jsou přeci jenom více abstraktní a často může docházet k nepochopení idejí.

● Zapamatelnost

Lidé si dokáží prostřednictvím obrázku zapamatovat více prvků a symbolů než sdělení informací pomocí lidské řeči.

● Empatie

Storyboard je metoda, kde si člověk vytvoří nějaká vztah k příběhům. Často se stává, že se vcítíme do vytvořeného příběhu a srovnáváme ho s naším životem, s nástrahami a povinnosti, které s tím souvisí. Když se designéři pustí do kresby storyboardu, tak znázorňují kromě svých nápadů i své emoce.

● Angažovanost

Kreslený příběh vždy zaujme pozornost u lidí. Předpokládá se, že designér je hodně kreativní člověk a prostřednictvím jeho zvědavosti se bude chtít aktivně zapojit do vytváření příběhu nebo se minimálně bude zajímat o to, jak bude plánovaný produkt či služba nakonec vypadat.[8]

Proč se metoda storyboard často využívá v user- experience designu?

Storyboard je dostupný, levný a efektivní nástroj pro získání, zkoumání a vyjádření uživatelských zkušeností s produktem v designovém procesu. Tato metoda pomáhá designerům mapovat a pochopit cyklus interakce lidí s produktem v průběhu času a prostřednictvím storyboardu vidí designéři, co je pro uživatele důležité, s čím mají problémy nebo naopak, jaký prvek v produktu funguje podle předem zamýšleného cíle.

V designu UX má tato technika následující výhody:

● Designový přístup je zaměřen na člověka

Storyboard je metoda, která je zaměřena na potřeby člověka a díky tomu designéři vidí, co ve službě nebo produktu funguje či nefunguje. Podle toho mohou upravovat jednotlivé komponenty ke spokojenosti uživatelů.

● Designéři vidí očima uživatelů

Designéři vnímajíprodukt v podobném světle jako jejich uživatele. To jim pomáhá porozumět existujícím možnostem interakce a testovat hypotézy o potenciálních scénářích.

● Ukazuje nám, co je důležité

Storyboard nám pomáhá odhalovat to, co je podstatné. To znamená, že nám umožňuje šetřit penězi a časem na případnou zbytečnou práci v procesu designování.

● Umožňuje metodu „pitch and critique“

Storyboard je metoda, která je založena na spolupráci v týmu a každý jeho člen se může k jednotlivým snímkům vyjádřit. Díky tomu mohou vznikat nové nápady a dochází také k minimalizaci chyb v designování.

● Jednodušší iterace

Storyboard je založena na iteračním přístupu. Prostřednictvím vytváření příběhů se může testovat více konceptů v procesu designování současně a náklady na přepracování jsou téměř nulové.[9]

Jak vytvořit Storyboard?

1. “Než začnete kreslit, zpracujte si nejprve příběh ve formě diagramu.

2. Ke každému políčku diagramu sepište své poznámky — jaké jsou důležité kontextové prvky, jakou činnost uživatel provádí atd.

3. Rozvrhněte si příběh na určitý počet kroků. Podle nich rozdělte papír na odpovídající počet políček.

4. Můžete též nejprve zakreslit jednotlivá políčka na post-ity. Lépe se vám s nimi bude manipulovat a návrh bude variabilnější.

5. Použijte storyboard pro prezentaci vašeho návrhu a sbírejte zpětnou vazbu.”[10]

Zdroje

[1] TUFTS, Kevin. WHY SKETCHING IS AN IMPORTANT PART OF THE DESIGN PROCESS. Content Management System [online]. 2014 [cit. 2019–11–25]. Dostupné z: https://www.dnnsoftware.com/blog/why-sketching-is-an-important-part-of-the-design-process

[2] MAŇÁK, Michal. Začněte efektivně navrhovat produkty díky skicování. Michal Maňák [online]. 2015 [cit. 2019–11–25]. Dostupné z: https://www.manakmichal.cz/blog/user-experience/zacnete-efektivne-navrhovat-produkty-diky-skicovani/

[3] ROJAS, Jose. Etch A Sketch: How to Use Sketching in User Experience Design. UX Design Courses and Global UX Community [online]. 2019 [cit. 2019–11–25]. Dostupné z: https://www.interaction-design.org/literature/article/etch-a-sketch-how-to-use-sketching-in-user-experience-design

[4] BABICH, Nick. Storyboarding in UX Design. Nick Babich [online]. 2017 [cit. 2019–11–25]. Dostupné z: http://babich.biz/storyboards/

[5]What is Storyboarding in UX Design and How Can You Create Them Effectively? Medium [online]. 2017 [cit. 2019–11–25]. Dostupné z: https://medium.com/atolye15/what-is-storyboarding-in-ux-design-and-how-can-you-create-them-effectively-df3712626a22

[6] CROTHERS, Ben. Storyboarding & UX — part 1: an introduction. Johnny Holland [online]. 2011 [cit. 2019–11–25]. Dostupné z: http://johnnyholland.org/2011/10/storyboarding-ux-part-1-an-introduction/

[7]Storyboard — obrázkový scénář. Animuj.cz [online]. [cit. 2019–11–25]. Dostupné z: http://animuj.cz/storyboard-obrazkovy-scenar/

[8] BABICH, Nick. The Role Of Storyboarding In UX Design. Smashing Magazine [online]. 2017 [cit. 2019–11–25]. Dostupné z: https://www.smashingmagazine.com/2017/10/storyboarding-ux-design/

[9] BABICH, Nick. The Role Of Storyboarding In UX Design. Smashing Magazine [online]. 2017 [cit. 2019–11–25]. Dostupné z: https://www.smashingmagazine.com/2017/10/storyboarding-ux-design/

[10]#66 Storyboardy. 100 metod [online]. 2016 [cit. 2019–11–25]. Dostupné z: https://100metod.cz/post/47561692965/66-storyboardy