Testování uživatelského rozhraní

Transkript

1 1 Testování uživatelského rozhraní Smartphone HTC Desire Z Vypracoval: Ondřej Fejfar 03/2011

2 2 1 Úvod Cílem této semestrální práce je provést test uživatelského rozhraní jedné konkrétní aplikace či zařízení na vybraných případech použití (use cases). K provedení testu bez uživatele budou použity dvě základní metody pro testování uživatelského rozhraní. Kognitivní průchod a heuristická evaluace. 1.1 Popis zařízení V roli testováného zařízení se ocitl chytrý mobilní telefon HTC Desire Z s operačním systémem Google Android ve verzi 2.2 bez jakýchkoliv neautorizovaných úprav. Tento smartphone je vybaven velkým dotykovým kapacitním displejem a pro ulehčení psaní obsahuje hardwarovou klávesnici. Ve smartphonu je nahrán dosud nejnovější verze opračního systému Google Android 2.2. Tento smartphone je vhodný k využití kromě typických funkcí mobilního telefonu také pro každodenní používání pokročilých funkcí jako například přístupu k internetu, organizaci času, organizaci kontaktů, práci s dokumenty nebo použití fotoaparátu či kamery. HTC Desire Z 1.2 Cílová skupina uživatelů Jako cílovou skupinu jsem si pro můj test zvolil mírně až středně pokročilého uživatele smartphonů. Do této skupiny bych zařadil například studenty technických škol, podnikatele v technických oborech či technologické nadšence. Věkové rozmezí těchto potenciálních uživatelů se pohybuje hlavně mezi lety.

3 3 Většina těchto uživatelů by již měla mít větší či menší zkušenost s chytrým mobilním telefonem. Pokud tomu tak není, měli by si jeho ovládání bez větších problémů osvojit. 2.0 Test bez uživatele Cílem této části testu je podrobně prozkoumat dané use cases z pohledu uživatele. Test bez uživatele by měl odhalit možné nedostatky uživatelského prostředí, ukázat náročnost dosažení vytyčených cílů a poukázat na možná zlepšení. 2.1 Přehled use cases Use cases testované metodou KOGNITIVNÍ PRŮBĚH ovládání základní funkcí mobilního telefonu volání, psaní SMS instalace programu z Android Marketu stažení a instalace aplikace ColorNote Notepad (Produktivita, Widgety) Use cases testované metodou HEURISTICKÁ EVALUACE odemknutí smartphonu a uvedení zařízení do pohotovostního režimu (hlavní obrazovka) práce s kamerou natáčení videa, jednoduché volby nastavení, zobrazení natočeného videa Testované use cases jsou přehledně zobrazeny v následující tabulce: Číslo UC Název UC Popis UC Metoda testování UC-1 Odemknutí smartphonu Základní úkon, který musí být proveden vždy před každou započatou činností po delší pauze práce se smartphonem. Kognitivní průchod UC-2 Stažení programu z Android Marketu Stažení a instalace freewarové aplikace pro psaní poznámek ColorNote Notepad. Kognitivní průchod UC-3.1 Natáčení videa Natáčení videa včetně jednoduchého nastavení (zoomování, změna kvality, efekty) Heuristická evaluace Všechny use cases testované pomocí kognitivního průběhu budou testovány v poloze telefonu na výšku bez použití hardwarové klávesnice. Zbýle dva use cases, které budou podrobeny heuristické evaluaci budou testovány v obou možných pracovních polohách smartphonu.

4 4 2.2 Testování use cases pomocí kognitivního průběhu Před testováním daného use casu bude vždy položena otázka Q0: Q0 Čeho chce uživatel dosáhnout? Poté vždy v každém kroku bude položena sada otázek Q1 Q3: Q1 Je uživateli jasné co má udělat? Q2 Je jasné jak toho dosáhnout? Q3 Dostane uživatel o provedení akce dostatečný feedback? UC-1 Odemknutí telefonu QO: Odemknout telefon a začít či pokračovat v práci. Předpokládaný průchod bude proveden v následujících dvou krocích: výchozí stav stav č. 2 koncový stav krok č. 1 krok č. 2 rozsvícení smartphonu odemknutí telefonu pomocí virtuálního táhla

