Semestrální práce z předmětu Testování uživatelského rozhraní

Transkript

1 České vysoké učení technické, fakulta elektrotechnická Semestrální práce z předmětu Testování uživatelského rozhraní Testované zařízení: Apple ipad 2 Vypracoval: Jakub Poukar

2 A7B36TUR strana 2 Obsah 1. Testované zařízení 3 2. Cílová skupina uživatelů 4 3. Přehled testovaných use-cases 4 4. Testovací metody Kognitivní průchod Heuristická evaluace 5 5. Testování 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ě Nálezy Porušené heuristiky Přehled všech nálezů 21

3 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.

4 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.

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

6 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. 2. Krok Do pole adresy vložíme stránku, kterou chceme do záložek. Ne * *Na klávesnici by měla být klávesa Go výraznější.

7 A7B36TUR strana 7 3. Krok Nalevo od adresy stránky poklepeme na nejbližší ikonu a z nabídky vybereme možnost Záložka. Ne * *Ikonka s vyskakovacím oknem velmi malá a bez popisku. 4. Krok Otevřou se další možnosti. Vybereme druhou Řádek záložek

8 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. Ne * *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. Ne * *Pokud uživatel defaultní text nesmaže, neví, k čemu nápis slouží.

9 A7B36TUR strana 9 7. Krok Pokud jsme vybrali možnost Řádek záložek, pak se nám záložka zobrazila na panelu. Ne * *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.

10 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. Ne * *Ne každý si představí pod aplikací Hodiny také budík. 2. Krok Vybrat možnosti budíku v dolní liště. Dále přidat budík pomocí ikony +. Ne * *Pokud není uživatel v záložce budík, může dlouho hledat záložku Budíku.

11 A7B36TUR strana Krok Možnost Opakování slouží k vybrání dnů, ve kterých budík zazvoní. *Nešťastně zvolené slovo Opakovat Ne 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.

12 A7B36TUR strana Krok Další nastavení, jako zvuk budíku, odložení na pozdější zazvonění, upomínka k buzení a čas. 6. Krok Napravo od času vybraného budíku je možné buzení vypnout. Ne * Ne * *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ý.

13 A7B36TUR strana 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. Ne * *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.

14 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. 2. Krok Zde vybereme možnost v pravém horním rohu a začneme psát zprávu. Ne * *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.

15 A7B36TUR strana 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. Ne * Ne * *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. Ne * *Přidržením prstu na obrazovce se přidá příloha, což jinak nejde a není o tom žádný popisek.

16 A7B36TUR strana Krok Z nabídky můžeme vybrat jakýkoliv obrázek a poklepáním přidat. 6. Krok Vybraný obrázek se zobrazí přímo ve zprávě. Kliknutím na možnost Odeslat se mail odešle.

17 A7B36TUR strana Krok Po výběru možnosti Odeslat se průběh odesílání ukazuje na spodní liště vlevo. Ne * *Uživateli nepřijde žádné explicitní upozornění o úspěšném odeslání. 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.

18 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.

19 A7B36TUR strana 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.

20 A7B36TUR strana 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

21 A7B36TUR strana 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.

22 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ů.