České vysoké učení technické, fakulta elektrotechnická
Semestrální práce z předmětu Testování uživatelského rozhraní
Testované zařízení: Vypracoval:
Apple iPad 2 Jakub Poukar
A7B36TUR
strana
Obsah 1. 2. 3. 4.
Testované zařízení Cílová skupina uživatelů Přehled testovaných use-cases Testovací metody
4.1.
Kognitivní průchod
4.2.
Heuristická evaluace
5. Testování 5.1. 5.1.1.
5.2. 5.2.1.
5.3. 5.3.1.
5.4.
Přidání záložky v prohlížeči Safari Shrnutí
Přidání Budíku Shrnutí
Odeslání mailu Shrnutí
Vyhledávání trasy na mapě
5.4.1.
Nálezy
5.4.2.
Porušené heuristiky
6. Přehled všech nálezů
3 4 4 5 5 5 6 6 9 10 13 14 17 18 20 20 21
2
A7B36TUR
strana
3
1. Testované zařízení Jako zařízení, na kterém se bude provádět testování byl vybrán Apple iPad 2, který má dnes již svého nástupce. Od sebe jsou ale na první pohled téměř k nerozeznání. Jeho rozměry jsou 241,2 x 185,7 x 8,8 mm a váží málo přes 600 gramů. Druhá generace má v sobě dvoujádrový procesor A5 o frekvenci 1GHz. LCD Displej je lesklý, disponuje rozlišením 1024x768 pixelů a velikostí 9,7 palce. Pro větší komfort má v sobě iPad zabudovaný senzor okolního světla, takže jas displeje si přístroj koriguje sám, podle světla v prostoru. Není zapomenuto ani na kameru. Přesněji kamery. Jedna na zadní straně, která je schopna vytvořit snímek v kvalitě 720p a druhá, přední, s rozlišením VGA, která je určena hlavně pro videohovory přes Skype nebo dnes již přes aplikaci od společnosti Apple, Facetime. Baterie vydrží až 10 hodin v provozu. V testování je použit iPad, který má zabudován 3G modem, Wifi a velikost jeho paměti je 16GB. Operačním systémem je iOS 6, který je aktuálně čerstvou novinkou. Běžnou součástí výbavy je mikrofon, reproduktor, konektor pro sluchátka (3,5mm), digitální kompas a také bluetooth. Podoprováno je spousta datovách formátů hudebních, jako například AAC, MP3, WAV, videoformáty MPEG-4, MOV, MP4, obrázkové formáty typu GIF, TIFF, JPG a dále formáty jako jsou doc, ppt, xls, txt, pdf a html. Pokud je problém s podporou některého formátu, pravděpodobně bude možné stáhnout aplikaci z App Store, která daný formát podporovat bude.
A7B36TUR
strana
4
2. Cílová skupina uživatelů Cílovou skupinou jsou lidé, kteří mají jisté technické schopnosti a kteří nedrží dotykové zařízení v ruce úplně poprvé. Uživatelé jsou téměř všech věkových kategorií. Od teenagerů po lidi v důchodovém věku. Předpokladem je pouze zkušenost s prací na jakémkoliv dotykovém přístroji a seznámení s funkčnostmi tohoto přístroje.
3. Přehled testovaných Use-cases 1) Přidání záložky v prohlížeči Safari Přidání záložky důležitá funkce pro každý prohlížeč, jelikož usnadňuje práci v hledání často navštěvovaných a oblíbených stránek. Tím šetří i čas věnovaný vyhledávání. V testování si předvedeme, jak náročné je přidat záložku v prohlížeči Safari na přístroji iPad. Tento use case budeme testovat pomocí Kognitivního průchodu. 2) Přidání Budíku Další užitečnou funkcí je budík. Snad každý člověk ho na potřebuje využívá. Proto si zde předvedeme, jak lze nastavit a jak přehledné rozhraní má v tomto přístroji, na kterém se budík objevil až s novým iOS 6. Tento use case budeme testovat pomocí Kognitivního průchodu. 3) Odeslání mailu Poštovní klient je jednou z nejdůležitějších aplikací v přístroji. Mnoho lidí, kteří iPad vlastní si ho koupili právě z důvodu práce s maily. Ukážeme si tedy, jak odeslat mail a jestli má klient nějaké zásadní překážky, které vedou k nepřehlednosti aplikace. Tento use case budeme testovat pomocí Kognitivního průchodu. 4) Vyhledání trasy v mapě Opět novinka, která se objevila s novým iOS 6. Navigace již není od společnosti Google s mapami GoogleMaps, ale Apple vytvořil vlastní ve spolupráci s TomTomem. Zde si předvedeme opět pouze rozhraní pro vyhledávání a vyhneme se přesnosti map, které jsou již od začátku velice kritizované. Tento use case budeme testovat, narozdíl od předchozích, pomocí Heuristické evaluace.
A7B36TUR
strana
5
4. Testovací metody V tomto testování budeme využívat dvou metod, které jsou určeny k testování bez uživatele. Je jím kognitivní průchod a heuristická evaluace. 1) Kognitivní průchod: Klade si za cíl zkoumání proveditelnosti a obtížnosti dosažení uživatelova cíle. Snažíme se nalézt nedostatky v určitém use-case tím, že v každém kroku si položíme následující 3 dotazy: 1. Je uživateli jasné, co má provést? 2. Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? 3. Je z reakce systému výsledek akce zřejmý ? Před testováním každého use-case pomocí K.P. je potřeba si položit tento dotaz: - Čeho má uživatel dosáhnout?
2) Heuristická evaluace: Tato metoda zkoumá, zda jsou splněna daná pravidla použitelnosti. Na konci testování je vytvořen seznam problémů a nedostatků. Základními pravidly použitelnosti jsou následující Nielsenovy heuristiky, kterými se budeme v tomto testu řídit: 1.Viditelnost stavu systému – Uživatel by měl vědět, co se odehrává v systému. 2.Spojení systému s reálným světem – komunikace systému by měla být zpracována uživatelsky přívětivým způsobem (bez odborných termínů). 3.Uživatelská kontrola a svoboda – uživatel při práci se systémem dělá chyby a potřebuje proto i návrat do předchozího stavu. 4.Konzistence a standardizace – uživatelé by neměli být nuceni přemýšlet, zda různé termíny znamenají to samé. Doporučuje se dodržovat obecné zásady. 5.Prevence chyb – vyvarovat se chybovým hlášením bezpečným designem, který bude preventivně působit proti problémům. 6.Rozpoznání místo vzpomínání – uživatel by neměl být nucen vzpomínat si na provádění operací v systému, instrukce by měly být v systému vždy viditelně umístěny 7.Flexibilní a efektivní použití – umožnění zrychlení práce se systém pro pokročilé uživatele 8.Estetický a minimalistický design – bez nepotřebných informací 9.Pomoc uživatelům poznat, pochopit a vzpamatovat se z chyb – chybové hlášky by měly být uváděny v přirozeném jazyce a měly by navrhovat řešení 10.Nápověda a návody – všechny informace se musí dát lehce vyhledat, nápověda by měla obsahovat postupy v krocích
A7B36TUR
strana
6
5. Testování Testování každého use-case začíná od hlavní nabídky menu. Tedy předpokládáme, že přístroj je zapnutý a odemknutý. Dále je letovém režimu a připojen k wifi síti.
1) Přidání záložky v prohlížeči Safari Čeho má uživatel dosáhnout: Přidat záložku určité stránky na panel 1. Krok – V hlavní nabídce vybrat aplikaci “Safari”. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý?
Ano Ano Ano
2. Krok – Do pole adresy vložíme stránku, kterou chceme do záložek. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý? *Na klávesnici by měla být klávesa “Go” výraznější.
Ne * Ano Ano
A7B36TUR
strana
7
3. Krok – Nalevo od adresy stránky poklepeme na nejbližší ikonu a z nabídky vybereme možnost ”Záložka”. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý? *Ikonka s vyskakovacím oknem velmi malá a bez popisku.
Ano Ne * Ano
4. Krok – Otevřou se další možnosti. Vybereme druhou –” Řádek záložek” Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý?
Ano Ano Ano
A7B36TUR
strana
8
5. Krok – Zde můžeme vybrat, zda chceme mít rychlý přístup k záložce z panelu nebo ze složky záložek. Poté se vrátíme zpět. Je uživateli jasné, co má provést? Ano Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Ne * Je z reakce systému výsledek akce zřejmý? Ano *Uživatel může být z popisků zmaten a nemusí vědět, jaký je mezi nimi rozdíl
6. Krok – V této nabídce můžeme pojmenovat záložku. Nakonec ji uložíme. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý? *Pokud uživatel defaultní text nesmaže, neví, k čemu nápis slouží.
Ano Ne * Ano
A7B36TUR
strana
9
7. Krok – Pokud jsme vybrali možnost “Řádek záložek”, pak se nám záložka zobrazila na panelu. Je uživateli jasné, co má provést? Ne * Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Ano Je z reakce systému výsledek akce zřejmý? Ano *Uživatel nemusí vědět, že má na záložku prstem poklepat, aby se otevřela.
Shrnutí: Nálezy v tomto use-case nejsou příliš závažné. Spějí spíše ke zmatení Uživatele začátečníka. Největší problem je, že určité ikony a popisky se netváří jako odkazy.
A7B36TUR
strana 10
2) Přidání Budíku Čeho má uživatel dosáhnout: Přidat budík na všední dny a nastavit parametry 1. Krok – Spuštění aplikace “Hodiny”. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý? *Ne každý si představí pod aplikací “Hodiny” také budík.
Ano Ne * Ano
2. Krok – Vybrat možnosti budíku v dolní liště. Dále přidat budík pomocí ikony “+”. Je uživateli jasné, co má provést? Ne * Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Ano Je z reakce systému výsledek akce zřejmý? Ano *Pokud není uživatel v záložce budík, může dlouho hledat záložku Budíku.
A7B36TUR
strana 11
3. Krok – Možnost “Opakování“ slouží k vybrání dnů, ve kterých budík zazvoní. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý? *Nešťastně zvolené slovo Opakovat
Ano Ne Ano
4. Krok – Zde nabídka možnosti “Opakovat“. Ve vybrané dny budík zazvoní. Tlačítkem “Zpět“ se vrátíme k nastavení budíku. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý?
Ano Ano Ano
A7B36TUR
strana 12
5. Krok – Další nastavení, jako zvuk budíku, odložení na pozdější zazvonění, upomínka k buzení a čas. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý?
Ano Ano Ano
6. Krok – Napravo od času vybraného budíku je možné buzení vypnout. Je uživateli jasné, co má provést? Ne * Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Ne * Je z reakce systému výsledek akce zřejmý? Ano *Uživatel nemusí vědět, že vypnutí/zapnutí budíku se provádí posunem jezdce a vybrání budíku poklepáním na žádaný.
A7B36TUR
strana 13
7. Krok – Každý budík lze upravovat tím, že vybereme možnost ”Upravit” v levém horním rohu a poté vybereme požadovaný budík. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý? *Velice malá ikonka v rohu obrazovky.
Shrnutí: Zde platí to same jako v předchozím use-case. Začátečník nebude chápat výrazy a je možné, že nenajde ikony sloužící k nastavení budíku.
Ne * Ano Ano
A7B36TUR
strana 14
3) Odeslání mailu Čeho má uživatel dosáhnout: Odeslat mail s obrázkem na určitou adresu 1. Krok – V hlavní nabídce vybereme ikonu “Mail”. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý?
Ano Ano Ano
2. Krok – Zde vybereme možnost v pravém horním rohu a začneme psát zprávu. Je uživateli jasné, co má provést? Ano Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Ne * Je z reakce systému výsledek akce zřejmý? Ano *Ikona v rohu nemá žádný popisek a není zřejmé, z jakého účtu se odešle v případě, že je jich nastaveno na klientovi více.
A7B36TUR
strana 15
3. Krok – Do prvního pole píšeme adresu, na kterou se mail odešle. Pokud již klient tuto adresu v kontaktech má, změní se na jméno. Dále je možné přidávat další kontakty. Je uživateli jasné, co má provést? Ne * Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Ne * Je z reakce systému výsledek akce zřejmý? Ano *Znak malého plus bez popisku. Uživatel nemusí vědět, že se jím dá přidat Kontakt.
4. Krok – Po vyplnění dalších polí, je možné přidat obrázek jako přílohu dlouhým přidržením prstu na prázdném řádku. Je uživateli jasné, co má provést? Ne * Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Ano Je z reakce systému výsledek akce zřejmý? Ano *Přidržením prstu na obrazovce se přidá příloha, což jinak nejde a není o tom žádný popisek.
A7B36TUR
strana 16
5. Krok – Z nabídky můžeme vybrat jakýkoliv obrázek a poklepáním přidat. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý?
Ano Ano Ano
6. Krok – Vybraný obrázek se zobrazí přímo ve zprávě. Kliknutím na možnost “Odeslat” se mail odešle. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý?
Ano Ano Ano
A7B36TUR
strana 17
7. Krok – Po výběru možnosti “Odeslat” se průběh odesílání ukazuje na ¨ spodní liště vlevo. Je uživateli jasné, co má provést? Je z popisků zřejmé, jakým směrem se ubírat k určenému cíli? Je z reakce systému výsledek akce zřejmý? *Uživateli nepřijde žádné explicitní upozornění o úspěšném odeslání.
Ano Ano Ne *
Shrnutí: V aplikaci jsou poměrně závažné potíže. Nejvíce však asi výběr účtu, ze kterého se mail odesílá. Zjištění, prostřednictvím jakého účtu mail odesíláte je až při samotném psaní, což je velmi nepraktické. Dále je nepohodlé přidávání přílohy. To lze jen přidržením prstu na obrazoce a výběrem možnosti.
A7B36TUR
strana 18
4) Vyhledání trasy v mapě 1. Krok – Vybrat aplikaci “Mapy”.
2. Krok – V levém horním rohu vybrat možnost “Navigovat”.
3. Krok – Vypsat Začátek a cíl destinace. Možné i následně prohodit zapsaná místa. “Současná poloha“ vyjadřuje místo aktuálního pobytu.
A7B36TUR
strana 19
4. Krok – Výběr ze tří možných tras a délka každé z nich na panelu.
5. Krok – V pravém dolním rohu je možné odkrýt další možnosti. Například změna vizualizace mapy. Změníme na “Satelitní“.
6. Krok – V levém dolním rohu jsou 3 ikonky. Současná poloha, která zobrazí, kde se nacházíme, další je 3D pohled a poslední, výpis trasy. Poklepnutím prstem na možnost “Start“ spustíme navigaci.
A7B36TUR
strana 20
7. Krok – Obrazovka, která provází celou cestou.
Nálezy: Uživatelské rozhraní je zpracováno bez výrazných chyb. Za výtku by stály malé ikony možností a nevýrazná “přehnutá” stránka v pravém dolním rohu, za kterou jsou možnosti nastavení mapy. (10) Dále uživatel nemusí zjistit způsob výměny cílového místa za startovní. (2,10) A nakonec popisek “60 m Začátek na Keltská” nedává velký smysl a není jednoznačný význam tohoto spojení. (2,4)
Porušené heuristiky: 2.Spojení systému s reálným světem – komunikace systému by měla být zpracována uživatelsky přívětivým způsobem (bez odborných termínů). 4.Konzistence a standardizace – uživatelé by neměli být nuceni přemýšlet, zda různé termíny znamenají to samé. Doporučuje se dodržovat obecné zásady. 10.Nápověda a návody – všechny informace se musí dát lehce vyhledat, nápověda by měla obsahovat postupy v krocích
A7B36TUR
strana 21
6. Přehled všech nálezů: Priority: Vysoká – 1, Střední – 2, Nízká – 3 1) Přidání záložky v prohlížeči Safari Na klávesnici by měla být klávesa “Go” výraznější. Priorita: 2 Řešení: Zabarvit klávesu domodra. Ikonka s vyskakovacím oknem velmi malá a bez popisku. Priorita: 3 Řešení: Obtažení obrysu ikon v nabídce. Uživatel může být z popisků zmaten a nemusí vědět, jaký je mezi nimi rozdíl Priorita: 2 Řešení: Přidat nápovědu, co bude která možnost dělat. Pokud uživatel defaultní text nesmaže, neví, k čemu nápis slouží. Priorita: 3 Řešení: Defaultně nastavit prázdné pole. Uživatel nemusí vědět, že má na záložku prstem poklepat, aby se otevřela. Priorita: 2 Řešení: Vytvořit obrys kolem textu, aby vypadal, jako odkaz.
2) Přidání Budíku Ne každý si představí pod aplikací “Hodiny” také budík. Priorita: 2 Řešení: Přejmenování na ”Hodiny a Budík“. Pokud není uživatel v záložce budík, může dlouho hledat záložku Budíku. Priorita: 1 Řešení: Nastavení primárního spuštění záložky budíku, jelikož bude nejvíce využitý. Nešťastně zvolené slovo Opakovat Priorita: 2 Řešení: Změna na “Buzení ve dnech:”. Uživatel nemusí vědět, že vypnutí/zapnutí budíku se provádí posunem jezdce a vybrání budíku poklepáním na žádaný. Priorita: 2 Řešení: Animace podobná zamknuté obrazovce. Velice malá ikonka v rohu obrazovky. Priorita: 2 Řešení: Zvětšit miniaturní ikony.
A7B36TUR
strana 22
3) Odeslání mailu Ikona v rohu nemá žádný popisek a není zřejmé, z jakého účtu se odešle v případě, že je jich nastaveno na klientovi více. Priorita: 1 Řešení: Před odesláním mailu vznést dotaz na aktivaci účtu, ze kterého má být mail odeslán. Znak malého plus bez popisku. Uživatel nemusí vědět, že se jím dá přidat Kontakt. Priorita: 2 Řešení: Přidat popisek. Přidržením prstu na obrazovce se přidá příloha, což jinak nejde a není o tom žádný popisek. Priorita: 1 Řešení: Spíše než poklepáním prstu, přidávat přílohy běžným způsobem, tedy nějakým tlačítkem v rozhraní. Uživateli nepřijde žádné explicitní upozornění o úspěšném odeslání. Priorita: 1 Řešení: Přidat label, který se zobrazí po úspěšném odeslání bez chyby.
4) Vyhledání trasy v mapě Malé ikony možností . Priorita: 2 Řešení: Zvětšit ikony. Nevýrazná “přehnutá” stránka v pravém dolním rohu, za kterou jsou možnosti nastavení mapy. Priorita: 2 Řešení: Animace přeložení stránky. Uživatel nemusí zjistit způsob výměny cílového místa za startovní. Priorita: 3 Řešení: Nápověda nebo zvětšení a zvýraznění znaku v ikoně změny. Popisek “60 m Začátek na Keltská”. Priorita: 2 Řešení: Změna nejednoznačných popisků.
