Testování uživatelského rozhraní

Transkript

1 ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE FAKULTA ELEKTROTECHNICKÁ Testování uživatelského rozhraní Mobilní telefon HTC Desire Z Marek Makovec Testování základního ovládání telefonu (napsání textové zprávy, vytočení telefonního čísla apod.) pomocí heuristické evaluace a kognitivního průchodu.

2 Obsah Popis přístroje...3 Parametry zařízení...3 Popis uživatelů přístroje...4 Přehled případů užití...4 Odemknutí telefonu pomocí bezpečnostního gesta...4 Napsání textové zprávy...5 Vytočení čísla z kontaktů...5 Vytočení neznámého čísla zadáním číslic...5 Testovací metody...5 Kognitivní průchod...5 Seznam otázek...5 Heuristická evaluace...5 Nielsenova heuristika...5 Testování...6 Test: Odemknutí telefonu pomocí bezpečnostního gesta (heuristická evaluace)...6 Výchozí stav...6 Zadávání hesla...7 Špatné gesto...8 Zablokování displaye...8 Test: Napsání textové zprávy (kognitivní průchod) Krok 1: Vstoupit do menu Krok 2: Najít aplikaci SMS a MMS Krok 3: Psaní nové zprávy Krok 4: Vyplnit telefonní číslo příjemce Krok 5: Vybrání kontaktu Krok 6: Napsání textu zprávy Krok 7: Odeslání zprávy Test: Vytočení čísla z kontaktů (kognitivní průchod) Krok 1: Vstoupení do kontaktů Krok 2: Vybrání kontaktu

3 Krok 3: Vytočení kontaktu Krok 4: Volitelný vybrání aplikace pro uskutečnění hovoru Test: Vytočení čísla z kontaktů (heuristická evaluace) Závěr testu Test: Vytočení neznámého čísla zadáním číslic (heuristická evaluace) Krok 1: Zapnutí aplikace pro telefonování Krok 2: Přepnutí aplikace do módu vkládání čísel Krok 3: Vybrání aplikace pro uskutečnění hovoru Krok 4: Okno s voláním Závěr Přehled nálezů Priorita Priorita Use case: Vytočení čísla z kontaktů Priorita Use case: Odemčení telefonu pomocí bezpečnostního gesta Use case: Napsání textové zprávy Závěr testování

4 Popis přístroje Testovaným přístrojem je mobilní telefon HTC Desire Z, známý také jako HTC Vision nebo T-Mobile G2, prodávaný od září roku V zařízení je nahrána aktuální stabilní verze systému Cyanogenmod (komunitou upravený operační systém Android). Parametry zařízení - Display: kapacitní, 3.7, 800 x 480px - CPU: Qualcomm 800 MHz - GPU: Qualcomm Adreno RAM: 512 MB - ROM: Cyanogenmod Android: Aplikace: Testuji výchozí aplikace, které se nachází v čisté instalaci Cyanogenmodu. - Rozměry: 119 x 60 x 14 mm - Váha: 180 g - Klávesnice: Hardwarová QWERTY Obrázek 1: HTC Desire Z (zdroj: htc.com) 3

5 Popis uživatelů přístroje Typickým uživatelem telefonu v této konfiguraci je technicky zdatný člověk, který zařízení nejčastěji používání pro psaní textu. Věková skupina uživatelů je přibližně let. Mladší uživatelé budou pravděpodobně používat nějaké novější zařízení a starší se nejspíše nebudou obtěžovat s flashováním operačního systému. Cyanogenmod totiž není výchozím systémem a jeho instalace do zařízení je časově poměrně náročná operace. Přehled případů užití Odemknutí telefonu pomocí bezpečnostního gesta Bezpečnostní gesto je jednou z moderních variant zamčení displaye/telefonu před nechtěným použitím a mezi technicky zdatnějšími uživateli jde o asi nejčastější volbu. Na obrázku 2 je vidět výchozí stav po zapnutí displaye. Zařízení se odemkne jen v případě, že uživatel přejede prstem v předem daném pořadí po vybraných devíti sektorech. Použitá metoda testování: Heuristická evaluace. Obrázek 2: Bezpečnostní gesto - výchozí stav 4

