Ciele
- Sformulovať používateľský príbeh pre hlavný cieľ používateľa.
- Vytvoriť hlavný a problémový scenár použitia.
- Skontrolovať scenáre a získať k nim spätnú väzbu od spolužiakov.
- Pripraviť podklad pre papierový prototyp.
Úvod
Na základe výskumu a konceptuálneho modelu vytvoríte používateľský príbeh (1:23) a scenáre použitia (2:27), podľa ktorých budete na ďalšom cvičení kresliť papierový prototyp. Tieto artefakty môžu byť súčasťou mapy zážitkov (0:44).
Postup
Krok 1: Používateľský príbeh
Pre prípadovú štúdiu titulky.com môže používateľský príbeh vyzerať takto:
PP01: Ako tvorca titulkov chcem nahrať svoje titulky, aby mohli byť zverejnené na portáli.
Úloha 1.1
Vo FigJam vytvorte sekciu „Používateľské príbehy a scenáre“. Sformulujte používateľský príbeh pre hlavný cieľ primárneho používateľa vo formáte:
Ako [používateľ] chcem [cieľ], aby [dôvod alebo hodnota].
Poznámka
Používateľský príbeh musí vychádzať z výskumu. Ak ide zatiaľ o predpoklad, označte ho.
Každý príbeh označte jednoznačným identifikátorom, napríklad PP01. Rovnaký identifikátor používajte pri scenároch, častiach prototypu a neskoršom používateľskom testovaní.
Krok 2: Hlavný scenár
Úloha 2.1
Pre používateľský príbeh vytvorte hlavný scenár. Uveďte:
- východiskový stav a predpoklady,
- jednotlivé kroky používateľa,
- očakávaný výsledok každého kroku,
- úspešný koncový stav.
Príklad skráteného scenára pre PP01:
- Tvorca titulkov začne nahrávať titulky.
- Vyberie súbor s titulkami.
- Systém načíta rozpoznané údaje.
- Tvorca skontroluje a doplní chýbajúce údaje.
- Odošle titulky na kontrolu.
- Systém potvrdí prijatie a informuje o ďalšom postupe.
Poznámka
Scenár zatiaľ nepredpisuje konkrétne komponenty rozhrania. Nepíšte napríklad „klikne na modré tlačidlo“, ak taký návrh ešte neexistuje.
Krok 3: Problémový scenár
Úloha 3.1
Vyberte relevantnú neštandardnú situáciu a rozpracujte ju ako problémový scenár. Môže ísť napríklad o:
- chybný alebo neúplný vstup,
- nedostupné dáta alebo službu,
- prázdny stav,
- nedostatočné oprávnenie,
- prerušenie alebo návrat k rozpracovanej úlohe.
Poznámka
Vyberte situáciu, ktorá je pravdepodobná alebo má závažný dôsledok v kontexte vašej domény.
Poznámka
Nahrávaniu titulkov predchádza proces registrácie a prihlásenia používateľa, v tomto príbehu však predpokladáme, že používateľ je už zaregistrovaný a prihlásený. Predpoklady scenárov môžeme tiež zapísať do FigJam.
Krok 4: Mapovanie scenára vo FigJam
S doplnením detailných informácií o scenároch a tvorbou mapy scenára vám dnes pomôžu spolužiaci. Pozrite si krátke video o tom, čo má obsahovať mapa scenára. Príklad jednoduchej mapy scenára je na nasledujúcom obrázku.
Úloha 4.1
Každý krok scenára vložte na samostatný element Sticky note. Kroky usporiadajte zľava doprava a prepojte ich pomocou Connector. Pod každý krok doplňte očakávaný výsledok, otázky a možné problémy.
Poznámka
Pre hlavný a problémový scenár použite odlišné farby. Pomocou Copy link vytvorte odkazy na súvisiace časti výskumu a konceptuálneho modelu.
Mapa scenára je nepovinným pracovným podkladom. Samostatne sa neodovzdáva ani nehodnotí.
Krok 5: Kontrola so spolužiakmi
Úloha 5.1
V skupine postupne skontrolujte hlavný scenár každého člena:
- autor do 2 minút predstaví používateľa, jeho cieľ a doménu,
- ostatní prejdú jednotlivé kroky z pohľadu používateľa,
- kladú otázky a hľadajú chýbajúce predpoklady, kroky a problémové stavy,
- autor zapíše pripomienky do FigJam a scenár upraví.
Poznámka
Spolužiaci poskytujú spätnú väzbu, ale nenahrádzajú cieľových používateľov ani používateľské testovanie.
Pre náš používateľský príbeh PP01 môže mapa scenára vo FigJam vyzerať napríklad nasledovne:
Upozornenie
V scenároch pre Zadanie je potrebné myslieť aj na krajné prípady scenára (edge cases). Príklad scenára ukázaný na tomto cvičení je veľmi jednoduchý a nezohľadňuje tieto krajné prípady. Chýbajú mu rôzne „odbočky“ a cykly. Napríklad kroky v prípade, že sa súbor nepodarí nahrať, že nastane chyba pri nahrávaní a pod. Myslite pri tom aj pri mapovaní scenára a ak je to potrebné, doplňte do scenára chýbajúce kroky, prípadne ho detailizujte na základe nápadov od spolužiakov.
Krok 6: Príprava na ďalšie cvičenie
Úloha 6.1
Dokončite povinné používateľské príbehy a najmenej jeden hlavný a jeden relevantný problémový alebo neštandardný scenár. Na ďalšie cvičenie si prineste papiere formátu A4, ceruzku, gumu, čiernu fixku, nožnice, pravítko a mobil na odfotografovanie prototypu.
Zdroje
- Prednáška 4, časť 3 - Scenáre a prototypovanie
- UX for the masses: A step by step guide to scenario mapping
- Kim Salazar: Evaluate Interface Learnability with Cognitive Walkthroughs
Mini-videá
- Mapa zážitkov (0:44), ktorá obsahuje používateľský príbeh a scenár
- Používateľský príbeh (1:23)
- Scenár použitia (2:27) používateľského rozhrania
- Mapovanie scenára (1:08) ako metóda tvorby scenárov