Testování aplikace True Phone Dialer & Contacts Úloha: Autor práce: Vedoucí práce: Předmět: Univerzita: Testování uživatelského rozhraní (A2) Ing. Adam Sporka, Ph.D. A4B39TUR ČVUT Fakulta elektrotechniky
1 Obsah 1 Obsah 2 Úvod 3 O aplikaci 4 Verze a data 5 Cílová skupina 6 Použité metodiky 6.1 Kognitivní průchod 6.2 Heuristická analýza 7 Testované případy užití 7.1 A. Vyhledání kontaktu a jeho vytočení 7.1.1 Vyhledání skrze textové pole (A1.1) 7.1.2 Vyhledání vypisováním hlásek (A1.2) 7.1.3 Výběr kontaktu (A1.3) 7.1.4 Vyhledání posouváním se v seznamu kontaktů (A2.1 a A2.2) 7.1.5 Výběr kontaktu ze seznamu (A2.3) 7.1.6 Volání přes ikonu telefonu (A3.1 a A3.3) 7.1.7 Volání v zobrazeném kontaktu (A3.2) 7.1.8 Ukončení hovoru (A4.2) 7.2 B. Přijmutí hovoru a nastavení zvuku 7.2.1 Potvrzení hovoru (B1.1 a B1.2) 7.2.2 Nastavení zvuku (B1.3 a B1.4) 7.3 C. Editace existujícího kontaktu 7.3.1 Úprava v zobrazeném kontaktu (C1.1, C1.3 a C1.4) 7.3.2 Výběr možnosti upravit (C1.4) 7.3.3 Úprava kolonek kontaktu (C2.1) 7.3.4 Potvrzení úpravy (C2.1) 7.4. B. Zobrazení kategorie kontaktů 7.4.1 Rozkliknutí nastavení (D1.1) 7.4.2 Výběr z rozkliknutého menu (D1.1) 7.4.3 Označení správné možnosti a uložení (D1.1) 7.4.4 Přehled nálezů Nálezy jsou seřazeny podle priority sestupně. 8 Závěr 9 Literatura 2
3
2 Úvod Na aplikaci, jejíž uživatelské rozhraní jsem se rozhodl otestovat, jsem narazil po koupi nového mobilního telefonu. Přednastavená aplikace pro správu kontaktů a volání mě nepřišla dostatečně flexibilní, a tak jsem v obchodu Google Play stáhnul True Phone Dialer & Contacts s uživatelským hodnocením 4,6. Menší problémy, které jsem při používání aplikace musel řešit, mě inspirovaly k tvorbě případů užití, se kterými se potýká každý nový uživatel aplikace. Testování aplikace bude prováděno pomocí kognitivního průchodu a heuristické analýzy, které jsou podrobněji vysvětleny v metodické části. Každý případ užití je testován kognitivním průchodem a výsledky jsou v části přehled nálezů podrobeny heuristické analýze, aby vzniklé problémy použitelnosti byly správně kategorizovány. 3 O aplikaci Aplikace True Phone Dialer & Contacts slouží pro organizaci kontaktů, jejich tvorbě a úpravě. Dále poskytuje rozhraní pro vytáčení čísel a rovněž volání uloženým kontaktů. Aplikace vyvinutá týmem Hamster Beat je dostupná pro operační systémy Android a lze si ji pořídit v obchodu Google Play ( https://play.google.com/store/apps/details?id=com.hb.dialer.free&hl=en ). 4 Verze a data Aplikace True Phone 1.6.3 rev 77 bude testovaná na zařízení Alcatel OneTouch Idol 3 s verzí operačního systému Android 5.0.2. Níže vyobrazené snímky charakterizující průchod aplikací byly pořízeny 10.3.2016. 5 Cílová skupina Člen cílové skupiny je vymezen následujícími tvrzeními: umí pracovat s dotykovými zařízeními netrpí žádnými zdravotními obtížemi, které by mu zkomplikovaly obsluhu aplikace (např. zrakové postižení) s aplikací pracuje poprvé preferuje práci s kontakty, které má uložené na SIM kartě 4
6 Použité metodiky Pro účely této úlohy budeme pracovat s metodou testování bez uživatele. Existují dva odlišné postupy, jakými se provádí testování kognitivní průchod a heuristická analýza. Pro testování mobilní aplikace budeme používat primárně kognitivní průchod. Výsledky kognitivního průchodu v přehledu nálezů převedeme do kategorií z heuristické analýzy. 6.1 Kognitivní průchod Kognitivní průchod zjišťuje použitelnost z pohledu nových uživatelů. Nejprve se položí otázka, která zachycuje uživatelův záměr se systémem: [ 1 ] Q0: Čeho chce uživatel dosáhnout? Následně proběhne několik iterací kroků, kde v rámci každého kroku se zodpovídají níže uvedené otázky: Q1. Bude uživateli zřejmé, co má udělat? Q2. Bude uživateli zřejmě, jak to má udělat? Q3. Dostane uživatel dostatečnou zpětnou vazbu? Pokud je alespoň jedna odpověď v některém kroku ne, pak se pravděpodobně jedná o chybu v uživatelském rozhraní a tento nález je evidován. Metoda je rychlá a cenově nenáročná. 5
6.2 Heuristická analýza Heuristická analýza definuje, jaká kritéria by mělo uživatelské rozhraní splňovat, aby uživatelovi žádným způsobem nekomplikovalo práci se systémem. Předpokládá se expertní znalost testujícího uživatele, který vyhledá porušená pravidla a vypíše prioritu jejich odstranění. Běžně se používá sada heuristik podle Jakoba Nielsena: [ 2 ] H1. Viditelnost stavu systému systém notifikuje uživatele o tom, co se právě odehrává H2. Propojení systému a reálného světa komunikace systému s uživatelem se odehrává na základě běžně užíváné logiky H3. 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. H4. Konzistence a standardizace ovládání prvků zůstává neměnné napříč celým systémem a využívá známých principů užitých v jiných systémech H5. Prevence chyb systém předchází chybovým hlášením bezpečným designem, který uživatelovi neumožňuje způsobení chyb H6. Rozpoznání namísto vzpomínán í instrukce jsou v systému viditelně umístěny, a tak si uživatel nemusí pamatovat, jak systém ovládat H7. Flexibilní a efektivní použití systém umožnňuje rychlou a efektivní práci pro pokročilé uživatele H8. Estetický a minimalistický design systém obsahuje jen důležité informací a nezahlcuje uživatele zbytečnými grafickými prvky H9. Pomoc uživatelů pochopit, poznat a vzpamatovat se z chyb chybové hlášky jsou srozumitelné a přímo navrhovují řešení H10. Nápověda a návody všechny informace lze snadno vyhledat, nápověda je rozčleněna do kroků 6
7 Testované případy užití V aplikaci True Phone Dialer & Contacts budeme testovat tyto 4 případy užití: A. Vyhledání kontaktu a jeho vytočení Tento případ užití testuje základní funkcionalitu aplikace, tedy volání uloženým kontaktům. Celý případ užití se skládá ze dvou částí, v první části je zapotřebí kontakt vyhledat. To lze v aplikaci udělat dvěma způsoby, které jsou v kognitivním průchodu popsány. V druhé části se jedná o samotné vytočení hovoru. Z pohledu použitelnosti tento případ užití vykazuje pouze kosmetické problémy. B. Přijmutí hovoru Úkolem uživatele v tomto případu užití je přijmout hovor a nastavit hlasitost na odposlech. Přijmutí hovoru patří mezi nejproblematičtější částí aplikace. C. Editace existujícího kontaktu Úkolem uživatele v tomto případu užití bude přepsat jméno uloženého kontaktu, přičemž se bude vycházet ze situace, kdy už byl daný kontakt nalezen. Tento případ užití trpí tím, že jsou uživatelovi předkládány zavádějící instrukce. D. Zobrazení kategorie kontaktů Uživatel má za úkol skrýt vybranou kategorii kontaktů, tedy kontakty, které nemají zapsané telefoní číslo. Tento snadný úkol se zkomplikuje kvůli potvrzovacímu tlačítku OK, které lze snadno přehlédnout a není konzistentní se zbytkem výběrových možností. 7
7.1 A. Vyhledání kontaktu a jeho vytočení Předpokládáme, že má uživatel zapnutou aplikaci. Jeho úkolem je libovolným způsobem vyhledat kontakt Luká /M a zavolat mu. Po přijmutí hovoru druhou stranou má uživatel hovor ukončit. Q0: Vyhledat kontakt Luká /M a zavolat mu. 7.1.1 Vyhledání skrze textové pole (A1.1) Q1 Ano Zobrazené kontakty vypovídají o tom, že uživatel je na správném místě. Q2 Ano Ovládání je indikováno slovním popisem i standardizovaným obrázkem lupy. Duplicitní vyhledávací pole zabírá místo, které by mohlo být věnováno kontaktům Q3 Ano Po kliknutí na jeden ze dvou panelů (A1.1) se otevře klávesnice (A1.2) 8
7.1.2 Vyhledání vypisováním hlásek (A1.2) Q1 Ano Aktivní vyhledávací pole, otevřená klávesnice a seznam zobrazených kontaktů poskytuje dobrou představu o následujících krocích. Q2 Ano Spuštěná klávesnice vybízí k jejímu aktivnímu použití. Q3 Ano S každým napsaným písmenem se zužuju okruh zobrazených kontaktů (A1.3). 7.1.3 Výběr kontaktu (A1.3) Q1 Ano Použití vyhledaného kontaktu, který odpovídá zadaným kritériím, je evidentní. Q2 Ano Tapnutí i podržení stisku na interaktivní ploše kontaktu vede k cíli. Q3 Ano Tapnutí zobrazí kontakt (A3.2), podržení stisku zobrazí menu (A3.1). 9
7.1.4 Vyhledání posouváním se v seznamu kontaktů (A2.1 a A2.2) Q1 Ano Písmena vpravo indikují, že seznam kontaktů je delší než ten, který je zobrazený. Q2 Ano Scroll posun je snadardní technikou v mobilních aplikacích. Q3 Ano Seznam zobrazuje část kontatků, na kterou se uživatel přesunul a v orientaci pomáhá i podbarvení písmena v pravém panelu. Při rychlém posunu se mění barevné schéma kontaktů (A2.2), což je matoucí. 10
7.1.5 Výběr kontaktu ze seznamu (A2.3) Q1 Ano Kontakt je dobře viditelný a správně pojmenovaný. Q2 Ano Tapnutí i podržení stisku na interaktivní ploše kontaktu vede k cíli. Q3 Ano Tapnutí zobrazí kontakt (A3.2), podržení stisku zobrazí menu (A3.1). 11
7.1.6 Volání přes ikonu telefonu (A3.1 a A3.3) Q1 Ano Standardizovaná ikona spolu se slovním popisem dává uživateli jasnou představu o další akci. Q2 Ano Tapnutí na ikonu telefonu je logické. Q3 Ano Zobrazí se obrazovka (A4.1), na které je vidět, že se chystá hovor. Uživatel je informován i zvukově (v případě, že má telefon u ucha, uslyší zvuk vytáčení). 7.1.7 Volání v zobrazeném kontaktu (A3.2) Q1 Ano Standardizovaná ikona a číslo vybízí k použití. Q2 Ano Tapnutí i podržení vede k cíli. Q3 Ano Při tapnutí se zobrazí obrazovka (A4.1), na které je vidět, že se chystá hovor. V případě podržení se rozbalí menu (A3.3). 12
7.1.8 Ukončení hovoru (A4.2) Q1 Ano Uživatel vidí, že hovor stále běží podle času, takže ví, že by ho měl ukončit. Q2 Ano Červená ikona je dostatečně výrazným symbolem. Q3 Ano Vypíše se hláška Hovor ukončen a po chvíli zmizí obrazovka s hovorem. 13
7.2 B. Přijmutí hovoru a nastavení zvuku Předpokládáme, že uživateli někdo zavolá. Jeho úkolem je hovor přijmout a nastavit zvuk na odposlech. Q0: Přijmout hovor a změnit nastavení zvuku na odposlech. 7.2.1 Potvrzení hovoru (B1.1 a B1.2) Q1 Ano Uživatel je o příchozím hovoru informován zvukem (vibracemi), textovým popisem ( Příchozí hovor ) i standardizovanou ikonou. Q2 Ne Uživatel musí držet prst na obrazovce, aby se přenul z obrazovky B1.1 na obrazovku B1.2. Jinak rozhraní neinteraguje. Q3 Ne Pokud použije scroll vpravo, hovor je rovnou přijat (B.1.2). Tapnutí na ikonu nezmění obrazovku. Uživatel může očekávat přijmutí hovoru tapnutím. Scroll na opačnou stranu, hovor odmítne, což uživatel nemůže vědět. 14
7.2.2 Nastavení zvuku (B1.3 a B1.4) Q1 Ano Uživatel chce parametrizovat hovor. Q2 Ano První ikona zleva odpovídá nastavení zvuku, a proto vybízí k tapnutí. Q3 Ano Tapnutí je vizualizováno (B1.4). 7.3 C. Editace existujícího kontaktu Předpokládáme, že uživatel má uložený kontakt Luká /M na SIM kartě a chce ho upravit do srozumitelnější podoby Lukáš. Začínáme ve stavu, kdy už jsme kontakt vyhledali a zobrazili. Q0: Editovat jméno existujícího kontaktu. 15
7.3.1 Úprava v zobrazeném kontaktu (C1.1, C1.3 a C1.4) Q1 Ano Uživatel ví, že chce upravit jméno kontaktu, ve kterém se nachází. Q2 Ne Tapnutí na část se jménem nebo část s grafickým vyobrazením uživatele podá uživatelovi info (C1.2), že kontakt nelze editovat. Podržení stisku na části s telefoním číslem vysune menu (C1.4.) s možností upravit. Informace, kterou podává systém, není zcela pravdivá. Jméno a číslo lze u kontaktu na SIM upravovat. Q3 Ano Vizualizace správné cesty poskytuje dobrou zpětnou vazbu. Poznámka z pohledu heuristické analýzy: V případě podržení stisku u skupin (C1.2) zobrazí okno, které má redundantní tlačítko ZRUŠIT, které reaguje stejně jako tlačítko OK. Jedná se o porušení pravidla H8 o minimalistickém designu. 7.3.2 Výběr možnosti upravit (C1.4) Q1 Ano Uživatel ví, že chce upravit jméno kontaktu. Q2 Ano Možnost upravit je dostatečně viditelná. Q3 Ano Po kliknutí na upravit se objeví jiná obrazovka (C2.1). 16
7.3.3 Úprava kolonek kontaktu (C2.1) Q1 Ano Uživatel vidí editovatelné kolonky. Q2 Ano Otevřená klávesnice indikuje způsob ovládání. Q3 Ano Úpravy se ihned projevují v kontaktu. 7.3.4 Potvrzení úpravy (C2.1) Q1 Ano Uživatel se chystá ukončit editaci. Q2 Ano Existuje více možností, jak editaci ukončit (C.22). Q3 Ano Po ukončení editace se objeví okno s informací, že byl kontakt uložen. (C2.3). 17
7.4. B. Zobrazení kategorie kontaktů Předpokládáme, že uživatel má otevřenou aplikaci. Jeho úkolem je nastavit zobrazené kontakty tak, aby byly viditelné pouze ty, které mají zadané číslo. Q0: Zobrazit správnou kategorii kontaktů 7.4.1 Rozkliknutí nastavení (D1.1) Q1 Ano Uživatel pravděpodobně ví, že se jedná o pokročilejší funkci. Q2 Ano Ikona pro nastavení má standardizovaný vzhled. Q3 Ano Tapnutí na ikonu nastavení má za následek zobrazení menu s několika položkami (D1.2) 18
7.4.2 Výběr z rozkliknutého menu (D1.1) Q1 Ano Uživatel ví, že chce zobrazovat určitý typ kontaktů. Q2 Ano Slovní popis možnosti je dostatečně výstižný. Q3 Ano Tapnutí na položku změní obrazovku (D1.3). 7.4.3 Označení správné možnosti a uložení (D1.1) Q1 Ano Uživatel ví, že chce upřesnit zobrazení kontaktů. Q2 Ne Uživatel má vybrat zaškrtávátko a potvrdit volbu tlačítkem OK. Q3 Ne Uživatel zjistí změnu nastavení tím, že se změní zobrazované kontakty. Potvrzení zaškrtávátka tlačítkem OK není běžně v aplikacích vyžadováno. Navíc toto chování není konzistentní se zbytkem aplikace (viz D1.4). Pokud uživatel použije tlačítko zpět, nedostane uživatel zpětnou vazbu o tom, že neproběhlo uložení nastavení. 19
8 Přehled nálezů Nálezy jsou seřazeny podle priority sestupně. Kritický nález je takovou chybou použitelnosti, která může běžného uživatele snadno odradit od používání aplikace. Efekt této chyby použitelnosti ovlivňuje běžné používání aplikace zásadním způsobem. Podstatný nález je takový, který uživatele může zmást a tím mu ztíží práci s aplikací, ovšem nekomplikuje práci natolik, aby mu zabránil aplikaci používat. Kosmetický nález postihuje pouze detaily, které by bylo možné zlepšit, aby se zlepšil celkový dojem z aplikace převážně z přehlednostního hlediska. Případ užití Obrázek Výskyt problému / Popis / Heuristika Typ nálezu Potvrzení hovoru B B1.1, B1.2 vyžaduje se neintuitivní ovládání, které může vést k chybám H5. Prevence chyb, H6. Rozpoznání namísto vzpomínání Podstatný / Kritický Úprava v zobrazeném kontaktu C C1.2 Informace o tom, že je kontakt jen pro čtení, jsou zavádějící H10. Nápověda a návody Podstatný C C1.3 Úprava v zobrazeném kontaktu Redundantní tlačítko ZRUŠIT H8. Estetický a minimalistický design Kosmetický 20
Případ užití Obrázek Výskyt problému / Popis / Heuristika Typ nálezu A A2.2 Vyhledání posouváním se v seznamu kontaktů změna barev kontaktů při scroll pohybu, H4. Konzistence a standardizace Kosmetický A A1.1 Vyhledání skrze textové pole existence druhého vyhledávacího pole H8. Estetický a minimalistický design Kosmetický D D1.1 Označení správné možnosti a uložení Potvrzovací tlačítko OK H8. Estetický a minimalistický design H4. Konzistence a standardizace Kosmetický 9 Závěr Testování aplikace podle očekávání poukázalo na nejproblematičtější část aplikace, která se týká nepříliš intuitivního přijímutí hovoru. Druhou nejpodstatnější záležitostí byla zavádějící nápověda. V ostatních případech se jedná spíše o kosmetické nálezy, které nijak závažně uživatele aplikace neovlivní. 10 Literatura [1] http://www.usabilitybok.org/cognitive walkthrough [2] https://www.nngroup.com/articles/ten usability heuristics/ 21