5 5 Odpovědi na otázky Q1 Q3: Otázky Kroky 1 2 Otázka Q1 ANO (90%) NE (50%) Otázka Q2 NE (70%) NE (50%) Otázka Q3 ANO (100%) ANO (100%) Poznámka: Hodnota v závorce označuje míru jak jsem si jistý se svou odpovědí. Nalezené nedostatky Č. kroku č. otázky krok č. 1 otázka Q2 krok č. 2 otázka Q1 krok č. 2 otázka Q2 Popis Na smartphonu není jasný popis, jakým tlačítkem se smartphone rozsvítí. Miniaturní popisek správného tlačítka vypnutí a zapnutí by mohl leckoho zmátnout. Po rozsvícení displeje se nikde nezobrazí indikátor, že je telefon stále zamčený a je ho nutný virtuálním táhlem odemknout, tato informace se objeví až po neúspěšném pokusu odemknutí. Chybí indikace, jak telefon odemknout, ta se zobrazí až po neúspěšném pokusu. Návrh na zlepšení Kdekoliv na displeji indikovat, že je telefon stále zamčený a naznačit směr tažení táhlem. Naznačit na displeji směr tažení táhla ihned po rozsvícení displeje. - Všem nalezeným nedostatkům přisuzuji velice nízkou prioritu, protože úkon, jako je odemknutí telefonu, si každý uživatel lehce osvojí po velice krátkém používání smartphonu UC-2 Stažení aplikace z Android Marketu QO: Stažení aplikace z Android Marketu, instalace a její následné spuštění. Jako testovací aplikaci jsem si vybral čtečku QR kódů Barcode Scanner. Předpokládaný průchod bude proveden v následujících jedenácti krocích:

6 6 výchozí stav stav č. 2 stav č. 3 stav č. 4 stav č. 5 stav č. 6 stav č. 7 stav č. 8 stav č. 9

7 7 stav č. 10 stav č. 11 stav č. 12 krok č. 1 krok č. 2 krok č. 3 krok č. 4 krok č. 5 krok č. 6 krok č. 7 krok č. 8 krok č. 9 krok č. 10 krok č. 11 kliknutí na tlačítko Všechny aplikace výběr aplikace Market v Marketu kliknout na Aplikace na následujicí obrazovce kliknout na Všechny aplikace v rolovacím seznamu vybrat Barcode Scanner kliknout na tlačítko ZDARMA kliknutím na tlačítko OK přijmout oprávnění Položka bude stažena, počkat až se ve statusu zobrazí nainstalováno tlačítkem Home se dostat do výchozího stavu kliknout na tlačítko Všechny aplikace Vybrat aplikaci Barcode Scanner Odpovědi na otázky Q1 Q3 Otázky Kroky Otázka Q1 NE (60%) ANO (90%) ANO (80%) ANO (80%) ANO (90%) ANO (80%) Otázka Q2 NE (70%) ANO (90%) ANO (80%) ANO (90%) ANO (90%) ANO (90%) Otázka Q3 ANO (100%) ANO (100%) ANO (90%) ANO (90%) ANO (90%) NE (90%) Otázky Kroky Otázka Q1 ANO (80%) NE (70%) NE (70%) ANO (90%) ANO (90%) Otázka Q2 ANO (80%) NE (70%) ANO (90%) ANO (100%) ANO (90%) Otázka Q3 ANO (90%) NE (70%) ANO (100%) ANO (100%) ANO (100%)

