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

Transkript

1 HTC Desire Z Testování uživatelského rozhraní telefonu (test bez uživatele) Jan Kolařík kolarj29@fel.cvut.cz České vysoké učení technické v Praze Fakulta elektrotechnická Testování uživatelských rozhraní (A7B39TUR) 2011/2012

2 O BSAH 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í

3 Z ADÁ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

4 T ESTOVANÉ ZAŘÍZENÍ Pro test jsem si vybral uživatelské rozhraní mobilního telefonu HTC Desire Z. s vyklopenou klávesnící Základní popis (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 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í 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

5 T ESTOVANÉ PŘÍPADY POUŽITÍ 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 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

6 T EST Č. 1: NAVIGACE 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: 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: Odpověď ano ano ano Uživatel chce zadat cíl cesty textově. Položka Napsat cíl je všeříkající. Objeví se textové pole pro zadání cíle. 6

7 Krok 3 zadání a potvrzení cíle cesty: Odpověď ano ne ano ^ Obrázek A 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 B Najednou začne telefon zvonit (oznamovat příchozí hovor)... Krok 4 příjem hovoru: Odpověď ano ano ano Uživatel chce přijmout hovor. Popisy tlačítek Přijmout a Odmítnout jsou 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. Na displeji se objeví časový údaj o délce probíhajícího hovoru. 7

8 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í: Odpověď ano ne ano ^ Obrázek A Nastavení je určitě první místo, kam většina uživatelů zamíří, chce-li nasdílet mobilní datové připojení k internetu. Nastavení je přístupné hned z úvodní obrazovky po stisknutí 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í. Zobrazí se výběr kategorie nastavení telefonu. ^ Obrázek B 8

9 Krok 6 výběr kategorie nastavení: Odpověď ano ano ano Uživatel chce vybrat kategorii nastavení týkající se připojení k internetu. Název Bezdrátové připojení a sítě i ikona položky jsou výstižné. Objeví se možnosti nastavení ve zvolené 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í: Odpověď ano ano ano ^ 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. 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 B 9

10 Krok 8 nastavení parametrů vytvářeného přístupového bodu Wi-Fi a jeho zapnutí: Odpověď ano ne ano ^ Obrázek A ^ Obrázek B 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é Wi- Fi síti připojit (viz obrázek C). ^ Obrázek C Uživatel tedy ze svého notebooku odešle s požadovaným dokumentem a rozhodne se ukončit sdílení mobilního datového připojení. 10

11 Krok 9 vypnutí sdílení internetového připojení: Odpověď ano ano ne Uživatel chce vypnout vysílání Wi-Fi sítě z telefonu. 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). Sdílení internetového připojení vypnuto a uživatel se chce vrátit k pozastavené navigaci. Krok 10 návrat k navigaci 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). Na displeji se objeví navigační aplikace pokračující v započaté navigaci k cíli. 11

12 T EST Č. 2: FOTOAPARÁ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ě... H4 (závažnost 50 %) H7 (závažnost 30 %) H10 (závažnost 20 %) Podrobnosti 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

13 Krok 3 dialog zobrazený, jakmile byla fotografie pořízena Prohřešek proti zásadě... H3 (závažnost 90 %) H1 (závažnost 70 %) 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 %) 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. 13

14 Krok 5 sdílení fotografie ^ Obrázek A 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 B 14

15 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 %) 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 v takovém případě je vše jednoznačné. 15

16 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

17 T EST Č. 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: Odpověď ano ano ano Uživatel chce přijmout hovor. Popisy tlačítek Přijmout a Odmítnout jsou 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. Na displeji se objeví časový údaj o délce probíhajícího hovoru. Kamarádka chce, aby jí Martina poslala SMS zprávu s kontaktními informacemi na Petra. 17

18 Zobrazení seznamu kontaktů: Odpověď ano ano ano Uživatel chce zobrazit seznam všech kontaktů, aby mohl odeslat vizitku s kontaktními informacemi. K zobrazení kontaktů slouží aplikace 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ží. Spustí se aplikace Lidé. Zobrazení kontextové nabídky kontaktu: 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. Zde je jasné, že kontextová nabídka patří k modře označenému kontaktu. Zobrazí se kontextová nabídka kontaktu. 18

19 Hledání funkce pro odeslání kontaktu: Odpověď ano ne ano Uživatel hledá volbu, která mu umožní kontakt odeslat jako vizitku. Označení Odeslat kontakt jako vcard je příliš technické, 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). Zobrazí se doplňující nastavení pro odeslání vizitky. Doplňující nastavení odesílání vizitky: 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é. 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. 19

20 Výběr příjemce vizitky a samotné odeslání zprávy s vizitkou: 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

21 Z ÁVĚREČ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