A7B39NUR – Semestrální práce RCP Úloha D3
Pavel Lieberzeit Jiří Šebek Tomáš Tisančín
1
Obsah Scénáře pro prototyp .................................................................................................................................... 4 Scénář 1 - Uživatel chce uvařit jídlo .......................................................................................................... 4 Scénář 2 – Uživatel chce přidat položku ze spíže a suroviny z receptu do nákupního seznamu .............. 4 Scénář 3 – Uživatel nakupuje společně s nákupním seznamem a postupně odškrtává položky seznamu .................................................................................................................................................................. 4 Scénář 4 – Uživatel chce vložit nakoupené položky z účtenky do spíže ................................................... 5 Scénář 5 – Uživatel chce přidat upozornění na stravu.............................................................................. 5 Scénář 6 – Uživatel se chce podívat na historii jídel a některé smazat .................................................... 5 Scénář 7 – Uživatel chce vypnout upozornění na stravu .......................................................................... 5 Scénář 8 – Uživatel chce naplánovat vybrané jídlo na konkrétní den ...................................................... 6 Scénář 9 – Uživatel chce vytvořit nový recept .......................................................................................... 6 Popis prototypu ............................................................................................................................................ 6 Cíle testování................................................................................................................................................. 6 Nastavení testu ............................................................................................................................................. 7 Úkoly pro participanty .............................................................................................................................. 7 1.
Uvaření jídla podle receptu........................................................................................................... 8
2.
Přidání položky do spíže ................................................................................................................ 8
3.
Přidání položky ze spíže a surovin z receptu do nákupního seznamu .......................................... 8
4.
Nákup pomocí nákupního seznamu.............................................................................................. 9
5.
Vložení položek z nákupu do spíže pomocí naskenování účtenky ................................................ 9
6.
Přidání upozornění pro pravidelnou stravu .................................................................................. 9
7.
Vypnutí upozornění pro pravidelnou stravu ................................................................................. 9
Harmonogram testování ......................................................................................................................... 10 Participant 1 ................................................................................................................................................ 10 Screener .................................................................................................................................................. 10 Pre-test.................................................................................................................................................... 10 Post-test .................................................................................................................................................. 10 Průběh testování ..................................................................................................................................... 10 Úkol 1 .................................................................................................................................................. 10 Úkol 2 .................................................................................................................................................. 11 Úkol 3 .................................................................................................................................................. 11 2
Úkol 4 .................................................................................................................................................. 11 Úkol 5 .................................................................................................................................................. 11 Úkol 6 a 7 ............................................................................................................................................ 11 Nálezy ...................................................................................................................................................... 11 Interpretace a řešení nálezů ................................................................................................................... 11 Reakce na post-test dotazník .................................................................................................................. 12 Shrnutí testování ..................................................................................................................................... 12 Participant 2 ................................................................................................................................................ 12 Screener .................................................................................................................................................. 12 Pre-test.................................................................................................................................................... 12 Post-test .................................................................................................................................................. 12 Průběh testování ..................................................................................................................................... 12 Úkol 1 .................................................................................................................................................. 13 Úkol 2 .................................................................................................................................................. 13 Úkol 3 .................................................................................................................................................. 13 Úkol 4 .................................................................................................................................................. 13 Úkol 5 .................................................................................................................................................. 13 Úkol 6 .................................................................................................................................................. 13 Úkol 7 .................................................................................................................................................. 13 Nálezy ...................................................................................................................................................... 13 Interpretace a řešení nálezů ................................................................................................................... 14 Reakce na post-test dotazník .................................................................................................................. 14 Shrnutí testování ..................................................................................................................................... 14 Splnění cílů testování .................................................................................................................................. 14
3
Scénáře pro prototyp Scénář 1 - Uživatel chce uvařit jídlo Základní funkce, kterou by měla aplikace poskytovat. Předpokládá se časté používání. Optimální průchod scénářem: 1) 2) 3) 4) 5)
Jít do seznamu receptů Zvolit recept Kliknout na „Uvařit“ Odkrokovat postup (zaškrtat jednotlivé kroky) Případně: Shlédnout video
Scénář 2 – Uživatel chce přidat položku ze spíže a suroviny z receptu do nákupního seznamu Základní funkce, kterou by měla aplikace poskytovat. Předpokládá se časté používání. Optimální průchod scénářem: 1) 2) 3) 4) 5) 6) 7) 8)
Jít do spíže Vyhledat položku Kliknout na ikonu přidání do nákupního seznamu Zvolit množství Jít do receptů Vyhledat recept Zvolit recept Kliknout na ikonu přidání surovin do nákupního seznamu
Scénář 3 – Uživatel nakupuje společně s nákupním seznamem a postupně odškrtává položky seznamu Základní funkce, kterou by měla aplikace poskytovat. Používaná by mohla být dle rozhovorů maximálně 3x týdně (většinou 1x – 2x). Optimální průchod scénářem: 1) Jít do nákupního seznamu 2) Doplnit seznam – iterace a. Kliknout na „Přidat položku“ b. Zvolit příslušný počet položky c. Kliknout na ikonu přidání 3) Zatrhávat postupně všechny položky v nákupním seznamu, případně seznam smazat
4
Scénář 4 – Uživatel chce vložit nakoupené položky z účtenky do spíže Pokročilá funkce, která by měla řešit problém zdlouhavého naplňování spíže. Používaná by mohla být dle rozhovorů maximálně 3x týdně (většinou 1x – 2x). Optimální průchod scénářem: 1) Jít do spíže 2) Kliknout na ikonu skenování
Scénář 5 – Uživatel chce přidat upozornění na stravu Základní funkce, jejíž používání je závislé na množství změn ve stravovacích návycích. Správně by měla být funkce používána pouze velmi zřídka, nejčastěji ihned po nainstalování software. Optimální průchod: 1) 2) 3) 4) 5)
Jít do nastavení Zvolit „Pravidelná strava“ Zvolit „Přidat upozornění“ Vyplnit název, typ, čas a dny. Kliknout na „Přidat upozornění“
Scénář 6 – Uživatel se chce podívat na historii jídel a některé smazat Pokročilejší funkce, která má uživateli umožnit opravovat překliky. Optimální průchod: 1) Jít do nastavení 2) Zvolit „Historie stravování“ 3) Odebrat zvolený pokrm
Scénář 7 – Uživatel chce vypnout upozornění na stravu Základní funkce, jejíž používání je závislé na míře stereotypnosti stravovacího života uživatele. Optimální průchod: 1) Jít do nastavení 2) Zvolit „Pravidelná strava“ 3) Odkliknout zaškrtlé upozornění
5
Scénář 8 – Uživatel chce naplánovat vybrané jídlo na konkrétní den Pokročilejší funkce. Těžko odhadnutelná frekvence používání. Optimální průchod: 1) 2) 3) 4)
Jít do receptů Vyhledat daný recept a zobrazit ho Kliknout na ikonu kalendáře Zvolit den
Scénář 9 – Uživatel chce vytvořit nový recept Základní funkce. Frekvence používání závisí na velikosti základní databáze. Optimální průchod: 1) 2) 3) 4)
Jít do receptů Zvolit „Přidat recept“ Vyplnit potřebné údaje Kliknout na „Přidat recept do databáze“
Popis prototypu Jedná se o PDF soubor s událostmi napojenými na různé aktivní oblasti (jako aktivní oblast si můžete představit tlačítko, jako událost akci, kterou má tlačítko provést – zde především přechody na jiné obrazovky). Pro jeho vytvoření byla použita aplikace Balsamiq a nachází se v příloze. Prototyp obsahuje mockupy všech základních i pokročilých funkcí aplikace a většinu doplňkových funkcí (odebírání, atp.). Neobsahuje filtrování. Interaktivita prvků v rámci seznamu je zastoupena většinou pouze prvním prvkem v seznamu, zbytek je neaktivní. Zahrnuté jsou především funkce pro splnění výše popsaných scénářů.
Cíle testování Cílem testování tohoto prototypu je získání přehledu, jak dobře se uživatelé orientují v navrženém rozhraní. To zahrnuje, mimo jiné, vnímanou přehlednost. Dalším cílem je zjištění spokojenosti uživatelů s rozhraním a případných reakcí na něj. Tyto reakce mohou být jak pozitivní, tak negativní, například jestli se rozhraní líbí/nelíbí, co by rádi změnili a podobně. Je také potřeba brát na vědomí, že se jedná pouze o low fidelity prototyp, nejde o žádný konečný produkt a proto jsou jakékoliv reakce od participantů vítány.
6
Bodově se tedy snažíme splnit tyto požadavky:
Zjištění míry orientace uživatelů v rozhraní o Přehlednost Zjištění míry vnímané přívětivosti rozhraní pro uživatele Sběr reakcí a návrhů na vylepšení
Nastavení testu Testy probíhají v domácím prostředí ve večerních hodinách (17-20). Samotný prototyp je spouštěn na PC v Adobe Acrobat Readeru. Pro ovládání prototypu je použita počítačová myš. Obrazovka je během testování nahrávána. Následně jsou uvedeny shrnutí testování s případnými nálezy. Prototyp je PDF soubor s událostmi napojenými na různé aktivní oblasti (jako aktivní oblast si můžete představit tlačítko, jako událost akci, kterou má tlačítko provést – zde především přechody na jiné obrazovky). Vzhledem k tomu, že se jedná o prototyp, jsou interaktivní pouze některé prvky – například u dlouhého seznamu položek se stejnou funkcí je interaktivní pouze první. V prototypu se také vyskytuje zezdola výsuvné menu. U většiny obrazovek se do něj dá dostat skrz tlačítko v místě, kde je výsuvník menu, nicméně u některých obrazovek je menu přidáno pod obrázek přístroje. Důvod pro tento krok je, že by bylo zbytečně náročné vytvářet velké množství nových obrazovek pro každý stav, ve kterém se může prototyp nacházet. Vzhledem k omezenému výběru ikon pro prototyp nemusí být ikony zvolené pro jednotlivé akce zcela jasné a popisné. Toto tedy může negativně ovlivnit přehlednost rozhraní během testování. Na tyto fakta jsou participanti před testováním upozorněni. Participantovi je též vysvětleno k čemu aplikace slouží a jaké části obsahuje (pokud možno bez názorného ukazování co je co). Participanti jsou vybíráni nejprve podle screeneru, vhodní participanti jsou následně přizváni k testování. Před testováním je jim po uvítání a krátkém představení předložen pre-test dotazník. Následuje samotné testování. Nakonec, po testování, je particpantům předložen post-test dotazník. Screener a oba dotazníky jsou k nahlédnutí v příloze k dokumentu.
Úkoly pro participanty V této sekci jsou rozvedeny jednotlivé úkoly, které jsou participantům zadány během testování. Každý úkol je participantům vysvětlen během zadávání.
7
1. Uvaření jídla podle receptu Zde se participant snaží vybrat recept a použít postup v něm obsažený k uvaření jídla. Samotné vaření samozřejmě není potřeba provádět, jde nám pouze o akce v aplikaci. Optimální průchod úkolem: 6) Jít do seznamu receptů 7) Zvolit recept 8) Kliknout na „Uvařit“ 9) Odkrokovat postup (zaškrtat jednotlivé kroky) Odhadovaná časová náročnost: 1 minuta 2. Přidání položky do spíže Participant někde koupil potravinu, kterou chce přidat do spíže. Optimální průchod úkolem: 1) Jít do spíže 2) Kliknout na „Přidat položku“ 3) Vyplnit název, počet kusů a datum spotřeby 4) Kliknout na „Přidat položku“ Odhadovaná časová náročnost: 1 minuta 3. Přidání položky ze spíže a surovin z receptu do nákupního seznamu Participant chce rozšířit nákupní seznam o položku ze spíže. Dále také chce přidat všechny suroviny, které jsou potřeba na vybraný recept. Optimální průchod úkolem: 1) Jít do spíže 2) Vyhledat položku 3) Kliknout na ikonu přidání do nákupního seznamu 4) Zvolit množství 5) Jít do receptů 6) Vyhledat recept 7) Zvolit recept 8) Kliknout na ikonu přidání surovin do nákupního seznamu Odhadovaná časová náročnost: 2 minuty
8
4. Nákup pomocí nákupního seznamu Participantovi je nastíněna situace, že nakupuje a postupuje podle nákupního seznamu sestaveného v aplikaci. Postupně zaškrtává, co nakoupí. Optimální průchod úkolem: 1) Jít do nákupního seznamu 2) Zatrhávat postupně všechny položky v nákupním seznamu, případně seznam smazat Odhadovaná časová náročnost: 1 minuta 5. Vložení položek z nákupu do spíže pomocí naskenování účtenky Participantovi je nastíněna situace, že dokončil nákup z minulého úkolu a nyní má v ruce účtenku. Chce jejím naskenováním přidat položky z ní do spíže. Optimální průchod úkolem: 1) Jít do spíže 2) Kliknout na ikonu skenování Odhadovaná časová náročnost: 1 až 2 minuty 6. Přidání upozornění pro pravidelnou stravu Participant chce přidat nové upozornění na čas, kdy si přeje být upozorňován, aby se najedl. Optimální průchod úkolem: 1) Jít do nastavení 2) Zvolit „Pravidelná strava“ 3) Zvolit „Přidat upozornění“ 4) Vyplnit název, typ, čas a dny. 5) Kliknout na „Přidat upozornění“ Odhadovaná časová náročnost: 2 minuty 7. Vypnutí upozornění pro pravidelnou stravu Participant si usmyslí, že zvolené upozornění mu nezapadá do časového rozvrhu. Upozornění proto deaktivuje. Optimální průchod úkolem: 1) Jít do nastavení 2) Zvolit „Pravidelná strava“ 3) Odkliknout zaškrtlé upozornění Odhadovaná časová náročnost: 1 minuta
9
Harmonogram testování Zde je popsán harmonogram testování s hrubými časovými odhady 1) Uvítání, icebreaking (2 – 4 minuty) 2) Pre-test dotazník (5 minut) 3) Testování (10 – 15 minut) 4) Post-test dotazník (5 minut) Celkově by tedy testování jednoho participanta mělo trvat zhruba půl hodiny.
Participant 1 Screener 1) 2) 3) 4) 5)
Žena 20-29 Ano Ano Ne
Pre-test 1) 2) 3) 4)
Adobe PDF Reader, Internetový prohlížeč, překladač, MHD aplikaci Ne Ano Ano
Post-test 1) 2) 3) 4) 5) 6)
2 6 a 7 měly jasné popisky, ikonky popisky nemají Skenování, nevěděla jsem, jestli mám jít do nákupního seznamu nebo do spíže. Nic Uvítala bych popisek u ikonky (tooltip) a možná i průvodce při prvním spuštění. Ano
Průběh testování Video pro tohoto participanta lze nalézt v příloze jako soubor participant1.avi. Úkol 1 Participant recept vybral rychle, ale na druhé stránce s receptem neví co dělat. Říká, že je jasné, že tady má nějaký postup a dole video a s tím je spokojený. Neví, co by měl dál dělat. Moderátor následně upozorňuje, že recept má určité kroky, které je nutno vykonat. Poté participantovi dochází, že na checkoxy jde kliknout. Pro návrat na hlavní stránku intuitivně využil vysouvací menu. Bohužel si ale spletl ikonku spíže s ikonkou domů.
10
Úkol 2 Participant si je naprosto jistý a bez problému plní úkol. Úkol 3 První část úkolu plní participant rychle, ale pak neví, jak postupovat dále. Netuší, kde má přidat celý recept do nákupního seznamu. Zkouší proto ikonku „Koš“, protože připomíná nákupní košík a tam by mohlo být něco více. Poté se snaží úkol splnit znovu od začátku. Nyní postupuje prakticky bez pochyb a druhou část úkolu míří splnit do správné části aplikace. Po kliknutí na ikonku si ale nevšímá upozornění, že suroviny byly přidány a proto neví, že už má hotovo. Po chvíli si upozornění všimne. Úkol 4 Participant si je naprosto jistý a bez problému plní úkol. Úkol 5 Zde participant zkouší nejprve nákupní seznam, zde ale nic nenalézá a zkouší možnost „Přidat položku“. Zde nenachází příliš možností, a proto míří do spíže, kde nalézá správnou ikonku, na kterou kliká. Úkol 6 a 7 Participant si je naprosto jistý a bez problému plní úkol. (pouze chyběla reakce systému na zaškrtnutí daného dne).
Nálezy Kromě před testem zmíněných ikonek lze pozorovat následující nálezy: 1. Nejasné ovládání v receptu – není zde jasné, co má uživatel dělat pro to, aby recept opravdu uvařil a přidal ho tak do historie 2. Participant omylem smazal nákupní seznam. Chyběla zde ověřovací zpětná vazba. 3. Participant nemohl rychle najít přidání surovin receptu do nákupního seznamu. 4. Upozornění se zobrazují jako nevýrazná. 5. Participant nemohl rychle najít skenování účtenky. Hledal ho v nákupním seznamu.
Interpretace a řešení nálezů 1. Tento problém by částečně řešila úplnost aplikace a dále jednoduchý průvodce při prvním spuštění (jak navrhuje participant). Dále by mohla být aplikace doplněna více popisky toho, co na kterém místě dělat. 2. Všechny lehce nevratné akce by měly obsahovat kontrolní zpětnou vazbu. Ikonka by pak měla být zbarvena nějak výrazně (nebezpečně) nebo vypadat více jako klasický koš. 3. Přidávání surovin z receptu do nákupního seznamu by mělo být přístupné z nákupního seznamu. 4. Upozornění by se měla zobrazovat vprostřed aplikace nebo více výrazná (barevně nebo animačně), případně by se měla nějak potvrzovat. 5. Skenování účtenky by mělo být přístupné z nákupního seznamu.
11
Reakce na post-test dotazník Tooltip není bohužel u dotykových aplikací možný. Tento problém by řešila třeba ikonka helperu (?), která by po stisknutí umožnila vybrat ovládací prvek a tento prvek by tak popsala (funkčnost, …). Případný nenucený původce aplikací by byl vzhledem ke složitosti určitě vhodný a nad jeho implementací by se mělo případně uvažovat.
Shrnutí testování Participant si ze začátku nebyl jistý metodou testování (nejednalo se o standartní aplikaci). Ve chvílích, kdy ho provázely jasné popisky, nebyl na pochybách. Problém nastal u ikonek, které nedostatečně korespondovaly s příslušnou akcí. Participant si vedl nadprůměrně a celkově spíše jistě (pomineme-li počáteční ostych).
Participant 2 Screener 1) 2) 3) 4) 5)
Muž 20-29 Ano Ano Ano – krátkozrakost řešená brýlemi
Pre-test 1) 2) 3) 4)
Internetový prohlížeč, MHD aplikaci, předpověď počasí, Ingress, foťák – několikrát do týdne Ne Ne Ne
Post-test 1) 2) 3) 4) 5) 6)
2 2, 4, 5 3 – Dlouho jsem musel zkoušet, co dělá co. Nic Lepší ikony, případně nějaký popis. Nebyl by od věci nějaký help nebo průvodce. Ano
Participant má zkušenosti s testováním softwaru, tohle je ovšem poprvé co se setkává s low fidelity prototypem. Po vysvětlení k čemu aplikace slouží a co se s ní dá dělat nabral větší jistotu. Interface mu nebyl vysvětlován téměř vůbec, pouze informace uvedené v nastavení testování (snížená interaktivita, výsuvné menu).
Průběh testování Video pro tohoto participanta lze nalézt v příloze jako soubor participant2.avi.
12
Úkol 1 Participant nejprve zkoušel tlačítko „Navrhnout recept“. V reakci na to mu moderátor sdělil, že zobrazený recept není ten, který participant chtěl. Vrátil se zpět na hlavní obrazovku a zkoušel jednotlivé položky z menu. Nejprve šel do nákupního seznamu, poté zpět na hlavní obrazovku a nakonec do receptů. Zde chvíli zkoumal a nakonec rozklikl recept. Dál pokračoval podle optimálního průchodu. Úkol 2 Bez problémů Úkol 3 Do spíže se participant dostal bez problémů. Nejprve vyzkoušel tlačítko pro skenování účtenky. Poté zkusil rozkliknout položku a tam najít funkci pro přidání do seznamu. Nakonec klikl na tlačítko sloužící pro přidání do seznamu a potvrdil. Následně šel do receptu a zde si, dle svého vyjádření, spojil ikonu pro nákupní seznam – byla použita stejná pro přidání surovin z receptu, ze spíže a jako symbol nákupního seznamu v menu. Dále bez problémů. Úkol 4 Bez problémů Úkol 5 Tento úkol se v podstatě participantovi povedlo splnit už v úkolu 3, takže již funkci viděl a průběh byl bez problémů. Úkol 6 Participant nejprve přemýšlel, kde by se mohla nacházet „Pravidelná strava.“ Vylučovacím způsobem, společně s tím, co už viděl, dospěl k názoru, že tato volba bude v nastavení. Dále bez problémů. Úkol 7 Participant se nejprve pokusil upozornění odebrat tlačítkem pro odebrání. Vzhledem k nepřítomnosti této funkce v prototypu byl moderátorem upozorněn, že tímto by upozornění smazal. Místo toho by ho měl chtít pouze vypnout. Dále bez problémů.
Nálezy 1. 2. 3. 4. 5. 6.
Tlačítko „Navrhnout recept“ svádělo k použití pro úkol 1. Na začátku nastalo zmatení ikonami v menu. Z jejich vzhledu nebyla jasná jejich funkcionalita. Nejasná funkce tlačítek podle ikon (skenování účtenky) Participant se snažil přidat položku do nákupního seznamu skrz rozkliknutou položku. Během úkolu 6 nebylo zcela jasné, kam zařadit „Pravidelnou stravu.“ Participant se u úkolu 7 pokusil upozornění odebrat místo vypnout.
13
Interpretace a řešení nálezů 1. Nález je spojen s tlačítkem „Navrhnout recept“ na hlavní obrazovce. Chce více a lépe vysvětlit jeho funkci, případně přesunout do lépe odpovídající sekce. 2. Společně s nálezem 3 můžeme tento nález považovat za nedostatek dostupných ikon při sestavování prototypu. V další verzi je potřeba vybrat více popisné ikony. 3. Viz 2. 4. Nález je vcelku logická akce. Dá se vyřešit přidáním možnosti pro přidání položky na nákupní seznam z náhledu na položku. 5. Nález je způsoben slabým spojením kategorií „Nastavení“ a „Pravidelná strava“ u participanta. Vyřešit by se dal případným přesunutím do jiné kategorie nebo přejmenováním nastavení. 6. Nález si lze vysvětlit buďto jako zmatení mezi odebráním a vypnutím, nebo zmatení o akci spojené s jednotlivými ikonami. Tedy jejich nedostatečnou popisností.
Reakce na post-test dotazník Téměř totožný s reakcí u participanta 1. Dále výběr popisnějších ikon pro akce je snadné a účinné řešení.
Shrnutí testování Participant si vedl spíše ostýchavě a dá se říct, že mírně zkoumavě. Pokud neviděl přímou cestu k cíli, spíše zkoumal jednotlivé možnosti, které mu rozhraní nabízelo. Po seznámení se s rozhraním v prvních pár úkolech ale nabral na jistotě a rychlosti. Největší problémy činily nejasná spojení ikonek a akcí, které mají představovat.
Splnění cílů testování Bylo zjištěno několik nálezů týkajících se hlavně přehlednosti a popisnosti akcí v rozhraní. Velkou část problémů s popisností si lze vysvětlit jako nedostatky prototypu. Žádnému z participantů rozhraní nepřipadalo vyloženě nepříjemné, nedávali nespokojenost najevo ani verbálně, ani nonverbálně. Jednotlivé nálezy a návrhy na vylepšení lze najít u interpretací nálezů u jednotlivých participantů.
14
