České vysoké učení technické v Praze Fakulta elektrotechnická

Transkript

1 České vysoké učení technické v Praze Fakulta elektrotechnická Testování softwarové sady HTC Sense 3.6 A4B39TUR - Testování uživatelského rozhraní Semestrální práce A2 Zbyněk Eiselt eiselzby@fel.cvut.cz 3. ročník OI - bakalářské studium LS 2013/2014 1

2 Obsah 1 Popis aplikace Popis cílové skupiny Přehled případů užití Popis testování kognitivním průchodem Testování případů užití kognitivním průchodem... 5 A. Test [UC1] - Přidat kontakt... 5 B. Test [UC2] - Zavolat kontakt... 9 C. Test [UC3] - Napsat a odeslat SMS D. Test [UC4] - Vložit widget Popis testování heuristickou evaluací Testování případů užití heuristickou evaluací E. Test [UC5] - Nastavit budík Přehled nálezů chyb Závěr

3 1 Popis aplikace V projektu se budu zabývat testováním softwarový balík HTC Sense 3.6 pro "chytré telefony" od firmy HTC. Sense mění z mnoha hledisek Android OS. Zahrnuje rozšiřující funkce (např. změněné domovské obrazovky a klávesnice), nové widgety,re-designované aplikace a aplikace vyvinuté přímo HTC. K testování použiji mobilní telefon HTC EVO 3D s datem uvedení na trh v červenci I přes dnes již zastaralejší verzi HTC Sense by mělo být ovládání velice intuitivní a lehce zapamatovatelné. Otestujeme nejpoužívanější funkce mobilního telefonu jako například "zavolat kontakt" nebo "napsat SMS". Sense se v současnosti dodává s každým novým HTC (aktuální verze 5.5). Parametry Testovací zařízení Verze systému Verze softwaru HTC Procesor Paměť Display Rozměry a hmotnost HTC EVO 3D X515m Android HTC Sense 3.6 Dual-core 1.2 GHz 1 GB RAM, 1 GB + max 32 GB microsdhc 4.3" qhd rozlišení (960x540) mm, 170g Obrázek 1: Domovské obrazovky Obrázek 2: Hlavní obrazovka 2 Popis cílové skupiny Cílovou skupinou jsou vlastníci mobilního zařízení HTC s rokem výroby Uživatelé by měli technicky zběhlí v ovládání dotykového zařízení a mobilního telefonu. Test je zaměřený na uživatele bez zrakového nebo jiného handicapu. 3

4 3 Přehled případů užití A. [UC1] Přidat kontakt Hlavní funkcí mobilního telefonu je zavolat na cizí telefonní číslo. Jednou z možností je zadat dané číslo a vytočit ho, ale pro zjednodušení často vytáčených je vhodné jej mít přímo uložené v mobilu. Problém může nastat u ne příliš zjevného odkazu pro založení nového kontaktu. B. [UC2] Zavolat kontakt Záměrem mobilního telefonu bylo, že si jeho uživatel bude moct zavolat kdykoliv a nebude vázán na to, kde se zrovna nachází. Tuto prazákladní vlastnost splňuje každý v dnešní době běžně dostupný mobilní telefon, proto by tato funkce měla být přehledně zachována i v Sense. Úkolem bude vyhledat kontakt v seznamu a vytočit ho. C. [UC3] Napsat a odeslat SMS Odesílání textové zprávy je základní operace, která je často využívaná u všech mobilních telefonů. Případ užití prověří základní ovládání a především spuštění aplikace zprávy. D. [UC4] Vložit widget Vkládání widgetů se s příchodem inteligentních, cenově dostupných telefonů stalo velmi populární u systému Android. Vzhled i způsob vložení widgetů se liší dle verzí různých modelů HTC Sense. Tento případ užití je už náročnější, pro uživatele bude představovat hlavní problém, kde má vůbec tuto vlastnost hledat. E. [UC5] Nastavit budík Často využívanou funkcí je nastavení upozornění a budíku samotného. U HTC Sense je tento úkon značně zjednodušený, protože většina uživatelů má nastavený na hlavním widgetu Hodiny, které umožňují přímý přístup k jeho nastavení. Tento widget ale není povinný a tudíž uživatel musí být schopný najít cestu k nastavení budíku i jiným způsobem. Krize může nastat při hledání přímého odkazu aplikace Budík. 4 Popis testování kognitivním průchodem Uživatelské prostředí této aplikace budu testovat kognitivním průchodem. Je to metoda testování, při které tým testerů prochází aplikaci krok po kroku a simulují uživatele z cílové skupiny. Jednotlivé kroky průchodu jsou zaznamenávány a porovnávány s předpokládaným průchodem. Na začátku každého průchodu se klade otázka: Q0: Čeho chce uživatel dosáhnout? V každém kroku se pak kladou otázky: Q1: Je správná akce uživateli zjevná? Q2: Spojí si uživatel správně popisek akce s vlastním cílem? 4