6 Napsání textové zprávy Textové zprávy jsou dlouhodobě jednou z nejpoužívanějších služeb mobilních telefonů a hardwarová klávesnice tohoto zařízení k takovému použití přímo vybízí. V testu vyzkouším, jak snadno se dostat do aplikace na správu SMS bez využití zkratek a rychlých voleb. Použitá metoda testování: Kognitivní průchod. Vytočení čísla z kontaktů Otestuji otevření aplikace na správu kontaktů, nalezení požadovaného čísla a následně jeho vytočení. Použitá metoda testování: Kognitivní průchod, heuristická evaluace. Vytočení neznámého čísla zadáním číslic Tento use-case pokrývá volání čísel, která nemáme uložena v seznamu kontaktů. Plánuji otestovat, jak snadno lze v telefonu najít klasické vytočení telefonního čísla pomocí vyťukání číslic. Použitá metoda testování: Heuristická evaluace. Testovací metody Kognitivní průchod Kognitivní průchod je metoda testování bez přítomnosti uživatele z cílové skupiny. Na začátku testování si stanovíme tři základní otázky (viz níže) a v každém kroku na ně hledáme odpověď. Pokud je odpověď na otázku záporná, je vhodné dopsat komentář, co bylo špatně. Seznam otázek - Q1: Ví uživatel, čeho chce dosáhnout/jak toho docílit? - Q2: Je uživateli zřejmé, co pro postup dále udělat? - Q3: Je odpověď zařízení na uživatelův vstup logická a smysluplná? Heuristická evaluace Heuristická evaluace je také metodou pro testování bez přítomnosti uživatele. V každém kroku postupu kontrolujeme, zda aplikace splňuje předem stanovená pravidla. Tato pravidla jsou obvykle stanovena na základě logických požadavků a očekávaného chování aplikace. Pravidla pro tato testování jsem převzal z Nielsenovy heuristiky. Nielsenova heuristika 1) Viditelnost stavu systému 2) Shoda mezi systémem a skutečným světem 3) Kontrola uživatele a svoboda 4) Hustota a standardy 5) Prevence chyby 6) Rozpoznávat spíše než si vzpomínat 7) Ohebnost a výkonnost použití 5

7 8) Estetický a minimalistický design 9) Pomáhat uživateli najít a odstranit chybu 10) Pomoc a dokumentace Testování Test: Odemknutí telefonu pomocí bezpečnostního gesta (heuristická evaluace) Při odemykání telefonu se uživatel může dostat do několika různých stavů. První z nich je zobrazen výše na obrázku číslo 2, ale pro snazší orientaci jej sem zkopíruji znovu. Výchozí stav Obrázek 3: Výchozí stav zamknutého telefonu Podle tohoto obrázku můžeme soudit, že mechanismus odemykání porušuje pravidla 1 (viditelnost stavu systému) a v závislosti na preferencích uživatele i 8 (estetický a minimalistický design). Při běžném používání telefonu se nad devíti odemykacími body zobrazí ikonka zámku a text Odblokujte pomocí gesta. Stav při focení je výjimečný, jelikož kvůli pořízení screenshotu byl telefon připojen k počítači, od kterého se nabíjel a místo výzvy k odemčení ukazoval telefon stav nabíjení baterie. 6

8 Bod 8 estetický design je porušen kvůli osobním preferencím majitele testovaného zařízení, který se nikdy svojí absencí estetického cítění netajil a tento wallpaper se mu líbí. Zadávání hesla Obrázek 4: Zádávání hesla Při zadávání hesla (obrázek 4) se projeté body zbarvují do zelena. Je-li heslo zadáno správně, odemykací obrazovka zmizí a objeví se homescreen. O rozporu s bodem 1 se zmiňuji v předchozím odstavci a jiné chyby tu neshledávám. 7

