Testování uživatelského rozhraní aukčního portálu aukro.cz Václav Pavlovec A7B39TUR, ZS 2016/2017
Obsah 1. Úvod... 3 1.1 Popis testovaného subjektu... 3 1.2 Cílová skupina uživatelů... 3 2. Testované případy užití... 3 2.1 Registrace nového účtu... 3 2.2 Přihlášení zákazníka... 3 2.3 Přidání nové aukce... 3 2.4 Přihození v aukci... 3 2.5 vyhledání konkrétní kategorie aukcí... 3 3. Metodologie testování... 4 3.1 Kognitivní průchod... 4 3.2 Heuristická evaluace... 4 4. Kognitivní průchod... 5 4.1 Use case 1 - registrace uživatele... 5 4.2 Use case 2 - přihlášení uživatele... 12 4.3 Use case 3 přidání aukce... 14 4.4 Use case 4 přihození v aukci.... 16 4.5 Use case 5 vyhledání konkrétní kategorie aukcí... 18 5. Heuristická evaluace... 21 5.1 Use case 1 registrace uživatele... 21 5.2 Use case 2 přihlášení uživatele... 21 5.3 Use case 3 přidání aukce... 21 5.4 Use case 4 přihození v aukci... 21 5.5 Use case 5 - vyhledání konkrétní kategorie aukcí... 21 6. Reference... 21
1. Úvod 1.1 Popis testovaného subjektu Semestrální projekt se bude zabývat aukčním portálem Aukro (http://aukro.cz). Aukro.cz umožňuje registrovaným a ověřeným uživatelům publikovat a účastnit se v aukcích. K dispozici je procházení uveřejněných aukcí dle kategorií a filtrování dle dalších parametrů. Aukro.cz má mobilní a desktop verzi, která bude předmětem testování. 1.2 Cílová skupina uživatelů Díky širokému spektru vystavených předmětů je cílová skupina věkem neomezena. Aukční portál má potenciál oslovit široké spektrum zákazníků a není tedy možné nijak výrazně zúžit cílovou skupinu. Jelikož se jedná o elektronickou službu, je možné zúžení na uživatele počítačů s alespoň základním povědomím o existenci internetu. 2. Testované případy užití 2.1 Registrace nového účtu Pro využívání všech funkcí, které aukční portál nabízí je prvně nutné, aby se uživatel zaregistroval. Tak učiní pomocí svého emailu a hesla. Jelikož se jedná o úkon, který musí vykonat každý uživatel, je vhodné, aby byl pro ně co nejjednoznačnější. 2.2 Přihlášení zákazníka Jedná se o podobný případ jako výše. Každý aktivní uživatel se musí do systému přihlásit, aby mohl využívat jeho funkcionalit. Nepřihlášený uživatel si může portál pouze prohlížet. Důležitý je zde feedback, aby uživatel věděl, jestli byl systémem přihlášen. 2.3 Přidání nové aukce Aukční portál by nemohl bez možnosti pořádání aukcí dost dobře existovat. Tato funkcionalita tedy patří mezi základní a uživateli využívaná stejně často jako přihazování v aukcích. 2.4 Přihození v aukci Přihození v aukci spadá též do nejadernějších funkcionalit portálu. Je to tedy činnost, kterou uživatelé budou vykonávat často, a je nutné, aby uživatel byl správně informován o stavu jeho příhozu. 2.5 vyhledání konkrétní kategorie aukcí Samotnému přihození, či i vystavení předmětu, předchází průzkum kategorií strukturovanosti aukčního portálu. Bez vhodné kategorizace by bylo značně obtížné najít požadované zboží pro zákazníka a oslovit cílovou skupinu pro dražitele. Cílem uživatele je tedy vždy najít požadovanou kategorii.
3. Metodologie testování 3.1 Kognitivní průchod Kognitivní průchod zjišťuje použitelnost pro nové uživatele, tedy jak budou stránky srozumitelné a jak obtížná nebo lehká bude orientace v nich. Během testování provádí tester nebo skupina testerů předem dané úkony na stránkách, přitom zvažují, jak jsou pro nové uživatele obtížné, zda jsou pochopitelné, jestli uživatelé mají dostatek informací pro další úkony apod. Pokud má podle testerů uživatel dostatek srozumitelných informací, je úkol označen jako splněný, v opačném případě je nutné identifikovat problémy a nedostatky. [3] Inciální otázka, zvaná též Q0 zní: Čeho chce uživatel dosáhnout. Tuto otázku si pokládá osoba provádějící test. Následně simulujeme chování uživatele cílové skupiny a v každém kroku průchodu daným úkolem se snažíme co nejvěrněji odpovědět na otázky: Q1: Je uživateli jasné, co má dělat? Q2: Je uživateli jasné, jak to má udělat? Q3: Dostal uživatel dostatečnou zpětnou vazbu 3.2 Heuristická evaluace Heuristická analýza patří mezi nejužívanější metody testování použitelnosti interaktivních rozhraní. Tato metoda spočívá v odhalování chyb a slabých míst v rozhraní za pomocí porovnávání jeho současného stavu s pravidly (heuristikami), která jsou předem daná. Tato pravidla jsou obvykle sestavena na základě výzkumů, předchozích testování a několikaletých zkušeností. Toto testování bývá prováděno jedním a více odborníky.[2] Deset bodů použitelnosti (Nielsen): 1. Viditelnost stavu systému 2. Propojení systému a reálného světa 3. Uživatelská kontrola a svoboda 4. Standardizace a konzistence 5. Prevence chyb 6. Rozpoznání namísto vzpomínání
7. Flexibilní a efektivní použití 8. Estetický a minimalistický 9. Pomoc uživatelů pochopit, poznat a vzpamatovat se z chyb 10. Nápověda a návody [1] 4. Kognitivní průchod 4.1 Use case 1 - registrace uživatele Scénář případu použití : Počáteční stav: Úvodní stránka portálu. Krok 1: Uživatel klikne na tlačítko registrace. Krok 2: Uživatel vyplní údaje a zaškrtne nejsem robot. Krok 3: Uživatel se prokáže jako člověk zvolením správné podmnožiny obrázků. Krok 4: Uživatel zadá rodné příjmení své matky. Krok 5: Uživatel vyplní osobní údaje. Krok 6: Uživatel provede verifikaci údajů, které zadal, bankovním převodem nebo poštou. Koncový stav: Uživatel je zaregistrovaný. Q0: Uživatel se chce zaregistrovat do aukčního portálu Po příchodu na stránku http://www.aukro.cz je uživatel prezentován s pohledem zachyceném na obr.1. Jelikož cílem uživatele je registrovat se, neměl by mít problémy s nalezením tlačítka registrovat. Vyplnění požadovaných údajů je též jednoduché a doprovázené hlášeními systému v případě chybného vstupu. Zadání kódu captcha může být obtížné vzhledem k jeho pokusu o netriviálnost. Následné kroky jsou již pro uživatele dostatečně zřejmé.
Obr. 1: úvodní stránka aukčního portálu Krok 1: Uživatel klikne na tlačítko registrace. Obr. 2: Registrace do aukčního portálu
Obr. 3: Registrace do aukčního portálu formulář Krok 2: Uživatel vyplní údaje a zaškrtne nejsem robot.
Obr. 4: Registrace do aukčního portálu - captcha Krok 3: Uživatel se prokáže jako člověk zvolením správné podmnožiny obrázků. Q1 Ne Uživatel nemusí být schopen rozpoznat podstatu malých zmatených obrázků.
Obr. 5: Registrace do aukčního portálu výběr obrázků Obr. 6: Zabezpečení účtu Obr. 7: aktivace účtu
Krok 4: Uživatel zadá rodné příjmení své matky. Krok 5: Uživatel vyplní osobní údaje. Obr. 8: Vyplnění osobních údajů
Obr. 9: Aktivace účtu Krok 6: Uživatel provede verifikaci údajů, které zadal, bankovním převodem nebo poštou.
4.2 Use case 2 - přihlášení uživatele Scénář případu použití : Počáteční stav: Úvodní stránka portálu. Krok 1: Uživatel klikne na rozbalovací menu. Krok 2: Uživatel klikne na položku přihlásit. Krok 3: Uživatel zadá své přihlašovací údaje a klikne na přihlásit. Koncový stav: Uživatel je přihlášen Q0: Uživatel se chce přihlásit Chce-li se uživatel přihlásit do systému, narazí v minimalistické verzi na problém se skrytým tlačítkem přihlásit. Po odhalení rozbalovacího menu je tento krok již triviální. Uživatel vyplní své jméno a heslo a po stisku tlačítka přihlásit je přihlášen do systému. Krok 1: Uživatel klikne na rozbalovací menu. Obr. 10: Přihlášení do systému nejasný symbol Q1 Ne Není zřejmé, že po stisku 3 vodorovných čárek se ukáže rozšířené menu
Krok 2: Uživatel klikne na položku přihlásit. Obr. 11: Přihlášení do systému Obr. 12: Přihlášení do systému formulář
Obr. 13: Přihlášení do systému absence feedbacku Krok 3: Uživatel zadá své přihlašovací údaje a klikne na přihlásit. Q3 Ne Zachyceno na obr.13 uživatel nedostane hlášku, že byl úspěšně přihlášen 4.3 Use case 3 přidání aukce Scénář případu použití : Počáteční stav: Uživatel je přihlášen a na úvodní stránce portálu. Krok 1: Uživatel klikne na tlačítko vystavit předmět. Krok 2: Uživatel vyplní detaily nabízeného předmětu a společně s vyvolávací cenou a parametry přepravy. Krok 3: Uživatel potvrdí správnost zadaných informací. Koncový stav: Uživatel přidal zamýšlený předmět do aukce. Přidání aukce provede přihlášený uživatel na hlavní stránce kliknutím na tlačítko přidat předmět. Ve formuláři, který se mu objeví, zadá detaily o předmětu, který vystavuje. Klikne na tlačítko vystavit předmět a následně potvrdí správnost zadaných údajů. Uživatel dostane feedback o úspěšném přidání aukce. Obr. 14: Přidání aukce Krok 1: Uživatel klikne na tlačítko vystavit předmět.
Obr. 15: Vyplnění detailů aukce Krok 2: Uživatel vyplní detaily nabízeného předmětu a společně s vyvolávací cenou a parametry přepravy.
Obr. 16: Potvrzení aukce Obr. 17: feedback o přidání aukce Krok 3: Uživatel potvrdí správnost zadaných informací. 4.4 Use case 4 přihození v aukci. Scénář případu použití : Počáteční stav: Uživatel je přihlášen a na stránce předmětu, na který hodlá přihazovat. Krok 1: Uživatel vyplní nabízenou cenu a klikne na tlačítko přihodit.
Krok 2: Uživatel potvrdí příhoz. Koncový stav: Uživatel přihodil v aukci o požadovaný předmět. Uživatel chce přihodit o vytipovaný předmět a vyskytuje se na stránce aukce předmětu. Uživatel zadá jím nabízenou cenu a klikne na tlačítko přihodit. Je mu zobrazen dialog žádající potvrzení akce. Uživatel akci potvrdí a tím přihodí na požadovaný předmět. Obr. 18: Stránka aukční nabídky Krok 1: Uživatel vyplní nabízenou cenu a klikne na tlačítko přihodit. Obr. 19: Potvrzení přihození
Krok 2: Uživatel potvrdí příhoz. Obr. 20: Informace o stavu naší nabídky feedback o přihození 4.5 Use case 5 vyhledání konkrétní kategorie aukcí Scénář případu použití : Počáteční stav: Uživatel je přihlášen a na úvodní stránce. Krok 1: Uživatel zvolí z kategorií v hlavní liště požadovanou kategorii (sport). Krok 2: Uživatel zvolí požadovanou podkategorii (ostatní sporty). Krok 3: Uživatel zvolí požadovanou podkategorii znovu (horolezectví). Krok 4: uživatel provede filtrování ve zvolené kategorii (nové zboží, aukce). Koncový stav: Uživatel zobrazil požadované aukce. Přihlášený uživatel se nachází na hlavní stránce a chce zobrazit aukce o nové předměty z kategorie horolezectví. Na hlavní stránce klikne na kategorii Sport. Dále zvolí kategorii ostatní sporty, jelikož jeho požadovaný sport nebyl zastoupen. V ostatních sportech zvolí horolezectví a provede požadované filtrování nabídek. Výsledkem je zobrazení uživatelem požadovaných aukcí. Obr. 21: Procházení nalezení hlavní kategorie Krok 1: Uživatel zvolí z kategorií v hlavní liště požadovanou kategorii (sport).
Obr. 22: Výběr podkategorie Krok 2: Uživatel zvolí požadovanou podkategorii (ostatní sporty). Q1 Ne Uživatel neví jestli jeho sport je zařazen mezi ostatní sporty nebo prostě není podporován Obr. 23: Výběr podkategorie II
Krok 3: Uživatel zvolí požadovanou podkategorii znovu (horolezectví). Obr. 24: Nastavení filtrování zobrazovaného zboží Obr. 25: Feedback o filtrování Krok 4: uživatel provede filtrování ve zvolené kategorii (nové zboží, aukce).
5. Heuristická evaluace Číslo heuristiky referuje k dělení v podkapitole 3.2. Priority se dělí následovně: 3 kosmetické 2 podstatné, ale ne fatální 1 nutno urychleně opravit 5.1 Use case 1 registrace uživatele Popis problému Heuristika Doporučení Priorita obrázek Captcha - nečitelnost 5 Odstranit nečitelné obrázky 3 4 5.2 Use case 2 přihlášení uživatele Popis problému Heuristika Doporučení Priorita obrázek Nezobrazení přihlášení 1 Zobrazit byl jste přihlášen po 1 13 uživatele přihlášení Minimalistické menu 5,7,10 Zobrazit popisek místo hieroglifu 1 10 5.3 Use case 3 přidání aukce Porušení heuristik nezjištěno 5.4 Use case 4 přihození v aukci Porušení heuristik nezjištěno 5.5 Use case 5 - vyhledání konkrétní kategorie aukcí Popis problému Heuristika Doporučení Priorita obrázek Ostatní sporty chybná 4,5 Přistupovat ke kategorizaci 2 22,23 kategorizace konzistentněji 6. Reference [1] WAGNER, Jakub. Testování úživatelského rozhraní. 2011. Dostupné z: http://hcisemestralky.felk.cvut.cz/system/assets/2151/original/wagnejak-a2.pdf?1332249694 [2] SNOZOVÁ, Maritna. 2013. Heuristická analýza [online]. [cit. 2016-11-07]. Dostupné z: http://www.inflow.cz/heuristicka-analyza [3] LICHNOVSKÁ, Pavla a Eva KARBEROVÁ. 2009. Cognitive Walkthrough [online]. [cit. 2016-11-07]. Dostupné z: http://human-computer-interaction.webnode.cz/testovani-a-hodnocenirozhrani/metody-testovani/cognitive-walkthrough/