HTC Desire Z. Testování uživatelského rozhraní telefonu (test bez uživatele) Jan Kolařík

HTC Desire Z Testování uživatelského rozhraní telefonu (test bez uživatele)

Jan Kolařík [email protected]

České vysoké učení technické v Praze Fakulta elektrotechnická Testování uživatelských rozhraní (A7B39TUR) 2011/2012

Testování uživatelských rozhraní – dokument A2

Telefon HTC Desire Z

OBSAH Zadání..........................................................................................................................................3 Metoda testování kognitivním průchodem (cognitive walkthrough)........................................3 Metoda testování heuristickou evaluací (heuristic evaluation)..................................................3 Testované zařízení.........................................................................................................................4 Základní popis.........................................................................................................................4 Cílová skupina.........................................................................................................................4 Testované případy použití.............................................................................................................5 Test č. 1: Navigace a sdílení připojení...........................................................................................6 Test č. 2: Fotoaparát a sdílení fotografií......................................................................................12 Test č. 3: Odesílání vizitky..........................................................................................................17 Závěrečné zhodnocení................................................................................................................21

2



ZADÁNÍ Zadáním práce bylo otestovat uživatelské rozhraní zařízení nebo aplikace ve třech předem definovaných případech použití za pomoci kognitivního průchodu či heuristické evaluace.

Metoda testování kognitivním průchodem (cognitive walkthrough) Při testování použitelnosti uživatelského rozhraní metodou kognitivního průchodu nejprve stanovíme cíl, jejž chceme při používání zařízení nebo aplikace dosáhnout. Začneme postupně provádět jednotlivé kroky k dosažení cíle a u každého kroku si položíme následující otázky: •

Q1: Bude uživateli zřejmá správná akce?

•

Q2: Bude uživatel schopen spojit si popis akce se skutečnou akcí, kterou chce provést?

•

Q3: Získá uživatel potřebnou zpětnou vazbu o provedení akce?

Odpovědi na tyto otázky pro každý jednotlivý krok zapisujeme do tabulky a v případě nutnosti k odpovědi připíšeme doplňující informace.

Metoda testování heuristickou evaluací (heuristic evaluation) Při testování použitelnosti uživatelského rozhraní metodou heuristické evaluace si nejprve stanovíme cíl, jejž chceme při používání zařízení nebo aplikace dosáhnout. Dále provádíme kroky potřebné k dosažení cíle a během tohoto procesu přemýšlíme, jaké zásady návrhu dobře použitelného uživatelského rozhraní byly na zařízení či v aplikaci porušeny. Zde můžeme využít seznamu deseti nejvýznamnějších znaků dobře použitelného rozhraní podle Jacoba Nielsena: •

H1: Viditelnost stavu systému

•

H2: Podobnost systému s reálným světem

•

H3: Svoboda uživatele při ovládání

•

H4: Konzistence a standardy

•

H5: Prevence chyb

•

H6: Ovládání bez nutnosti pamatování si informací

•

H7: Efektivita používání

•

H8: Estetika a minimalistický design, žádné zbytečné informace

•

H9: Výstižná chybová hlášení

•

H10: Nápověda a dokumentace

3


T E S TO VA N É


ZAŘÍZENÍ

Pro test jsem si vybral uživatelské rozhraní mobilního telefonu HTC Desire Z.

Telefon HTC Desire Z s vyklopenou klávesnící

Základní popis Telefon HTC Desire Z (v USA prodávaný jako T-Mobile G2, kódovým označením HTC Vision) je chytrý telefon s operačním systémem Android 2.3.3 a s rozšířením uživatelského rozhraní HTC Sense 2.1. Jako jeden z mála telefonů na trhu je kromě kapacitního dotykového displeje o úhlopříčce 3,7" (rozlišení 800 × 480 px) vybaven i plnohodnotnou výklopnou čtyřřádkovou QWERTY klávesnicí. Další technické parametry zařízení jsou následující: •

Rozměry: 119,0 × 60,4 × 14,2 mm

•