9 Špatné gesto Obrázek 5: Špatně zadané gesto Netrefí-li uživatel správné gesto, vybrané body zrudnou (rudá = v Evropě vnímaná jako výstraha, problém, chyba) a zobrazí se mu informační zpráva. Tento krok shledávám v pořádku, ale bylo by zajímavé testovat jej v jiné geografické oblasti, kde rudá barva není vnímána jako varování. Zablokování displaye Po pěti špatně zadaných odemykacích gestech telefon dočasně zamkne display a zobrazí výstrahu. 8

10 Obrázek 6: Výstraha při podezřelém množství špatně zadaných gest Po potvrzení modálního okna není telefon možné danou dobu odemknout. V informačním řádku je navíc odpočet do odemčení možnosti zadat gesto znovu. 9

11 Obrázek 7: Odpočet do odemčení zadání gesta Nově také na obrazovce přibude možnost odemknout telefon pomocí přihlášení se k Google účtu. Tuto možnost už však netestuji, protože nespadá pod use case odemknutí bezpečnostním gestem. 10

12 Test: Napsání textové zprávy (kognitivní průchod) Obrázek 8: Výchozí obrazovka Krok 1: Vstoupit do menu Q1: Je zřejmé jak postupovat? Ano. Je potřeba vstoupit do menu. Znovu připomínám, že v tomto testu nechci použít zkratky přes homescreen a podobně. Q2: Je zřejmé, co pro postup udělat? Ano. Zároveň dodávám, že testuji roli zkušeného uživatele, který operační systém Android zná a pro něhož je ikonka menu zřejmá. Q3: Je reakce zařízení očekávatelná? Ano. Po kliknutí na ikonku se otevře menu. 11

13 Krok 2: Najít aplikaci SMS a MMS. Obrázek 9: Seznam nainstalovaných aplikací. Požadovaná je ve třetí řadě odzdola, druhá zprava Q1: Je zřejmé jak postupovat? Ano. Je potřeba zapnout aplikaci SMS a MMS. Q2: Je zřejmé, co pro postup udělat? Ano. Kliknout na ikonku SMS a MMS. Q3: Je reakce zařízení očekávatelná? Ano. Po kliknutí na ikonku se aplikace zapne. 12

14 Krok 3: Psaní nové zprávy Obrázek 10: Výchozí obrazovka aplikace SMS a MMS Q1: Je zřejmé jak postupovat? Ano. Je potřeba zvolit možnost psaní nové SMS. Q2: Je zřejmé, co pro postup udělat? Ano. Kliknout na řádek Nová zpráva. Q3: Je reakce zařízení očekávatelná? Ano. Po kliknutí se aplikace přepne na obrazovku psaní zprávy. 13

15 Krok 4: Vyplnit telefonní číslo příjemce Obrázek 11: Aplikace SMS Q1: Je zřejmé jak postupovat? Ano. Je potřeba vyplnit příjemce. Q2: Je zřejmé, co pro postup udělat? Ne. Označení pole příjemce jako Do nepovažuji za vhodné. Q3: Je reakce zařízení očekávatelná? Ano. Po kliknutí do pole se zobrazí kurzor na psaní textu. 14

16 Krok 5: Vybrání kontaktu Obrázek 12: Vybrání adresáta Q1: Je zřejmé jak postupovat? Ano. Je potřeba vybrat příjemce z možností. Q2: Je zřejmé, co pro postup udělat? Ano. Kliknout na řádek s požadovaným příjemce. Q3: Je reakce zařízení očekávatelná? Ano. Po kliknutí na příjemce se do pole vyplní jeho číslo. 15

