A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
Testování uživatelského rozhraní aukčního portálu aukro.cz Václav Pavlovec A7B39TUR, ZS 2016/2017
A7B39TUR, A2
Václav Pavlovec,
[email protected]
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
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
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.
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
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í
A7B39TUR, A2
Václav Pavlovec,
[email protected]
7.
Flexibilní a efektivní použití
8.
Estetický a minimalistický
9.
Pomoc uživatelů pochopit, poznat a vzpamatovat se z chyb
ZS 2016/2017
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é.
A7B39TUR, A2
Václav Pavlovec,
[email protected]
Obr. 1: úvodní stránka aukčního portálu
Obr. 2: Registrace do aukčního portálu Krok 1: Uživatel klikne na tlačítko registrace. Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
ZS 2016/2017
A7B39TUR, A2
Václav Pavlovec,
[email protected]
Obr. 3: Registrace do aukčního portálu – formulář Krok 2: Uživatel vyplní údaje a zaškrtne nejsem robot. Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
ZS 2016/2017
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
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ů. Otázka Q1
Odpověď Ne
Q2 Q3
Ano Ano
Nález Uživatel nemusí být schopen rozpoznat podstatu malých zmatených obrázků. -
A7B39TUR, A2
Václav Pavlovec,
[email protected]
Obr. 5: Registrace do aukčního portálu – výběr obrázků
Obr. 6: Zabezpečení účtu
Obr. 7: aktivace účtu
ZS 2016/2017
A7B39TUR, A2
Václav Pavlovec,
[email protected]
Krok 4: Uživatel zadá rodné příjmení své matky. Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
Obr. 8: Vyplnění osobních údajů Krok 5: Uživatel vyplní osobní údaje. Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
ZS 2016/2017
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
Obr. 9: Aktivace účtu Krok 6: Uživatel provede verifikaci údajů, které zadal, bankovním převodem nebo poštou. Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
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.
Obr. 10: Přihlášení do systému – nejasný symbol Krok 1: Uživatel klikne na rozbalovací menu.
Otázka Q1
Odpověď Ne
Q2 Q3
Ano Ano
Nález Není zřejmé, že po stisku 3 vodorovných čárek se ukáže rozšířené menu -
A7B39TUR, A2
Václav Pavlovec,
[email protected]
Obr. 11: Přihlášení do systému Krok 2: Uživatel klikne na položku přihlásit. Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
Obr. 12: Přihlášení do systému formulář
ZS 2016/2017
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
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. Otázka Q1 Q2 Q3
Odpověď Ano Ano Ne
Nález 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.
Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
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.
Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
A7B39TUR, A2
Václav Pavlovec,
[email protected]
Obr. 16: Potvrzení aukce
Obr. 17: feedback o přidání aukce
Krok 3: Uživatel potvrdí správnost zadaných informací.
Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
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.
ZS 2016/2017
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
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.
Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
Obr. 19: Potvrzení přihození
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
Obr. 20: Informace o stavu naší nabídky – feedback o přihození Krok 2: Uživatel potvrdí příhoz.
Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
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).
Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
Obr. 22: Výběr podkategorie Krok 2: Uživatel zvolí požadovanou podkategorii (ostatní sporty).
Otázka Q1
Odpověď Ne
Q2 Q3
Ano Ano
Nález Uživatel neví jestli jeho sport je zařazen mezi ostatní sporty nebo prostě není podporován -
Obr. 23: Výběr podkategorie II
A7B39TUR, A2
Václav Pavlovec,
[email protected]
Krok 3: Uživatel zvolí požadovanou podkategorii znovu (horolezectví).
Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
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).
Otázka Q1 Q2 Q3
Odpověď Ano Ano Ano
Nález -
ZS 2016/2017
A7B39TUR, A2
Václav Pavlovec,
[email protected]
ZS 2016/2017
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 Captcha - nečitelnost
Heuristika 5
Doporučení Odstranit nečitelné obrázky
Priorita 3
obrázek 4
Priorita 1
obrázek 13
1
10
Priorita 2
obrázek 22,23
5.2 Use case 2 – přihlášení uživatele Popis problému Nezobrazení přihlášení uživatele Minimalistické menu
Heuristika 1 5,7,10
Doporučení Zobrazit „byl jste přihlášen“ po přihlášení Zobrazit popisek místo hieroglifu
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 Ostatní sporty – chybná kategorizace
Heuristika 4,5
Doporučení Přistupovat ke kategorizaci 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/