Č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
[email protected] 3. ročník OI - bakalářské studium LS 2013/2014 1
Obsah 1
Popis aplikace .................................................................................................................................. 3
2
Popis cílové skupiny......................................................................................................................... 3
3
Přehled případů užití ....................................................................................................................... 4
4
Popis testování kognitivním průchodem ......................................................................................... 4
5
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 ............................................................................................ 13
D.
Test [UC4] - Vložit widget .......................................................................................................... 19
6
Popis testování heuristickou evaluací ........................................................................................... 24
7
Testování případů užití heuristickou evaluací ............................................................................... 24 E.
Test [UC5] - Nastavit budík ........................................................................................................ 24
8
Přehled nálezů chyb ...................................................................................................................... 27
9
Závěr .............................................................................................................................................. 28
2
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 2011. 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 4.0.3 HTC Sense 3.6 Dual-core 1.2 GHz 1 GB RAM, 1 GB + max 32 GB microSDHC 4.3" qHD rozlišení (960x540) 126×65×12 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 2011. 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
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
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
Krok 2: Uživatel musí nalézt a otevřít kontakty.
Obrázek 4: Menu aplikací
Otázka Odpověď Q1
NE
Q2 Q3
NE ANO
Obrázek 5: Menu aplikací
Popis Uživateli nemusí být napoprvé zřejmé jak se pohybovat v nabídce. Pro uživatele může být matoucí název ikonky kontaktů. Uživateli se zobrazí kontakty.
6
Nález D-1 D-2
Krok 3: Uživatel přidá kontakt.
Obrázek 6: Telefon
Otázka Odpověď Q1
NE
Q2 Q3
ANO ANO
Obrázek 7: Seznam kontaktů
Popis Uživatel bude hledat odkaz pro přidání v záložce Telefon, ne v Lidé, jak je vyznačeno. Uživateli je zobrazen formulář kontaktu.
7
Nález D-3
Krok 4: Uživatel uloží nový kontakt.
Obrázek 8: Formulář kontaktu
Obrázek 9: Seznam kontaktů
Otázka Odpověď Q1 ANO Q2 ANO Q3
ANO
Popis
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
Nález
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
Otázka Odpověď Q1 ANO Q2 ANO Q3
ANO
Popis
Uživateli se kliknutí na zvýrazněné místo zobrazí menu s aplikacemi.
9
Nález
Krok 2: Uživatel musí v menu aplikací nalézt a otevřít kontakty.
Obrázek 12: Menu aplikací
Otázka Odpověď Q1
NE
Q2 Q3
NE ANO
Obrázek 13: Menu aplikací
Popis Uživateli nemusí být napoprvé zřejmé jak se pohybovat v nabídce. Pro uživatele může být matoucí název ikonky kontaktů. Uživateli se zobrazí kontakty.
10
Nález D-4 D-5
Krok 3: Uživatel musí vybrat příjemce nebo zadat číslo.
Obrázek 14: Telefonní seznam
Otázka Odpověď Popis Nález Q1 ANO Q2 ANO Q3 ANO Uživateli se má možnost vytočit číslo nebo uložený kontakt.
11
Krok 4: Uživatel vytočí kontakt.
Obrázek 15: Seznam kontaktů
Obrázek 16: Obrazovka volání
Otázka Odpověď Popis Nález Q1 ANO Q2 ANO Q3 ANO Zobrazí se obrazovka volání.
Cílový stav: Kontakt je vytočen a hovor je započat.
12
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
Otázka Odpověď Q1 ANO Q2 ANO Q3
ANO
Popis
[1] Uživateli se otevře nabídka aplikací [2] Uživatel se rovnou odkazem dostane do zpráv
13
Nález
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í
Otázka Odpověď Q1 ANO Q2
NE
Q3
ANO
Popis V menu se nachází více aplikací s totožným názvem. Ani jejich ikonky také nic nevypovídají o druhu aplikace. Uživateli se otevřou zprávy.
14
Nález D-6
Krok 3: Uživatel musí vytvořit novou zprávu.
Obrázek 20: Seznam konverzací
Otázka Odpověď Popis Nález Q1 ANO Q2 ANO Q3 ANO Uživateli se zobrazí okno nové zprávy.
15
Krok 4: Uživatel musí zadat příjemce.
Obrázek 21: Okno nové zprávy
Obrázek 22: Seznam kontaktů
Otázka Odpověď Popis Nález Q1 ANO Q2 ANO Q3 ANO Aplikace přidá příjemce do kolonky "Komu".
16
Krok 5: Uživatel napíše text zprávy.
Obrázek 23: Okno zprávy
Otázka Odpověď Popis Nález Q1 ANO Q2 ANO Q3 ANO Uživatel má možnost odeslat zprávu.
17
Krok 6: Uživatel odešle zprávu.
Obrázek 24: Okno zprávy
Obrázek 25: Okno konverzace
Otázka Odpověď Popis Nález Q1 ANO 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
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
Otázka Odpověď Q1 ANO Q2 ANO Q3
ANO
Popis
Uživateli se kliknutí na zvýrazněné místo zobrazí menu s aplikacemi.
19
Nález
Krok 2: Uživatel musí otevřít nastavení systému.
Obrázek 27: Menu aplikací
Obrázek 28: Menu aplikací
Otázka Odpověď Q1 ANO Q2
NE
Q3
ANO
Popis Uživateli nemusí být jasné, že přidávání widgetu se nachází v Nastavení systému. Uživateli se zobrazí nabídka nastavení systému.
20
Nález D-7
Krok 3: Uživatel najde přizpůsobení domovské obrazovky.
Obrázek 29: Menu nastavení
Obrázek 30: Menu přizpůsobení
Otázka Odpověď Popis Nález Q1 ANO Q2 ANO Q3 ANO Uživateli se zobrazí nabídka widgetů.
21
Krok 4: Uživatel vybere widget pro přidání hodin.
Obrázek 31: Widgety
Obrázek 32: Widgety
Otázka Odpověď Popis Nález Q1 ANO Q2 ANO Q3 ANO Uživateli se obrazí různé typy a tvary hodinových widgetů.
22
Krok 5: Uživatel vybere typ a rozměr widgetu pro zobrazení hodin.
Obrázek 32: Výběr typu widgetu hodin
Otázka Odpověď Q1 ANO Q2
NE
Q3
NE
Obrázek 33: Hlavní obrazovka
Popis
Nález
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.
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
D-8 D-9
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; 1994. H1
Viditelnost stavu systému
H2
Shoda mezi systémem a reálným světem
H3
Uživatelský ovládací prvek a svoboda
H4
Konzistence a standardy
H5
Prevence chyb
H6
Rozpoznání namísto odvolání
H7
Flexibilita a efektivita použití
H8
Estetický a minimalistický design
H9
Pomáhá uživatelům rozpoznat, diagnostikovat a zotavit se z chyb
H10
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
Obrázek 34: Hlavní obrazovka
Obrázek 35: Menu hodin
Obrázek 36: Menu budíku
25
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
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 2 3
Vysoká Střední Nízká
Nedostatek omezující funkčnost, který je nutné odstranit. Nedostatek, který znepříjemňuje používání aplikace. Malý nedostatek, kosmetický detail.
Případ Nález užití, Priorita obrázek [UC1] D-1 Krok 2, 3 obr. 4 [UC1] D-2 Krok 2, 3 obr. 5 D-3
D-4
D-5
[UC1] Krok 3, obr. 6 [UC2] Krok 2, obr. 12 [UC2] Krok 2 obr. 13
2
Popis problému
Doporučení
Uživateli nemusí být zřejmé jak se pohybovat v nabídce.
Dodělat do pravých rohů šipky pro znázornění možností pohybu nahoru nebo dolu.
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á.
Změnit název ikonky na "Kontakty" nebo "Volání". Změnit název záložky na "Kontakty".
3
Uživateli nemusí být zřejmé jak se pohybovat v nabídce.
Dodělat do pravých rohů šipky pro znázornění možností pohybu nahoru nebo dolu.
3
Pro uživatele může být matoucí název ikonky kontaktů.
Změnit název ikonky na "Kontakty" nebo "Volání".
2
V menu se nachází více aplikací s totožným názvem. Ani jejich ikonky nic nevypovídají o druhu aplikace.
Rozlišit na: Zprávy (noviny) -> Noviny Zprávy (SMS) -> Zprávy Zprávy a počasí -> Počasí
3
Uživateli nemusí být jasné, že přidávání widgetu se nachází v Nastavení systému.
Přidat odkaz přímo do manu aplikací.
3
Uživateli nemusí být jasné jakých rozměrů je daný widget a kam na domácí obrazovky se umístí.
D-6
[UC3] Krok 2 obr. 19
D-7
[UC4] Krok 2, obr. 28
D-8
[UC4] Krok 2, obr. 32
D-9
[UC4] Krok 5, obr. 33
2
D-10
[UC5], obr. 34
3
D-11
[UC5], obr. 35
3
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.
27
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".
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