17 Krok 6: Napsání textu zprávy. Obrázek 13: Psaní textu zprávy. Klávesnice zde není zobrazena, protože jsem rozevřel mobil a psal text na hardwarové QWERTY. Q1: Je zřejmé jak postupovat? Ano. Řádek pro text dostane po vyplnění příjemce automaticky focus. Q2: Je zřejmé, co pro postup udělat? Ano. Začít psát zprávu. V tomto případě jsem použil hardwarovou klávesnici, proto je screenshot v landscape modu a neobsahuje softwarovou klávesnici, jako obrázek 12. Q3: Je reakce zařízení očekávatelná? Ano. Psaný text se ihned zobrazuje. Krok 7: Odeslání zprávy. Q1: Je zřejmé jak postupovat? Ano. Je potřeba odeslat zprávu. Q2: Je zřejmé, co pro postup udělat? Ano. Kliknout na ikonku Odeslat. Q3: Je reakce zařízení očekávatelná? Ano. Odeslaný text se po odeslání zobrazí nahoře (viz obrázek 14). 16

18 Obrázek 14: Situace po odeslání zprávy Test: Vytočení čísla z kontaktů (kognitivní průchod) Výchozí stav pro tento test je stejný, jako u testu napsání textové zprávy. V tomto testu již použiji zkratku, kterou mám ve spodní části obrazovky. Tato ikonka se na tomto místě nachází už v defaultní instalaci Cyanogenmodu, nejde tedy o uživatelský zásah do nastavení. Krok 1: Vstoupení do kontaktů 17

19 Obrázek 15: Výchozí obrazovka Q1: Je zřejmé jak postupovat? Ano. Je potřeba otevřít aplikaci na správu kontaktů Q2: Je zřejmé, co pro postup udělat? Ano. Na homescreenu je vidět ikonka telefonu. Q3: Je reakce zařízení očekávatelná? Ano. Po stisknutí se požadovaná aplikace zapne rovnou na seznamu kontaktů. Krok 2: Vybrání kontaktu Q1: Je zřejmé jak postupovat? Ano. Je potřeba odscrollovat k požadovanému kontaktu Q2: Je zřejmé, co pro postup udělat? Ano. Scrollování probíhá nativním stylem táhnutí prstem po displayi. Q3: Je reakce zařízení očekávatelná? Ano. Po přejetí prstem po displayi ve vertikálním směru se provede kinetický scroll. Krok 3: Vytočení kontaktu Q1: Je zřejmé jak postupovat? Ano. Chceme uskutečnit hovor. Obrázek 16: Seznam kontaktů odscrollovaný na požadovaný kontakt 18

20 Q2: Je zřejmé, co pro postup udělat? Ano. Vedle každého kontaktu je zelený telefonek obecně symbolizující hovor. Q3: Je reakce zařízení očekávatelná? Ne. Místo uskutečnění hovoru nás za jistých okolností čeká ještě modální okno. Krok 4: Volitelný vybrání aplikace pro uskutečnění hovoru. Je-li v systému více aplikací, pomocí kterých je možné uskutečnit spojení, nabídne Android standardní modální nabídku k výběru aplikace na dokončení. Obrázek 17: Modální nabídka výběru aplikace k dokončení akce Q1: Je zřejmé jak postupovat? Ano. Vybrat aplikaci pro uskutečnění hovoru, zde se lze orientovat pomocí ikonky telefonu, která je shodná s ikonkou, kterou jsme zapnuli aplikaci na správu hovorů. Q2: Je zřejmé, co pro postup udělat? Ano. Kliknout na ikonku Vytáčení Q3: Je reakce zařízení očekávatelná? Ano. Následně zařízení zobrazí okno s vytáčením (obrázek 18) a je uskutečněn hovor. 19