5 Q3: Dostane uživatel dostatečnou odezvu? Pokud dostaneme alespoň na jednu otázku odpověď NE nalezli jsme chybu. 5 Testování případů užití kognitivním průchodem A. Test [UC1] - Přidat kontakt Q0: Uživatel chce uložit nové číslo do seznamu kontaktů. Výchozí stav: Domovská obrazovka s továrně přednastavenými widgety a aplikacemi. Krok 1: Uživatel musí zobrazit menu aplikací. Obrázek 3: Hlavní obrazovka Otázka Odpověď Q1 ANO Q2 ANO Q3 ANO Popis Uživateli se kliknutí na zvýrazněné místo zobrazí menu s aplikacemi. 5 Nález

6 Krok 2: Uživatel musí nalézt a otevřít kontakty. Obrázek 4: Menu aplikací Obrázek 5: Menu aplikací Q1 NE Uživateli nemusí být napoprvé zřejmé jak se pohybovat v nabídce. D-1 Q2 NE Pro uživatele může být matoucí název ikonky kontaktů. D-2 Q3 ANO Uživateli se zobrazí kontakty. 6

7 Krok 3: Uživatel přidá kontakt. Obrázek 6: Telefon Obrázek 7: Seznam kontaktů Q1 NE Uživatel bude hledat odkaz pro přidání v záložce Telefon, ne v Lidé, jak je vyznačeno. D-3 Q2 ANO Q3 ANO Uživateli je zobrazen formulář kontaktu. 7

8 Krok 4: Uživatel uloží nový kontakt. Obrázek 8: Formulář kontaktu Obrázek 9: Seznam kontaktů Q2 ANO Q3 ANO Uživatel je dostatečně informován o konci všech požadavků na vykonání úkonu. Cílový stav: Kontakt je uložen a uživatel upozorněn o úspěšném provedení akce. 8

9 B. Test [UC2] - Zavolat kontakt Q0: Uživatel chce vyhledat uložený kontakt a vytočit jej. Výchozí stav: Domovská obrazovka s továrně přednastavenými widgety a aplikacemi. Krok 1: Uživatel musí zobrazit menu aplikací [1] nebo kliknout na aplikaci kontaktu [2]. Obrázek 11: Hlavní obrazovka Q2 ANO Q3 ANO Uživateli se kliknutí na zvýrazněné místo zobrazí menu s aplikacemi. 9

10 Krok 2: Uživatel musí v menu aplikací nalézt a otevřít kontakty. Obrázek 12: Menu aplikací Obrázek 13: Menu aplikací Q1 NE Uživateli nemusí být napoprvé zřejmé jak se pohybovat v nabídce. D-4 Q2 NE Pro uživatele může být matoucí název ikonky kontaktů. D-5 Q3 ANO Uživateli se zobrazí kontakty. 10

11 Krok 3: Uživatel musí vybrat příjemce nebo zadat číslo. Obrázek 14: Telefonní seznam Q2 ANO Q3 ANO Uživateli se má možnost vytočit číslo nebo uložený kontakt. 11

12 Krok 4: Uživatel vytočí kontakt. Obrázek 15: Seznam kontaktů Obrázek 16: Obrazovka volání Q2 ANO Q3 ANO Zobrazí se obrazovka volání. Cílový stav: Kontakt je vytočen a hovor je započat. 12