Hmotnost: 180 g

•

Procesor: Qualcomm MSM7230 Snapdragon o frekvenci 800 MHz

•

Operační paměť: 512 MB

•

Uživatelská paměť: 1,5 GB (rozšiřitelná paměťovými kartami microSDHC)

•

Fotoaparát: rozlišení 5 Mpx, LED blesk

•

Možnosti připojení: Wi-Fi b/g/n, micro-USB, Bluetooth 2.1, 3,5 mm audio jack, GPS

Cílová skupina Telefon je zaměřen na náročné uživatele držící krok s novými technologiemi a aktivně využívající internetové služby. V reklamních kampaních byl prezentován určením primárně pro pracovní nasazení, ale oblibu si díky QWERTY klávesnici získal i mezi studenty posílajícími velké množství textových zpráv nebo obecně používajícími aplikace vyžadující častý textový vstup. Cílení na náročné a zkušené uživatele ovšem nemůže být omluvou pro případné nalezené prohřešky proti použitelnosti uživatelského rozhraní. 4


T E S TO VA N É


P Ř Í PA D Y P O U Ž I T Í

Zde jsem si vybral předem připravené případy použití pro zařízení HTC s operačním systémem Android od Zdeňka Míkovce (k dispozici na adrese https://cent.felk.cvut.cz/courses/Y39TUR/cviceni2011z/semester_projects‐hts‐tur.ppt): 1. Navigace a sdílení mobilního připojení k internetu: Petr (otec dvou dětí, 26 let, pracuje jako tazatel ve společnosti pro průzkum trhu, dálkově studuje 2. ročník VŠE Praha) nezná cestu na Lipno a zapomene vzít s sebou mapu. Použije tedy Google navigaci. Do toho mu zavolá šéf z práce, že potřebuje okamžitě odeslat wordovský dokument ze závěrečnou zprávou z průzkumu trhu. V oblasti není dostupná Wi-Fi síť a soubor má na svém notebooku. 2. Fotoaparát a sdílení fotografií: Petr chce rychle pořídit fotografii své dcery (věk 3 roky) na tobogánu, nahrát ji na Facebook a odeslat jako zprávu MMS. 3. Odesílání vizitky: Martina (Petrova manželka) se vrací z nákupů s plnou náručí věcí, když v tom jí zavolá kamarádka. Telefon má matka v kapse a volnou jen jednu ruku, protože nechce věci pokládat na zem. Kamarádka potřebuje okamžitě poslat vizitku s telefonním číslem na Petra.

5


TEST

Č.


1 : N AV I G A C E

A SDÍLENÍ PŘIPOJENÍ

První test jsem se rozhodl provést pomocí metody kognitivního průchodu – zejména kvůli charakteru případu použití. Veškeré úkony lze totiž snadno rozdělit do jednoznačných kroků. Krok 1 – spuštění navigační aplikace: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ano

První krok je uživateli zcela jasný. Pro zahájení navigace je nutné spustit navigační aplikaci.

Název aplikace je „Navigace“ a ikona střelky kompasu naznačuje, že by se mělo jednat o navigaci ve smyslu navigování během cestování.

Po spuštění aplikace se objeví splash screen a úvodní obrazovka vyzývající k provedení další akce.

Krok 2 – výběr správné volby po spuštění navigační aplikace: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ano

Uživatel chce zadat cíl cesty textově.

6

Položka „Napsat Objeví se textové cíl“ je všeříkající. pole pro zadání cíle.



Krok 3 – zadání a potvrzení cíle cesty: Otázka

Q1

Q2

Q3

Odpověď

ano

ne

ano

Na obrazovce je v tuto chvíli jediné textové pole, uživatel tedy pochopí, že má začít zadávat název cíle.

Textové pole je jediné, zde není možné udělat chybu. Horší je to s potvrzením zadání, na potvrzovacím tlačítku by místo lupy měl být spíše obrázek nebo text evokující potvrzovací funkci tlačítka (viz obrázek A).

Zahájí se navigace. Na chvíli se objeví rovněž souhrnné informace o následující cestě.

^ Obrázek A

^ Obrázek B

Najednou začne telefon zvonit (oznamovat příchozí hovor)... Krok 4 – příjem hovoru: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ano

Uživatel chce přijmout Popisy tlačítek Na displeji se objeví hovor. „Přijmout“ časový údaj o délce a „Odmítnout“ jsou probíhajícího hovoru. zcela jasné, jejich barevné provedení též napoví správnou akci. Problematické jsou pouze menší šedá tlačítka, zde se uživatel musí déle zamyslet, k čemu mohou sloužit.

7



Osoba na telefonu uživatele požádala o zaslání textového dokumentu, který je však uložen na notebooku. Jelikož v místě není žádná přístupná Wi-Fi síť, pouze mobilní datové přenosy, uživatel se rozhodne nasdílet připojení k internetu pomocí těchto přenosů pro použití v notebooku. Ke sdílení chce použít možnost vytvoření Wi-Fi přístupového bodu na telefonu. Krok 5 – otevření nastavení: Otázka

Q1

Q2

Q3

Odpověď

ano

ne

ano

Nastavení je určitě první místo, kam většina uživatelů zamíří, chce-li nasdílet mobilní datové připojení k internetu.

^ Obrázek A

^ Obrázek B

8

Nastavení je přístupné Zobrazí se výběr hned z úvodní kategorie nastavení obrazovky po stisknutí telefonu. hardwarového tlačítka „Menu“ (viz obrázek A). Uživatel však může být zmaten, chce-li otevřít nastavení z nabídky všech aplikací. Ve výchozím stavu jsou zde totiž dvě aplikace s názvem Nastavení (viz obrázek B). Jednou se dostanete skutečně do nastavení telefonu, jak by většina uživatelů předpokládala, druhá však spustí průvodce základním nastavením jako při prvním zapnutí telefonu. Druhou jmenovanou položku mělo HTC lokalizovat spíše jako „Úvodní nastavení“.



Krok 6 – výběr kategorie nastavení: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ano

Uživatel chce vybrat kategorii nastavení týkající se připojení k internetu.

Název „Bezdrátové Objeví se možnosti připojení a sítě“ i ikona nastavení ve zvolené položky jsou výstižné. kategorii, „Bezdrátové připojení a sítě“ se zobrazuje i v záhlaví aplikace.

Krok 7 – zobrazení nastavení sdílení internetového připojení: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ano

Název „Nastavení přenosného hotspotu Wi-Fi“ je pro většinu uživatelů srozumitelný, ale přesto bych doporučil položku lokalizovat s větším podílem českého jazyka (viz obrázek A).

Zpětná vazba je zde vyřešena výtečně. Uživatel je ujištěn o tom, k čemu zvolená položka slouží (viz obrázek B).

^ Obrázek A

Uživatel chce najít položku týkající se samotného sdílení mobilního datového připojení vytvořením přístupového bodu Wi-Fi.

^ Obrázek B

9



Krok 8 – nastavení parametrů vytvářeného přístupového bodu Wi-Fi a jeho zapnutí: Otázka

Q1

Q2

Q3

Odpověď

ano

ne

ano

Uživatel si přeje nastavit název sítě a heslo pro přístup k ní; po nastavení těchto parametrů chce ihned zahájit její vysílání.

Dialog není příliš intuitivní (viz obrázek A). Nadpis „Nastavení“ nedává tušit, kde v telefonu se právě nacházíte; pořadí položek také není zvoleno šťastně. Nejprve každý nastavuje parametry přístupového bodu a až poté jej zapíná, přitom zaškrtávací políčko pro zapnutí je nahoře a další položky dole. Jelikož slouží pro vykonání akce, bylo by lepší zvolit podobu tlačítka. V dialogu se také naprosto zbytečně zobrazuje tlačítko pro správu uživatelů i tehdy, když síť ještě nevysílá.

V oznamovací liště systému Android se na chvíli objeví oznámení „Hotspot Wi-Fi aktivní“ a ikona aplikace (viz obrázek B). Po chvíli se objeví i velmi názorné hlášení s instrukcemi, jak se k právě vytvořené WiFi síti připojit (viz obrázek C).

^ Obrázek A

^ Obrázek B

^ Obrázek C

Uživatel tedy ze svého notebooku odešle email s požadovaným dokumentem a rozhodne se ukončit sdílení mobilního datového připojení.

10



Krok 9 – vypnutí sdílení internetového připojení: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ne

K vypnutí se lze dostat všemi logickými způsoby – z oznamovací lišty nebo opět přes nastavení telefonu jako v kroku uvedeném výše.

Při ukončování sdílení je zobrazována podivná hláška „Probíhá zpracování...“ a o ukončení vysílání Wi-Fi sítě není uživatel nijak informován (viz obrázek).

Uživatel chce vypnout vysílání Wi-Fi sítě z telefonu.

Sdílení internetového připojení vypnuto a uživatel se chce vrátit k pozastavené navigaci. Krok 10 – návrat k navigaci Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ano

Uživatel se chce navrátit k navigaci.

V oznamovací liště se stále zobrazuje dobře známá ikona střelky kompasu, uživatel si rychle odvodí, že po kliknutí na ni bude telefon pokračovat v navigování k jeho cestovatelskému cíli. Vrátit se k navigaci je možné i dalšími standardními cestami (z nabídky všech aplikací nebo z nabídky multitaskingu).

11

Na displeji se objeví navigační aplikace pokračující v započaté navigaci k cíli.


TEST

Č.

2 : F O T O A PA R ÁT


A SDÍLENÍ FOTOGRAFIÍ

Druhý test jsem se rozhodl provést pro změnu pomocí heuristické evaluace. Případ použití totiž lze řešit mnoha různými cestami a pro takový typ testování je zmíněná metoda vhodnější. Krok 1 – spuštění aplikace fotoaparátu: Prohřešek proti zásadě... –

Podrobnosti –

Proces spuštění aplikace fotoaparátu je jednoznačný a nelze zde mít žádné výhrady. Ikona aplikace je výstižná a i název si uživatel dobře spojí s reálným světem.

Krok 2 – pořízení fotografie: Prohřešek proti zásadě...

Podrobnosti

H4 (závažnost 50 %)

Hlavní obrazovka aplikace fotoaparátu je zcela nekonzistentní jak s běžnými aplikacemi pro systém Android, tak s aplikacemi vyvinutými pro prostředí HTC Sense.


Tlačítka pro přiblížení a oddálení pohledu nevypadají příliš jako tlačítka.


Přestože je aplikace „přes celou obrazovku“, chybí zde tlačítko pro zobrazení nápovědy.

12



Krok 3 – dialog zobrazený, jakmile byla fotografie pořízena Prohřešek proti zásadě...

Podrobnosti


Tento dialog se objeví jen velmi krátce. Než si uživatel prohlédne, jaké ikony zde jsou, vše zmizí a zobrazí se opět rozhraní pro pořízení fotografie. Uživatel chce pořízenou fotografii zkontrolovat a sdílet, ale nemá šanci to stihnout.


Nemusí být jasné, kde se uživatel nachází, co se stane, ...

Krok 4 – opětovné zobrazení pořízené fotografie Prohřešek proti zásadě... H6 (závažnost 40 %)

13

Podrobnosti Ikona pro spuštění prohlížeče pořízených fotografií je až příliš abstraktní a uživatel musí nejprve vyzkoušet, co se stane po kliknutí na ni.



Krok 5 – sdílení fotografie Prohřešek proti zásadě... H3, H4 (závažnost 100 %)

Podrobnosti Na této obrazovce jsou k dispozici dvě různé kontextové nabídky. Ve výchozím stavu se zobrazí přes celý displej poslední pořízená fotografie. Chce-li ji uživatel sdílet, podle zvyklostí platformy Android 2.x mačká hardwarové tlačítko „Menu“ a zobrazí se kontextová nabídka z obrázku A. Ta ovšem nenabízí položku pro sdílení – přitom takovou hledá většina uživatelů nejčastěji. Položka pro sdílení fotografie se objevuje až ve druhé zcela jinak vypadající kontextové nabídce (viz obrázek B), která se zobrazí po kliknutí kamkoli na zobrazenou fotografii. Objevit ji lze pouze metodou pokusů a omylů.

^ Obrázek A

^ Obrázek B

14



Krok 6 – sdílení pomocí Facebooku: Prohřešek proti zásadě... H2, H5, H8 (závažnost 60 %)

Podrobnosti Uživatel chce fotografii sdílet pomocí Facebooku, ve výchozím stavu telefonu se mu ale pro Facebook nabízejí dvě možnosti: „Facebook“ a „Facebook pro HTC Sense“, což je velmi matoucí. S takovou interní záležitostí vývojářů rozhraní telefonu by se uživatel neměl vůbec setkat, vybere-li jeden z Facebooků, kde nemá nastaven svůj účet, dojde k chybě, které se těžko předcházelo.

Krok 7 – samotná aplikace Facebook: Prohřešek proti zásadě... –

Podrobnosti –

Dialog aplikace Facebook, který se zobrazí pří sdílení fotografie odkudkoli ze systému, je intuitivní a respektující zvyklosti platformy Android.

Krok 8 – sdílení pomocí MMS: Prohřešek proti zásadě... H2 (závažnost 40 %)

15

Podrobnosti Běžný uživatel nemusí pochopit rozdíl mezi položkami „Pošta“ a „Zprávy“. Zde je problém především v české lokalizaci od HTC – v původní české lokalizaci Androidu bez HTC Sense je totiž místo „Zprávy“ použit termín „SMS a MMS“ a místo „Pošta“ termín „Email“ – v takovém případě je vše jednoznačné.



Krok 9 – samotná aplikace pro odesílání MMS: Prohřešek proti zásadě... –

Podrobnosti –

Aplikace pro posílání MMS je velmi intuitivní a je tu viditelná snaha HTC o vytvoření dobře použitelného rozhraní.

16


TEST

Č.


3: ODESÍLÁNÍ

VIZITKY

Zde jsem se jako v případě prvního testu rozhodl využít metody kognitivního průchodu – celý postup lze jednoznačně krokovat a neexistuje více výrazně se lišících způsobů, jak cíle dosáhnout. Telefon byl během testu ovládán jednou rukou – z tohoto hlediska nebyl objeven žádný problém. Úhlopříčka displeje 3,7" umožňuje držení telefonu pevně v dlani tak, že palec pohodlně dosáhne na libovolný bod jeho plochy, aniž by docházelo k nechtěnému klikání na položky. Příklad použití nevyžadoval ani použití hardwarové QWERTY klávesnice, nebylo totiž nutné zadávat žádné delší texty. Dle scénáře popsaného v zadání tedy Martině zavolá kamarádka... Příjem hovoru: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ano

Uživatel chce přijmout Popisy tlačítek Na displeji se objeví hovor. „Přijmout“ časový údaj o délce a „Odmítnout“ jsou probíhajícího hovoru. zcela jasné, jejich barevné provedení též napoví správnou akci. Problematické jsou pouze menší šedá tlačítka, zde se uživatel musí déle zamyslet, k čemu mohou sloužit.

Kamarádka chce, aby jí Martina poslala SMS zprávu s kontaktními informacemi na Petra.

17



Zobrazení seznamu kontaktů: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ano

Uživatel chce zobrazit seznam všech kontaktů, aby mohl odeslat vizitku s kontaktními informacemi.

K zobrazení kontaktů Spustí se aplikace slouží aplikace „Lidé“. „Lidé“. Zde se HTC opět mohlo vyvarovat změny lokalizace Googlu a ponechat aplikaci pojmenovanou jako „Kontakty“. Každopádně ikona aplikace je již jednoznačná a uživatel by neměl mít problém poznat, k čemu ona aplikace slouží.

Zobrazení kontextové nabídky kontaktu: Otázka

Q1

Q2

Q3

Odpověď

ne

ano

ano

Uživateli nemusí být jasné, co má přesně udělat. Nalezne kontakt Petra, ale dle zvyklostí platformy Android by nejspíše čekal (chová se tak mimo jiné v telefonu předinstalovaná aplikace Google Talk), že po kliknutí na fotografii uživatele se objeví kontextová nabídka kontaktu. V aplikaci od HTC však toto nefunguje a pro vyvolání kontextové nabídky slouží jen dlouhé kliknutí na jméno osoby.

18

Zde je jasné, že Zobrazí se kontextová kontextová nabídka nabídka kontaktu. patří k modře označenému kontaktu.



Hledání funkce pro odeslání kontaktu: Otázka

Q1

Q2

Q3

Odpověď

ano

ne

ano

Uživatel hledá volbu, která mu umožní kontakt odeslat jako vizitku.

Označení „Odeslat Zobrazí se doplňující kontakt jako vCard“ je nastavení pro odeslání příliš technické, vizitky. v tomto případě není příliš podstatný formát, ve kterém bude vizitka odeslána; důležité je, že většina uživatelů si pod slovem vCard vizitku nepředstaví. Ideální by zde bylo kompromisní označení, např. „Odeslat kontakt jako vizitku (vCard)“.

Doplňující nastavení odesílání vizitky: Otázka

Q1

Q2

Q3

Odpověď

ne

ano

ano

Uživatel bude nejspíše hledat volbu, pomocí níž vybere příjemce vizitky. Nejprve ale musí kliknout na tlačítko „Odeslat“ a příjemce vizitky a to odešle obsah určený k odeslání do aplikace „Zprávy“. Pro dobré znalce Android je takové chování předvídatelné, ale běžnému uživateli nemusí být hned jasné.

19

Jakmile uživatel vzdá hledání možnosti pro výběr příjemce, klikne na tlačítko „Odeslat“. K jeho popisu a umístění nelze mít výhrady.

Zobrazí se pole pro výběr příjemce vizitky.



Výběr příjemce vizitky a samotné odeslání zprávy s vizitkou: Otázka

Q1

Q2

Q3

Odpověď

ano

ano

ne

Uživatel si uvědomí, že pro možnost odeslání vizitky stále zbývá vybrat jejího příjemce.

Pole „Komu:“ mohlo být nazvané pochopitelněji, aby lépe evokovalo, že se jedná o číslo příjemce vizitky.

Po odeslání vizitky se otevře vlákno konverzací s příjemcem vizitky, alespoň na malý okamžik by však bylo vhodné, kdyby se zobrazilo hlášení o úspěšném odeslání.

20


Z ÁV Ě R E Č N É


ZHODNOCENÍ

Testy ukázaly, že si telefon se zadanými úkony poradí bez větších problémů. Většina výhrad vůči použitelnosti uživatelského rozhraní směřovala k aplikacím vyvíjeným společností HTC v rámci prostředí Sense 2.1. Jistě by bylo zajímavé provést stejný test s americkou verzí stejného telefonu, která je dodávána s čistým systémem Android obohaceným pouze o běžné aplikace Googlu. Rozhraní Sense telefonu přidává velké množství funkcí, avšak za cenu konzistence celého uživatelského prostředí – aplikace z HTC Sense se bohužel až příliš vymykají zvyklostem ovládání platformy Android a jelikož jsou v telefonu přítomné ve výchozím stavu i běžné aplikace od Googlu, téměř každý uživatel si neobvyklosti ovládání aplikací od HTC všimne, aniž by do telefonu cokoli instaloval. I přes zmíněné výhrady se ale jedná o vynikající telefon a v kategorii přístrojů s fyzickými QWERTY klávesnicemi dosud nebyl ze softwarového ani hardwarového hlediska překonán.

21

HTC Desire Z. Testování uživatelského rozhraní telefonu (test bez uživatele) Jan Kolařík

Recommend Documents