21 Obrázek 18: Uskutečnění hovoru Test: Vytočení čísla z kontaktů (heuristická evaluace) Analyzujeme předchozí test ještě jednou, tentokráte pomocí heuristické evaluace. Opět budeme používat zmíněná Nielsenova pravidla. V prvním kroku je vidět soulad s druhým Nielsenovo pravidlem (soulad mezi reálným světem a testovaným systémem) pro zapnutí aplikace použijeme ikonku s telefonem. Druhý krok dodržuje zvyklosti platformy, podporuje kinetické scrollování, jak je u Androidu zvykem a opět v něm nevidím žádný rozpor se stanovenými pravidly. Ve třetím kroku je vše stále intuitivní, voláme pomocí obrázku telefonu, zelená barva navíc v Evropské kultuře značí začátek akce, start, absenci chyb apod. Čtvrtý krok působí v daném kontextu zvláštně (chci telefonovat, ne přemýšlet čím a jak), ale jde o dodržování pravidel platformy (pravidlo 4) a podporování pravidel 3 (kontrola uživatele a svoboda) a 7 (ohebnost a výkonnost použití) Závěr testu Z pohledu heuristické analýzy shledávám nalezení a zavolání kontaktu v telefonním seznamu v pořádku. 20

22 Test: Vytočení neznámého čísla zadáním číslic (heuristická evaluace) Krok 1: Zapnutí aplikace pro telefonování Výchozím stavem je opět homescreen. Obrázek 19: Home screen Na homescrenu opět zmáčkneme tlačítko pro vstup do seznamu kontaktů. Opět nevidím se stanovenými pravidly rozpor. 21

23 Krok 2: Přepnutí aplikace do módu vkládání čísel Po zapnutí aplikace pro telefonování je přepnutá do módu vybrání z kontaktního seznamu (viz obrázek 16). Pro vytočení ji potřebujeme přepnout do módu vložení telefonního čísla. Obrázek 20: Aplikace na telefonování: Vkládání čísla Přepnutí se provede stisknutím na ikonku telefonu na záložce nahoře. To vše dává smysl. Vložení čísla probíhá klikáním na příslušné číslice, stejně jako za starých časů na telefonech bez dotykového displaye. Přechod na další stav se provádí tlačítkem se zeleným telefonem. Myslím, že vše je stále v pořádku. Krok 3: Vybrání aplikace pro uskutečnění hovoru Tady mám stejný komentář, jako ve stejném místě u předchozího use casu. 22

24 Krok 4: Okno s voláním Obrázek 21: Volání neznámému číslu, artefakty na screenshotu jsou způsobené způsobem jeho pořízení, v telefonu se nevyskytují. Obrazovka při volání neznámého telefonního čísla, shodná s obrazovkou volání z předchozího use casu. Závěr V průběhu testování heuristickou evaluací jsem na testovaném artefaktu nenašel v tomto use casu žádnou chybu. Přehled nálezů Priorita 1 Závažné problémy v používání, které brání úspěšnému dokončení úloh. Nenalezl jsem žádné závažné problémy při testování vybraných use casů. Priorita 2 Méně závažné, přesto otravné problémy. 23

25 Use case: Vytočení čísla z kontaktů - Při nainstalování více aplikací k uskutečnění hovoru následuje po kliknutí na zelený telefon ještě otravné okno k vybrání aplikace na dokončení hovoru. V této konkrétní situaci považuji tento Androidí pattern za otravný, naštěstí je možné se mu do budoucna vyhnout zaškrtnutím checkboxu Použít jako výchozí nastavení pro tuto činnost (obrázek 17). Jako ideální volbu bych však viděl vůbec více aplikací pro volání nepodporovat, respektive nastavit výchozí někde mimo v nastavení. Priorita 3 Lehké problémy a kosmetické vady na kráse. Use case: Odemčení telefonu pomocí bezpečnostního gesta - Při připojení k nabíječce se nezobrazuje textový popis, co se po uživateli vyžaduje. Místo něj je jen informace o stavu baterie. Use case: Napsání textové zprávy - Popisku pole pro zadání příjemce bych přejmenoval z nepřesného Do na například Adresát nebo Příjemce. Závěr testování V průběhu testování HTC Desire Z s operačním systémem Cyanogenmod založeným na operačním systému Android jsem našel několik drobných, spíše kosmetických, chyb a nelogičností, avšak žádnou závažnou, která by výrazně kazila běžné používání zařízení. 24