8 8 Nalezené nedostatky Č. kroku č. otázky krok č. 1 otázka Q1 krok č. 1 otázka Q2 krok č. 6 otázka Q1 Krok č. 6 Otázka Q3 Krok č. 8 Otázka Q1 Otázka Q2 Otázka Q3 Krok č. 9 Otázka Q1 Popis Uživatel nemusí přesně vědět co udělat. Může ho napadnout například spustit internetový prohlížeč, protože neví, že pro přístup na Android Market existuje ve smartphonu speciální aplikace. Softwarové tlačítko Všechny aplikace má dle mého názoru poměrně nicneříkající symbol a není na první pohled zřejmé co znamená. Tlačítko s nápisem ZDARMA může uživatele nejspíš trochu dezinformovat. Zde je velmi malý feedback. Uživatel vůbec nemusí postřehnout co se na stránce změnilo a v domněnce, že klikl na INSTALOVAT a nic se neděje si může myslet, že se někde stala chyba. Uživatele je málo informován o průběhu instalace, po jejím dokončení se v horním malém úzkém řádku objeví celkem nic neříkající ikona. Nápis nainstalováno se tam zobrazí na pouhou vteřinu. Navíc uživatel nemusí vědět co má teďka provést za úkon. Uživatel neví co má udělat pro spuštění aplikace a jestli už je aplikace komplet nainstalovaná (viz předchozí krok). Návrh na zlepšení Například umístit defaultně ikonku Marketu na hlavní plochu (uživatel ji může kdykoliv nahradit jinou) Zvolit lepší symbol či popisek. Nápisy by spíš měly být prohozené. Aby na tlačítku bylo napsané INSTALOVAT a zdarma napsané méně výrazným písmem vedle. Oprávnění si vyžádat jiným způsobem, například speciálním potvrzovacím dialogem. Průběh stahování a instalace by měl být stále zobrazen (aleaspoň v části obrazovky) se známou animací z Win nebo aleaspoň procentuelně. Mohlo by se to uživatele po dokončení instalace zeptat zda ji chce hned spustit. Nenašel jsem zde žádný nedostatek, který bych považoval za kritický. Středně významné nedostatky jsem označil hnědou barvou, ostatní nedostatky považuji za méně důležité, nicméně jejich odstranění povede ke zlepšení uživatelského rozhraní. 2.3 Testování use cases pomocí heuristické evaluace Pro provedení heuristické evaluace použiji Nielsonovy heuristiky, zde je jejich výčet H1 Viditelnost stavu systému H2 Systém odpovídá reálnému světu H3 Uživatel řídí systém a má svobodu v jeho používání H4 Systém je konzistentní a dodržuje standardy H5 Předcházení chybám

9 9 H6 Lepší je postup intuitivně rozpoznat než si ho muset zapamatovat H7 Flexibilita a efektivita použití H8 Estetický a minimalistický design H9 Pomoc uživateli rozpoznat a napravit chyby H10 Nápověda a dokumentace UC-3 Natáčení videa Screenshoty z prostřední ovládání videokamery Spuštění fotoaparátu a videokamery Zoomování Volba nastavení Efekty Přepnutí fotoaparátu na videokameru

10 10 Výsledky heuristické evaluace Nález Nález č. 1 Kolik zbývá minut videa Popis Kolik zbývá ještě minut videa do zaplnění paměti je velice důležitý údaj. Po přepnutí fotoaparátu na videokameru se tento údaj zobrazí malým písmem na pouhou jednu sekundu. Pro opětovné zjištění počtu minut se jeví nejsnadnější řešení přepnutí videokamery zpět na fotoaparát a zpátky na videokameru což není úplně standardní řešení. Při samotném natáčení je tento údaj zcela neviditelný a nepřišel jsem na způsob jak ho vyvolat. Výše popsané odpovídá hlavně heuristice H1 Viditelnost stavu systému. Nález č. 2 Umístění a popis ovládacích prvků Nález č. 3 Absence jakéhokoliv helpu Jako nápravu bych určitě doporučil, aby byl tento údaj na displeji zobrazen stále, případně s možností ho někde v nastavení vypnout. Do nastavení videokamery se člověk překvapivě nedostane stiskem žádného ze čtyř softwarových tlačítek, ale stiknutím hardwarového tlačítka s nápisem MENU což mi připadá malinko nelogické. Dále mi trošku nesedí symbol blesku u funkce přisvětlovací diody. Blesk se u videokamery nepoužívá. Výše zmíněné ukazuje na heuristiku H2 Systém odpovídá reálnému světu Tyto nedostatky bych navrhl vyrešit přidáním tlačítka nastavení mezi hlavní softwarová tlačítka a označit je správným symbolem pro nastavení. Symbol přisvícení bych také označil nějakým vhodnějším symbolem například žárovkou. Prostředí videokamery neobsahuje žádnou nápovědu. Možná by neškodilo vysvětlení základních funkcí či tipy pro lepší záběry pro uživatele, které nemají s natáčením žádné zkušenosti. Tento nález odpovídá heuristice H10 Dokumentace a nápověda Do nastavení či někam do prostřední videokamery bych umístil známý symbol otazníku symbolizující help. Všechny zmíněné chyby považuji za středně důležité. Žádné kritické chyby objeveny nebyly. Kromě výše uvedených nedostatků mi připadala usability videokamery na poměrně dobré úrovni.