13 C. Test [UC3] - Napsat a odeslat SMS Q0: Uživatel chce napsat a odeslat SMS zprávu. Výchozí stav: Domovská obrazovka s továrně přednastavenými widgety a aplikacemi. Krok 1: Uživatel musí zobrazit menu aplikací [1] nebo kliknout na aplikaci zprávy [2]. Obrázek 17: Hlavní obrazovka Q2 ANO Q3 ANO [1] Uživateli se otevře nabídka aplikací [2] Uživatel se rovnou odkazem dostane do zpráv 13

14 Krok 2: [1] Uživatel musí v menu aplikací nalézt a otevřít zprávy. Obrázek 18: Menu aplikací Obrázek 19: Menu aplikací Q2 NE V menu se nachází více aplikací s totožným názvem. Ani jejich ikonky také nic nevypovídají o druhu aplikace. D-6 Q3 ANO Uživateli se otevřou zprávy. 14

15 Krok 3: Uživatel musí vytvořit novou zprávu. Obrázek 20: Seznam konverzací Q2 ANO Q3 ANO Uživateli se zobrazí okno nové zprávy. 15

16 Krok 4: Uživatel musí zadat příjemce. Obrázek 21: Okno nové zprávy Obrázek 22: Seznam kontaktů Q2 ANO Q3 ANO Aplikace přidá příjemce do kolonky "Komu". 16

17 Krok 5: Uživatel napíše text zprávy. Obrázek 23: Okno zprávy Q2 ANO Q3 ANO Uživatel má možnost odeslat zprávu. 17

18 Krok 6: Uživatel odešle zprávu. Obrázek 24: Okno zprávy Obrázek 25: Okno konverzace Q2 ANO Q3 ANO Zpráva se odešle příjemci a zobrazí historie konverzace. Cílový stav: Zpráva je odeslána příjemci a zobrazení historie SMS konverzace s možností napsání další SMS zprávy. 18

19 D. Test [UC4] - Vložit widget Q0: Uživatel chce vložit widget Hodiny na domovskou obrazovku Výchozí stav: Domovská obrazovka s chybějícím widgetem Hodiny. Krok 1: Uživatel musí zobrazit menu aplikací. Obrázek 26: Hlavní obrazovka Q2 ANO Q3 ANO Uživateli se kliknutí na zvýrazněné místo zobrazí menu s aplikacemi. 19

20 Krok 2: Uživatel musí otevřít nastavení systému. Obrázek 27: Menu aplikací Obrázek 28: Menu aplikací Q2 NE Uživateli nemusí být jasné, že přidávání widgetu se nachází v Nastavení systému. D-7 Q3 ANO Uživateli se zobrazí nabídka nastavení systému. 20

21 Krok 3: Uživatel najde přizpůsobení domovské obrazovky. Obrázek 29: Menu nastavení Obrázek 30: Menu přizpůsobení Q2 ANO Q3 ANO Uživateli se zobrazí nabídka widgetů. 21

22 Krok 4: Uživatel vybere widget pro přidání hodin. Obrázek 31: Widgety Obrázek 32: Widgety Q2 ANO Q3 ANO Uživateli se obrazí různé typy a tvary hodinových widgetů. 22

23 Krok 5: Uživatel vybere typ a rozměr widgetu pro zobrazení hodin. Obrázek 32: Výběr typu widgetu hodin Obrázek 33: Hlavní obrazovka Q2 NE Uživateli nemusí být jasné jakých rozměrů je daný widget a kam na domácí obrazovky se umístí. D-8 Q3 NE Vybraný widget se nepřidá, pokud se na domácích obrazovkách nenachází dostatečný prostor. D-9 Cílový stav: Požadovaný widget je přidán na domovskou obrazovku, případně na nejbližší obrazovku s dostatečným místem pro přidání. 23

24 6 Popis testování heuristickou evaluací Heuristická evaluace je metoda založená na sadě heuristik, která jsou předem definována. Aplikace je poté podrobně otestována, zda tato pravidla dodržuje nebo zda se dle nich chová. Pro testování heuristickou evaluací jsem zvolil heuristiky od Jaacoba Nelsona. Podrobný popis pravidel můžete například naleznout v Usability Inspection Methods; Jakob Nielsen, Robert L. Mack; H1 H2 H3 H4 H5 H6 H7 H8 H9 H10 Viditelnost stavu systému Shoda mezi systémem a reálným světem Uživatelský ovládací prvek a svoboda Konzistence a standardy Prevence chyb Rozpoznání namísto odvolání Flexibilita a efektivita použití Estetický a minimalistický design Pomáhá uživatelům rozpoznat, diagnostikovat a zotavit se z chyb Nápověda a dokumentace 7 Testování případů užití heuristickou evaluací E. Test [UC5] - Nastavit budík Porušená heuristika H2: Shoda mezi systémem a reálným světem H8: Estetický a minimalistický design Popis problému Uživatel si nemusí být vědom toho, že budík se otevře pouze při kliknutí na Čas, při kliknutí na Počasí se otevře aplikace "Weather". Uživatele může zmást popisek pod ikonkou s budíkem. 24

