Testování uživatelského rozhraní

Testování uživatelského rozhraní – smartphone HTC Desire Z

Testování uživatelského rozhraní Smartphone HTC Desire Z

Vypracoval: Ondřej Fejfar

Ondřej Fejfar, student OI

03/2011

1


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 15 – 35 lety.


2


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.

UC-2

Stažení programu z Android Marketu

Stažení a instalace freewarové aplikace pro psaní poznámek ColorNote Notepad.

Kognitivní průchod

Natáčení videa včetně jednoduchého nastavení (zoomování, změna kvality, efekty)

Heuristická evaluace

UC-3.1 Natáčení videa

Kognitivní průchod

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.


3


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?

2.2.1 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

krok č. 1 krok č. 2

stav č. 2

rozsvícení smartphonu odemknutí telefonu pomocí virtuálního táhla


koncový stav

4


Odpovědi na otázky Q1 – Q3: Otázky Otázka Q1 Otázka Q2 Otázka Q3

Kroky 1 ANO (90%) NE (70%) ANO (100%)

Poznámka:

2 NE (50%) NE (50%) ANO (100%)

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


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.

2.2.2 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:


5


výchozí stav

stav č. 4

stav č. 7

stav č. 2

stav č. 5

stav č. 8


stav č. 3

stav č. 6

stav č. 9

6


krok č. 1 krok č. 2 krok č. 3 krok č. 4 krok č. 5 krok č. 6 krok č. 7 krok č. 8 krok č. 9 krok č. 10 krok č. 11

stav č. 12

stav č. 11

stav č. 10

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 Otázka Q1 Otázka Q2 Otázka Q3 Otázky Otázka Q1 Otázka Q2 Otázka Q3

Kroky 1 NE (60%) NE (70%) ANO (100%)

7 ANO (80%) ANO (80%) ANO (90%)

2 ANO (90%) ANO (90%) ANO (100%)

3 ANO (80%) ANO (80%) ANO (90%)

4 ANO (80%) ANO (90%) ANO (90%)

5 ANO (90%) ANO (90%) ANO (90%)

8 NE (70%) NE (70%) NE (70%)

Kroky 9 NE (70%) ANO (90%) ANO (100%)

10 ANO (90%) ANO (100%) ANO (100%)

11 ANO (90%) ANO (90%) ANO (100%)


6 ANO (80%) ANO (90%) NE (90%)

7


Nalezené nedostatky Č. kroku č. otázky krok č. 1 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 Ondřej Fejfar, student OI

8


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

2.3.1 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


9


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ů

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

Nález č. 3 Absence jakéhokoliv helpu

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.


10

Testování uživatelského rozhraní

Recommend Documents