2013/2014 Deliverable A2 Testování WIN8 aplikace Zdraví a fitness Semestrální práce na předmět Testování uživatelského rozhraní (A4B39TUR). Jakub Kameniar ČVUT v Praze fakulta elektrotechnická, Otevřená informatika 2013/2014
Obsah Popis Aplikace... 2 Zdraví a fitness (aplikace pro WIN8)... 2 Sledování cvičení... 3 Cílové skupiny (popis uživatelů)... 3 Přehled případů užití (Use cases)... 4 1. Přidat silové cvičení... 4 2. Přidat svůj vlastní cvik... 4 3. Nastavit/změnit parametry cvičení... 4 4. Zobrazit jiný den... 4 5. Přidat cvik mezi oblíbené... 4 Testovací metody... 5 Kognitivní průchod... 5 Heuristická evaluace... 5 Testování use cases kognitivních průchodem... 6 1. Přidat silové cvičení... 6 2. Přidat svůj vlastní cvik... 8 Výsledek kognitivního testování... 10 Testování use cases heuristickou evaluací... 10 3. Nastavit/změnit parametry cvičení... 10 4. Zobrazit jiný den... 11 5. Přidat cvik mezi oblíbené... 11 Výsledky testování heuristickou evaluací... 11 Vyhodnocení testování... 12 ČVUT v Praze fakulta elektrotechnická, Otevřená informatika Popis Aplikace 1
Popis Aplikace Zdraví a fitness (aplikace pro WIN8) Semestrální projekt se bude zabývat aplikací pro Windows 8 Zdraví a fitness, která se nainstaluje společně s aktualizací Windows 8.1. Tato aplikace má za úkol pomoci uživatel monitorovat zdraví, jídelníček a cvičení. Uživatel má spousty možností, kterými může sledovat své zdraví, jako například váhu, jídelníček, cholesterol, očkování, počty jednotlivých cviků, atd obr 1 hlavní stránka po spuštění aplikace Při spuštění aplikace máme možnost na výběr ze tří kategorií, které můžeme vidět na obrázku číslo 1. V našem testování se zaměříme pouze na část týkající se Sledování cvičení. Je potřeba si uvědomit, že tato aplikace je již optimalizovaná i pro dotykové ovládání. Jelikož naše testování bude probíhat pomocí myši, budeme více tolerantní při hodnocení umístění a velikosti ovládacích prvků. 2 Popis Aplikace ČVUT v Praze fakulta elektrotechnická, Otevřená informatika
Sledování cvičení obr 2 - sledování cvičení Hlavní obrazovku, kterou budeme testovat, vidíme na obrázku číslo 2. Toto bude pro nás hlavní obrazovka, odkud budou vycházet všechny naše use cases. Cílové skupiny (popis uživatelů) Cílovou skupinou bude především mladší generace, kvůli tomu, že hlavně v tomto věku se uživatelé snaží držet fyzicky fit a zároveň je zaznamenávání svých výkonů motivuje k lepším výsledkům. Takovéto chování by se mohlo očekávat i u střední věkové kategorie, na druhou stranu, nepředpokládám, že by k uchovávání svých výsledků používali aplikaci na tabletu či počítači. Určité procento těchto lidí, bychom ale do našich předpokladů pro složení cílové skupiny zahrnout měli. Stručné shrnutí (počet uživatelů v cílové skupině): mladší generace (15-30let) 75% střední generace (31-45let) 25% ČVUT v Praze fakulta elektrotechnická, Otevřená informatika Cílové skupiny (popis uživatelů) 3
Přehled případů užití (Use cases) 1. přidat silové cvičení 2. přidat svůj vlastní cvik 3. nastavit/změnit parametry cvičení 4. zobrazit jiný den 5. přidat cvik mezi oblíbené 1. Přidat silové cvičení Zcela jistě základní funkcí pro tuto aplikaci bude přidat cvičení, které uživatel provedl a hodlá si jej poznamenat. Uživatel se při tomto kroku snaží zanést svůj výsledek cvičení do aplikace. Očekává se, že bude mít na výběr druh cvičení a bude moc zadat parametry, intenzitu a počet cviků. V tomto kroku bych jako největší hrozbu viděl to, pokud uživatel nebude moc najít svůj cvik a nebude vědět, jak vytvořit nový (toho se týká 2. use case). Další problém by mohl být v pochopení, jak přidat více cviků naráz. 2. Přidat svůj vlastní cvik Pokud uživatel nebude schopný vyhledat svůj cvik, chtěl by zcela určitě přidat svůj vlastní. V tomto kroku očekávám zcela jistě největší problém v absenci tlačítka pro vytvoření vlastního nového cviku. Další problém může nastat v tom, že uživatel nemá žádné tušení, že může vytvořit svůj vlastní cvik. 3. Nastavit/změnit parametry cvičení Při zadávání nového cviku se uživatel může překliknout, nebo dodatečně bude chtít změnit své skóre. Tento úkol by měl být intuitivní pro uživatele a lehce splnitelný, aby se uživatel po vysilujícím cvičení nemusel namáhat při změně svých výsledků, pokud se hodlá navyšovat své výsledky během cvičení. U tohoto use case neočekávám žádné problémy. 4. Zobrazit jiný den Uživateli se po rozkliknutí sledování (přehledu) vždy zobrazí aktuální den. Uživatel si jistě bude přát zobrazit i jiný den v minulosti, aby se podíval na své výsledky, popřípadě je ještě upravil. U tohoto use case neočekávám žádné problémy. 5. Přidat cvik mezi oblíbené Pokud uživatel často střídá cviky a má jich v aplikaci použitých hodně, bude se mi hodit si ty nejčastěji prováděné uložit mezi oblíbené. Uživatel by mohl mít problém najít sekci, kde si může oblíbené přidávat, ale jinak je tato funkce velmi intuitivní a po chvilce ji uživatel pochopí. 4 Přehled případů užití (Use cases) ČVUT v Praze fakulta elektrotechnická, Otevřená informatika
Testovací metody Kognitivní průchod Metodou kognitivního průchodu se ověřuje použitelnost pro nové uživatele, tedy jak bude zařízení/software srozumitelný a jak se v něm bude uživatel dobře orientovat. Slouží především k odstranění problému, které lze vidět na první pohled. Testující osoba musí zodpovědět 4 otázky: Q1: Ví uživatel, co má teď udělat? Q2: Pokud ví, co má udělat, ví jak? Q3: Obdrží uživatel srozumitelnou a jednoznačnou zpětnou vazbu? Heuristická evaluace Metoda se používá na zjištění, jestli nabízené rozhraní splňuje doporučení ohledně použitelnosti. 1. Viditelnost stavu systému systém by měl vždy dát uživateli vědět, co se právě odehrává. 2. Spojení mezi systémem a reálným světem komunikace systému s uživatelem by se měla odehrávat uživatelsky příjemným způsobem (srozumitelný jazyk bez odborných termínů). 3. Uživatelská kontrola a svoboda uživatelé při práci se systémem dělají chyby a potřebují proto únikový východ pro návrat do předchozího stavu. 4. Konzistence a standardizace uživatelé by neměli být nuceni přemýšlet, jestli různé termíny znamenají to stejné, proto se doporučuje dodržovat obecné zásady. 5. Prevence chyb vyvarovat se chybovým hlášením bezpečným designem, který bude preventivně působit proti problémům. 6. Rozpoznání místo vzpomínání uživatel by neměl být nucen vzpomínat si na provádění operací v systému, instrukce by měly být v systému vždy viditelně umístěny. 7. Flexibilní a efektivní použití umožnění zrychlení práce se systémem pro pokročilé uživatele. 8. Estetický a minimalistický design bez nepotřebných informací. 9. Pomoc uživatelů poznat, pochopit a vzpamatovat se z chyb chybové hlášky by měly být uváděny v přirozeném jazyce a měly by navrhovat řešení. 10. Nápověda a návody všechny informace se musí dát lehce vyhledat, nápověda by měla obsahovat postupy v krocích. ČVUT v Praze fakulta elektrotechnická, Otevřená informatika Testovací metody 5
Testování use cases kognitivních průchodem 1. Přidat silové cvičení Krok 1 kliknutí na tlačítko +cvičení obr 3 přidat cvičení V prvním kroku má uživatel za úkol přidat silové cvičení. Pro uživatele by tento krok měl být zcela zřejmý. Vedle nápisu Silové vidíme tlačítko +cvičení, které by mělo vypovídat o všem. Po kliknutí se objeví nové okno, kde uživatel může pokračovat v přidávání. Otázka Q1 Q2 Q3 Odpověď ANO ANO ANO Problém - - - Krok 2 vybrat cvičení ze zobrazených nebo z nabízených v poli hledat obr 4 vybrat cvičení 6 Testování use cases kognitivních průchodem ČVUT v Praze fakulta elektrotechnická, Otevřená informatika
Uživatel je zde postaven před jakousi tabulku cviků. Není si jist, zda je to seznam všech cviků nebo jen těch, co již někdy zadal. Správnou odpovědí je to, že zde vidíme seznam pouze cviků, které jsme už někdy zadali. *Problem1: Tato volba se mi zdá nešťastná, uživatel může zůstat zmatený, protože je zvyknutý, že pole hledat nám prohledá aktuální stránku, kterou vidíme. Zato zde, pokud začneme psát do pole hledat, se nám zobrazuje našeptávač s možnými cviky. Po kliknutí na cvik se nám zobrazí v seznamu a jasným označením (obr 5) zobrazí, které cvičení je vybráno a připraveno uložit po kliknutí na tlačítko hotovo. Pokud by uživatel neznal název cviku, nemá šanci si otevřít okno, kde by mohl scrollovat a sám manuálně prohledávat cviky. Otázka Q1 Q2 Q3 Odpověď ANO NE ANO Problém - *Problem1 - obr 5 Krok 3 zadat parametry (počet serií, opakování, hmotnost, odpočinek) Kliknutím na číslo ve sloupci v dané kategorii můžeme změnit hodnotu u cvičení v příslušném řádku. (obr 5) Tato akce mi přijde velice intuitivní, takže uživatelé by neměli mít problém s touto funkcí, jelikož se používá napříč všemi počítačovými i mobilními systémy. Otázka Q1 Q2 Q3 Odpověď ANO ANO ANO Problém - - - Krok 4 uložit cvičení (potvrzení) Pokud chce uživatel uložit své cvičení, nezbývá mu nic jiného než kliknout na Hotovo. Jiná možnost se mu ani nenabízí. (obr 6) obr 6 ČVUT v Praze fakulta elektrotechnická, Otevřená informatika Testování use cases kognitivních průchodem 7
Otázka Q1 Q2 Q3 Odpověď ANO ANO ANO Problém - - - Závěrem: Tímto jsme splnili náš use case Přidat silové cvičení. Jediný problém, který jsme odhalili, je při vybírání cvičení, které chceme přidat. Tento problém bych vyhodnotil jako závažný, protože by to lehce mohlo uživatele odradit od používání aplikace, pokud by měl pocit, že aplikace neobsahuje žádné jeho požadované cvičení. 2. Přidat svůj vlastní cvik Krok 1 kliknutí na tlačítko +cvičení obr 7 přidat cvičení V prvním kroku má uživatel za úkol přidat silové cvičení. Pro uživatele by tento krok měl být zcela zřejmý. Vedle nápisu Silové vidíme tlačítko +cvičení, které by mělo vypovídat o všem. Po kliknutí se objeví nové okno, kde uživatel může pokračovat v přidávání. Otázka Q1 Q2 Q3 Odpověď ANO ANO ANO Problém - - - Krok 2 přidat nové cvičení Uživatel zadá do pole hledat své cvičení, v našem případě to budou kliky. *Problem2: Našeptávač nezobrazí žádné možnosti a v tomto případě zůstane uživatel zmaten, *Problem3: protože nikde nevidí tlačítko přidat nové cvičení. Pokud klikne na tlačítko enter, aby spustil vyhledávání, zobrazí se (obr 8) hláška: Nenašli jsme žádné výsledky a zobrazí se možnost: Přidat jako vlastní cvičení. Otázka Q1 Q2 Q3 Odpověď NE NE ANO Problém *Problem2 *Problem3-8 Testování use cases kognitivních průchodem ČVUT v Praze fakulta elektrotechnická, Otevřená informatika
obr 8 nevydařené vyhledávání, přidání vlastního cvičení Krok 3 přidat jako vlastní cvičení Kliknutím na tlačítko: Přidat jako vlastní cvičení, splníme tento krok a aplikace nám zobrazí již známou obrazovku, kde můžeme vyplnit parametry cvičení a následně přidat do našeho seznamu sledování cvičení. Otázka Q1 Q2 Q3 Odpověď ANO ANO ANO Problém - - - Závěrem: Uživatel bude mít problém pochopit, jak funguje přidávání nového cvičení a kde tuto funkci může najít, následní průběh je už intuitivní. ČVUT v Praze fakulta elektrotechnická, Otevřená informatika Testování use cases kognitivních průchodem 9
Výsledek kognitivního testování Use case Stručně problém Priorita Návrh řešení 1. Přidat silové cvičení, krok 2, *Problem1 Chybí přehled všech cviků, funkce hledat nedává jasně najevo, že bude prohledávat databázi všech cviků. Pokud uživatel nezná název cviku, není schopný ho pomocí aplikace vyhledat a následně přidat. 2: small usability problem Přidat položku Vše, kde by se po kliknutí na ní zobrazil seznam všech cviků, které aplikace obsahuje, aby si je uživatel mohl sám manuálně vyhledat. Use case Stručně problém Priorita Návrh řešení 2. Přidat svůj vlastní cvik, krok 2, *Problem2, *Problem3 Chybí tlačítko přidat vlastní cvik. Uživatel neví, co má dělat, pokud mu našeptávač neukáže jeho cvičení. 3: usability problem, important to be remove Přidat tlačítko +Přidej vlastní cvičení vedle pole hledat. Tento návrh řešení vyřeší oba dva problémy. Testování use cases heuristickou evaluací 3. Nastavit/změnit parametry cvičení obr 9 Jednoduchým kliknutím na údaj uživatel může změnit tento údaj, kliknutím pak na potvrzovací tlačítko (Enter) nebo kliknutím vedle, se údaj potvrdí. Tento způsob je zcela v pořádku, není potřeba žádné zbytečně potvrzování ani následné ukládání. Neshledal jsem zde žádný problém. 10 Výsledek kognitivního testování ČVUT v Praze fakulta elektrotechnická, Otevřená informatika
4. Zobrazit jiný den obr 10 Kliknutím na kalendář v pravém horním rohu se zobrazí přehledný kalendář, kde vidíme aktuální a minulý měsíc. Pokud je na nějaký den uloženo cvičení, daný čtverec se dnem je vybarven modře. V tomto use case jsem nenašel žádnou chybu. 5. Přidat cvik mezi oblíbené obr 11 Po kliknutí na tlačítko: +cvičení se dostaneme na seznam našich cvičení. Zde (obr 11) vidíme vedle každého cviku tlačítko s hvězdou a malým plusem, což napříč všemi aplikacemi a systémy značí přidání mezi oblíbené. Pro uživatele by to mělo být jasné. Své oblíbené předměty pak najde v sekci oblíbené. Ani zde jsem nenašel žádnou chybu. Výsledky testování heuristickou evaluací Tyto 3 use cases prošly bez jakýchkoliv závad. Jedná se o základní operace, které se nacházejí často v mnoha aplikacích, proto by se zde již neměly nacházet závažné chyby. ČVUT v Praze fakulta elektrotechnická, Otevřená informatika Výsledky testování heuristickou evaluací 11
Vyhodnocení testování Aplikace je na každodenní běžné úkony dobře navržená, ovšem uživatel si musí zvyknout na určité výstřednosti při přidávání nového cvičení. Po tom, co má zaběhlý systém svých obvyklých cviků, aplikace se chová velmi intuitivně a přívětivě pro uživatele. Bohužel problémy, které nastanou hlavně při začátku používání aplikace (již zmiňované přidávání nových cviků) by mohli uživatele odradit od dalšího používání. Závěrem už bych jen rád poznamenal, že tato práce pro mě byla velmi přínosná, protože jsem se nikdy předtím nesetkal s kognitivním testováním ani s testováním heuristickou evaluací. 12 Vyhodnocení testování ČVUT v Praze fakulta elektrotechnická, Otevřená informatika