25 Obrázek 34: Hlavní obrazovka Obrázek 35: Menu hodin Obrázek 36: Menu budíku 25

26 Obrázek 37: Nastavení nového budíku Obrázek 38: Nastavení opakování budíku Obrázek 39: Finální kontrola budíku 26

27 8 Přehled nálezů chyb Nálezy z testování jsou seřazeny v tabulce podle pořadí, ve kterém byly objeveny. Každý nález má stanovenou prioritu a návrh na řešení problému. Priority: 1 Vysoká Nedostatek omezující funkčnost, který je nutné odstranit. 2 Střední Nedostatek, který znepříjemňuje používání aplikace. 3 Nízká Malý nedostatek, kosmetický detail. Nález D-1 D-2 D-3 D-4 D-5 D-6 D-7 D-8 D-9 D-10 D-11 Případ užití, obrázek [UC1] Krok 2, obr. 4 [UC1] Krok 2, obr. 5 [UC1] Krok 3, obr. 6 [UC2] Krok 2, obr. 12 [UC2] Krok 2 obr. 13 [UC3] Krok 2 obr. 19 [UC4] Krok 2, obr. 28 [UC4] Krok 2, obr. 32 [UC4] Krok 5, obr. 33 [UC5], obr. 34 [UC5], obr. 35 Priorita Popis problému Doporučení Uživateli nemusí být zřejmé jak se pohybovat v nabídce. Pro uživatele může být matoucí název ikonky kontaktů, která nekoresponduje s jejím obsahem. Uživatel bude hledat odkaz pro přidání v záložce "Telefon", ne v "Lidé". Ekvivalence "Lidé" a kontakty nemusí není zjevná. Uživateli nemusí být zřejmé jak se pohybovat v nabídce. Pro uživatele může být matoucí název ikonky kontaktů. V menu se nachází více aplikací s totožným názvem. Ani jejich ikonky nic nevypovídají o druhu aplikace. Uživateli nemusí být jasné, že přidávání widgetu se nachází v Nastavení systému. Uživateli nemusí být jasné jakých rozměrů je daný widget a kam na domácí obrazovky se umístí. Vybraný widget se nepřidá, pokud se na domácích obrazovkách nenachází dostatečný prostor. Uživatel si nemusí být vědom toho, že budík se otevře pouze při kliknutí na Čas, při kliknutí na Počasí se otevře aplikace "Weather" Uživatele může zmást popisek pod ikonkou s budíkem. Dodělat do pravých rohů šipky pro znázornění možností pohybu nahoru nebo dolu. Změnit název ikonky na "Kontakty" nebo "Volání". Změnit název záložky na "Kontakty". Dodělat do pravých rohů šipky pro znázornění možností pohybu nahoru nebo dolu. Změnit název ikonky na "Kontakty" nebo "Volání". Rozlišit na: Zprávy (noviny) -> Noviny Zprávy (SMS) -> Zprávy Zprávy a počasí -> Počasí Přidat odkaz přímo do manu aplikací. Doplnit informace o rozměrech widgetu a jestli se na domácích obrazovkách nachází dostatečné místo pro něj. Přidat upozornění o nedostatku místa na domácích obrazovkách. Vložit do widgetu miniaturní obrázek o nastavení budíku apod. nebo názorně oddělit na části. Přidat/změnit popisek záložky na "Budík". 27

28 9 Závěr Testované případy užití objevili několik nedostatků, které mohou být pro uživatele minimálně nepříjemné a mohou způsobit potíže při používání. Většina závad jsou ale převážně kosmetického charakteru a uživatel se po chvíli hledání cíle nakonec stejně dobere. 28