Testování uživatelského rozhraní aplikace Alza Media A4B39TUR Semestrální práce A2 Szczurková Jana szczujan@fel.cvut.cz 2015/2016
Obsah Testování uživatelského rozhraní mobilní aplikace Alza Media... 3 1. Popis... 3 2. Cílová skupina... 3 3. Testované use cases... 3 3.1 Registrace nového uživatele... 3 3.2 Přihlášení přes alza účet... 3 3.3 Vložení záložky do knihy... 3 3.4 Odstranění záložky z knihy... 3 3.5 Nastavení titulků u filmu... 3 4..Výběr metody testu... 3 5. Testování... 5 5.1 Registrace nového uživatele... 5 5.2 Přihlášení přes alza účet... 6 5.3 Vložení záložky do knihy... 7 5.4 Odstranění záložky z knihy... 9 5.5 Nastavení zobrazení titulků u filmu... 10 6. Přehled nálezů... 12 7. Souhrn... 12 2
Testování uživatelského rozhraní mobilní aplikace Alza Media 1. Popis Mobilní aplikace Alza Media je aplikací jednoho z nejpřednějších prodejců (nejen) elektroniky v ČR. Slouží k prezentaci médií zakoupených na portálu alza.cz. Mezi tato média patří knihy, časopisy, audioknihy, hudba a filmy. Vše lze číst/přehrát jak v online, tak v offline režimu. Pro offline je nutné danou věc stáhnout do zařízení. Aplikace je zdarma k dispozici pro všechna mobilní zařízení s libovolným OS. V mém případě Android 4.4.4 KitKat. Produkt je určen pro všechny zákazníky, kteří si ve výše zmíněném internetovém obchodě zakoupili (plánují si zakoupit) alespoň jedno z podporovaných médií a zároveň vlastní mobilní zařízení, na němž lze aplikace spustit. 2. Cílová skupina Cílovým uživatelem této aplikace je čtenář/posluchač či milovník filmů, znalý základní práce s dotykovými mobilními zařízeními, který alespoň párkrát týdně využívá libovolnou aplikaci mimo her. Např. galerii obrázků, textový editor a další nástroje. Předpokládá se osoba ve věku 20 40 let, např. student vysoké školy nebo pracující dospělý, který se ještě nesetkal s podobně zaměřeným produktem. 3. Testované use cases 3.1 Registrace nového uživatele Registrace nového uživatele je určena především pro osoby, které nevlastní účet u alza.cz, ale plánují si jej zařídit a nakupovat přes něj aplikací podporovaná média. Jedním z problémů může být nesrozumitelnost popisků jednotlivých formulářových prvků pro registraci. 3.2 Přihlášení přes alza účet Přihlášení je základním krokem pro získání přístupu k databázi zakoupených médií. Problém může nastat u nevhodně zvoleného popisku pro login, případně u upozornění na špatný login/heslo. Navíc by neměl chybět odkaz na získání/obnovení zapomenutého hesla. 3.3 Vložení záložky do knihy Tento use case slouží pro označení místa, kde uživatel skončil se čtení, aby při příštím otevření knihy mohl pokračovat, kde skončil. Může nastat problém s hledáním tlačítka pro danou funkci. 3.4 Odstranění záložky z knihy Možnost odstranit nechtěnou záložku z knihy. Problémem může být nevhodné umístění tlačítka pro odstranění záložky. 3.5 Nastavení titulků u filmu Při sledování filmu s titulky, má uživatel možnost si nastavit jejich jazyk a zobrazení. Opět zde může být problém s navigací ke konkrétnímu ovládacímu prvku. 4..Výběr metody testu Pro testování uživatelských rozhraní bez uživatele se nám nabízejí 2 možnosti řešení. První z nich je metoda zvaná Cognitive Walkthrough, ta druhá se nazývá Heuristic Evaluation. 3
Cognitive Walkthrought je metodou určenou především pro testování use cases s přesně danými posloupnostmi kroků k dosažení cíle. Jejím úkolem je zjištění použitelnosti pro nového uživatele, tedy jestli je aplikace srozumitelná a jak náročná bude orientace v ní. Při testování se odpovídá na tyto otázky: Q0: Čeho chce uživatel dosáhnout? Q1: Bude uživatel vědět jak správně zareagovat? Q2: Bude uživatel vědět jak to udělat? Q3: Obdrží uživatel zpětnou vazbu? Pokud odpovědi na otázky Q1-Q3 zní ano, daný use case úspěšně prošel testováním. Heuristic Evaluation spočívá v procházení a hodnocení aplikací odborníky na použitelnost. Ti kontrolují, zda aplikace splňuje jednotlivá doporučení ohledně použitelnosti. Při analýze se můžeme řídit desaterem principů použitelnosti jednoho ze zakladatelů heuristické analýzy Jakobem Nielsenem. (aktualizovaná podoba z roku 1994) 1.Viditelnost stavu systému systém by měl vždy dát uživateli vědět co se právě odehrává 2.Spojení mezi systémem a reálným světem komunikace systému s uživatelem by se měla odehrávat uživatelsky příjemným způsobem (srozumitelný jazyk bez odborných termínů) 3.Uživatelská kontrola a svoboda uživatelé při práci se systémem dělají chyby a potřebují proto únikový východ pro návrat do předchozího stavu. 4.Konzistence a standardizace uživatelé by neměli být nuceni přemýšlet jesti různé termíny znamenají to stejné, proto se doporučuje 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ů 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 Více zde: http://human-computer-interaction.webnode.cz/testovani-a-hodnocenirozhrani/metody-testovani/heuristicka-analyza/ V mém případě jsem zvolila metodu Cognitive Walkthrough, jelikož pro každou z testovaných akcí existuje určitá posloupnost kroků, kterou musíme provést. Proto (viz popis jednotlivých metod výše) je tento způsob testování vhodnější než Heuristic Evaluation. 4
5. Testování 5.1 Registrace nového uživatele 1. Otevřeme aplikaci a na úvodní obrazovce klikneme na tlačítko Přihlásit se. 2. Na zobrazeném formuláři klikneme na Nová registrace. Úvodní obrazovka aplikace a kde hledat registraci 3. Vyplníme všechny formulářové prvky a klikneme na Registrovat. Registrace uživatele 5
5.1.1 Tabulka nálezů: Q1 Q2 Q3 Krok 1 Ano Ano Ano Krok 2 Ano Ano Ano Krok 3 Ano Ano Ano 5.2 Přihlášení přes alza účet 1. Otevřeme aplikaci a na úvodní obrazovce klikneme na tlačítko Přihlásit se 2. Vyplníme login a heslo a klikneme na Přihlásit 5.2.1 Tabulka nálezů Přihlášení do aplikace Q1 Q2 Q3 Krok 1 Ano Ano Ano Krok 2 Ano Ne 1) Ano 1) Nevhodný popisek u loginu Email (login) může znamenat, že se člověk přihlásí buď přes email, nebo přes login a zejména uživatel, který se po nějakou dobu nepřihlásil, případně vlastní více účtů na různých stránkách, může zapomenout, že na alzu se lze přihlásit pouze přes email. Tudíž (login) je zcela zbytečná a zcestná informace. 6
5.3 Vložení záložky do knihy 1. Klikneme na tlačítko v levém horním rohu (3 čárky). V zobrazeném menu zvolíme Knihy. 2. Klikneme na jednu ze zobrazených knih. Menu aplikace a výběr knih 3. Nacházíme se v režimu pro čtení. Klikneme na tlačítko v pravém horním rohu (3 tečky). 4. Rozevře se nabídka a vybereme Přidat záložku. Přidání záložky 7
5. Vyplníme název záložky a klikneme na Přidat. Zadání názvu záložky 5.3.1 Tabulka nálezů: Q1 Q2 Q3 Krok 1 Ano Ano Ano Krok 2 Ano Ano Ano Krok 3 Ano Ne 2) Ano Krok 4 Ano Ano Ano Krok 5 Ano Ano Ne 3) 2) Nevhodné řešení funkce Nezkušený uživatel, nemusí o nějakých záložkách ani vědět. Ikonku pro záložku bych umístila zvlášť, např. na levý kraj obrazovky. 3) Chybí jednoznačná zpětná vazba Po odkliknutí Přidat se nezobrazí žádná systémová hláška, že záložka byla opravdu vytvořena. Sice se objeví její obrázek v levém rohu stránky, ale toho si uživatel nemusí nutně všimnout. 8
5.4 Odstranění záložky z knihy 1. Klikneme na tlačítko v levém horním rohu (3 čárky). V zobrazeném menu zvolíme Knihy. 2. Klikneme na jednu ze zobrazených knih. 3. Nacházíme se v režimu pro čtení, nalistujeme stranu se záložkou. Klikneme na tlačítko v pravém horním rohu (3 tečky). 4. Rozevře se nabídka a vybereme Odebrat záložku. Odebrat záložku 5.4.1 Tabulka nálezů Q1 Q2 Q3 Krok 1 Ano Ano Ano Krok 2 Ano Ano Ano Krok 3 Ano Ne 4) Ano Krok 4 Ano Ano Ne 5) 4) Nevhodné umístění funkce První co uživatele napadne je, že funkce Odebrat záložku se objeví po kliknutí na její obrázek. Místo toho je zde nastavení jména záložky, které mi přijde méně důležité než odebrání. Tyto funkce bych svým umístěním vyměnila. 5) Chybí jednoznačná zpětná vazba. Po kliknutí se nezobrazí žádná systémová hláška, že záložka byla opravdu odstraněna. Pouze zmizí její obrázek, což může uživatel přehlédnout. 9
5.5 Nastavení zobrazení titulků u filmu 1. Klikneme na tlačítko v levém horním rohu (3 čárky). V zobrazeném menu zvolíme Filmy. 2. Klikneme na jeden ze zobrazených filmů. 3. Klikneme na Přehrát. Menu aplikace, výběr filmu a jeho přehrání 4. Na horní liště klikneme na tlačítko v pravém horním rohu (ozubené kolo). Přístup do nastavení Menu nastavení 10
5. Nastavíme velikost a barvu titulků. Nastavení velikosti Nastavení barvy Výsledek 5.5.1 Tabulka nálezů Q1 Q2 Q3 Krok 1 Ano Ano Ano Krok 2 Ano Ano Ano Krok 3 Ano Ano Ano Krok 4 Ano Ano Ano Krok 5 Ano Ano Ne 6) 11
6) Chybí jednoznačná zpětná vazba Nezobrazí se žádná systémová hláška, že titulky byly změněny. Jedinou vazbou je vizuální změna titulků. 6. Přehled nálezů Priority: 1 Kosmetický problém 2 Malý problém použitelnosti 3 Závažný problém použitelnosti Číslo Popis Návrh řešení Priorita 1) Matoucí popisek u přihlášení Odstranění zavádějícího popisku "(login)" 1 2) Nevhodné umístění funkce Tlačítko bych umístila na lépe viditelné místo 1 3) Chybějící zpětná vazba Systémová hláška "Záložka vytvořena" 1 4) Nevhodné umístění funkce Tlačítko bych umístila na samotnou záložku 2 5) Chybějící zpětná vazba Systémová hláška "Záložka odstraněna" 1 6) Chybějící zpětná vazba Systémová hláška "Titulky upraveny" 1 7. Souhrn Při kognitivním průchodu aplikací Alza Media jsem nenašla žádné závažnější chyby. U některých kroků chybí zpětná vazba a některá tlačítka bych umístila jinam, ale to je asi tak vše, co se dá této aplikaci vytknout (ve vybraných use cases). 12