České vysoké učení technické v Praze Fakulta elektrotechnická
A4B39TUR – Testování uživatelského rozhraní Semestrální práce A2
Testování portálu MotoInzerce.cz
Ondřej Pospíšil
[email protected] 11. 3. 2013
1
Obsah 1
Popis aplikace .................................................................................................................................. 3
2
Popis uživatelů................................................................................................................................. 3
3
Přehled případů užití ....................................................................................................................... 4 3.1
Vložit nový inzerát o prodeji motocyklu.................................................................................. 4
3.2
Editovat inzerát o prodeji motocyklu ...................................................................................... 4
3.3
Vymazat inzerát o prodeji motocyklu ..................................................................................... 4
3.4
Vložit nový inzerát o prodeji příslušenství .............................................................................. 4
4
Metodika testování ......................................................................................................................... 4
5
Testování případů užití .................................................................................................................... 5 5.1
5.1.1
Krok 1: Přejít v prohlížeči na URL adresu www.motoinzerce.cz...................................... 5
5.1.2
Krok 2: Otevřít formulář pro přidání inzerátu na prodej motocyklu ............................... 5
5.1.3
Krok 3: Vyplnit formulář pro přidání inzerátu o prodeji motocyklu ................................ 7
5.1.4
Krok 4: Nahrát vyplněný formulář na web a zveřejnit tím inzerát .................................. 9
5.2
Krok 1: Přihlásit se k editaci inzerátu............................................................................... 9
5.2.2
Krok 2: Přepsat popisek a cenu ..................................................................................... 10
5.2.3
Krok 4: Potvrdit změny .................................................................................................. 11
5.2.4
Krok 5: Odhlásit se ......................................................................................................... 12
Vymazat inzerát o prodeji motocyklu ................................................................................... 13
5.3.1
Krok 1: Přihlásit se k inzerátu ........................................................................................ 13
5.3.2
Krok 2: Smazat inzerát ................................................................................................... 14
5.4
2
Editovat inzerát o prodeji motocyklu ...................................................................................... 9
5.2.1
5.3
6
Vložit nový inzerát o prodeji motocyklu.................................................................................. 5
Vložit nový inzerát o prodeji příslušenství ............................................................................ 15
5.4.1
Krok 1: Přejít v prohlížeči na URL adresu www.motoinzerce.cz.................................... 16
5.4.2
Krok 2: Otevřít formulář pro přidání inzerátu na prodej příslušenství .......................... 16
5.4.3
Krok 3: Vyplnit formulář pro přidání inzerátu o prodeji příslušenství........................... 17
5.4.4
Krok 4: Nahrát vyplněný formulář na web a zveřejnit tím inzerát ................................ 19
Přehled nálezů ............................................................................................................................... 19
1 Popis aplikace V této semestrální práci se budu zabývat portálem MotoInzerce.cz, což je veřejně přístupná webová aplikace pro bezplatnou inzerci se specializací na motocykly, náhradní díly a příslušenství. Nachází se na webové adrese www.motoinzerce.cz . Lze zde umístit inzerát s fotografiemi a kontaktem na prodejce. Pro vkládání inzerátu jde zde formulář, který drží strukturu, co by měl inzerát obsahovat, aby se na některou důležitou informaci nezapomnělo. Portál nabízí dobré možnosti vyhledávání a filtrování inzerátů pro potencionální kupce. Jeho velká výhoda je, že je poměrně dost známý mezi motorkáři a vkládání inzerátu je zadarmo. Což znamená velkou možnost zviditelnění inzerátu na webu proti méně známým inzertním webům. Je určen pro soukromou klientelu, pro prodejce nových motocyklů, bazary a firmy zabývající se dovozem je určen přidružený portál TipMoto.com, kde jsou inzeráty zpoplatněny.
Obr. 1.1 – Úvodní strana aplikace
2 Popis uživatelů Cílovou skupinou uživatelů, na které se toto testování zaměří, jsou majitelé motocyklů nebo náhradních dílů či příslušenství k nim, kteří chtějí tento svůj majetek prodat a jako cestu k prodeji volí cestu inzerátu. Cílová skupina jsou tudíž pouze prodejci. Pohled potencionálního kupce nebude zahrnut do testování. Předpokládá se znalost práce s moderním webovým prohlížečem, připojení k internetu a pořízené fotografie prodávaného předmětu uložené v počítači.
3
3 Přehled případů užití 3.1 Vložit nový inzerát o prodeji motocyklu Vložení inzerátu o prodeji motocyklu na tento portál je klíčový případ užití této aplikace. Základním principem je jednoduchý formulář pro rychlé vložení inzerátu s nahráním fotografií bez zbytečné registrace uživatelského účtu. Místo registrace uživatelského účtu stačí zadat heslo k danému inzerátu, kvůli možnosti editace a vymazání.
3.2 Editovat inzerát o prodeji motocyklu Případ užití zabývající se změnou informací v inzerátu o prodeji příslušenství. Vytvořený inzerát nabízí možnosti editace základních parametrů inzerátu. Editace umožnuje měnit popisky, přidávat, odebírat fotografie, měnit cenu a dalších možnosti, které jsou potřeba kvůli lepší úspěšnosti inzerátu nebo kvůli chybnému zadání inzerátu.
3.3 Vymazat inzerát o prodeji motocyklu Případ užití zabývající se smazáním již neplatného inzerátu. Inzerát se stal neplatný zejména úspěšným prodejem nebo naopak stáhnutí inzerátu prodejcem. Jde o důležitou funkci, aby Vás případní zájemci stále nekontaktovali na neplatný inzerát. Alternativou je expirace inzerátu, který má omezenou platnost (dá se zadarmo prodlužovat).
3.4 Vložit nový inzerát o prodeji příslušenství Méně důležitá funkce portálu, je prodej ostatních věcí, které souvisí s provozem motocyklů. Jde o vkládání inzerátu o prodeji příslušenství (zejména oblečení a náhradní díly).
4 Metodika testování Kognitivní průchod je metoda testování bez uživatele. Tester nebo tým testerů se snaží napodobit chování daného uživatele. Při testování se prochází navržené scénáře pro určité případy užití. V každém kroku testování se hledají možné chyby. Objevení chyby se zaznamenává a navrhne se řešení. Pro každý případ užití se ptáme na počáteční otázku: Q0: Čeho chce uživatel dosáhnout? Dále se v každém kroku daného scénáře ptáme na 3 otázky: Q1: Bude uživateli jasné, jakou akci chce udělat? Q2: Spojí si uživatel popisek akce s cílem operace? Q3: Dostane uživatel dostatečnou zpětnou vazbu?
4
Odpovědi na otázky budou zaznamenány do tabulky a při nedostatku bude přidán návrh řešení.
5 Testování případů užití 5.1 Vložit nový inzerát o prodeji motocyklu Q0: Uživatel chce přidat a zveřejnit inzerát o prodeji jeho motocyklu. 5.1.1 Krok 1: Přejít v prohlížeči na URL adresu www.motoinzerce.cz
Výchozí stav: Otevřený webový prohlížeč.
Obr. 5.1.1 – Úvodní strana aplikace
Otázka Odpověď Q1 Q2 Q3
Popis problému
Navrhnuté řešení
ANO ANO ANO
5.1.2 Krok 2: Otevřít formulář pro přidání inzerátu na prodej motocyklu
Výchozí stav: Obr. 5.1.1 Průchod: Kliknutí na odkaz „Vložit inzerát / Upravit inzerát“ v pravé horní části obrazovky, dále kliknout na „Vložit motorku nebo čtyřkolku“.
5
Obr. 5.1.2.1 – Vložení nového inzerátu
Obr. 5.1.2.2 – Vložení nového inzerátu – motocykl
Otázka Odpověď
6
Q1
NE
Q2 Q3
ANO ANO
Popis problému Odkaz na vložení inzerátu je nedostatečně viditelně umístěn vpravo nahoře.
Navrhnuté řešení Zvýraznit nebo přemístit odkaz „Vložit inzerát / Upravit inzerát“
5.1.3 Krok 3: Vyplnit formulář pro přidání inzerátu o prodeji motocyklu
Výchozí stav: Obrázek 5.1.2.2 Průchod: Vidíme vyplněný dropdown s názvem „akce“ s hodnotou „PRODEJ“, necháme to tak, protože motocykl máme v plánu prodat a nehodláme se poptávat. Vybereme z menu tovární značku a model. Tím se deaktivuje input field na textové zadání modelu, jelikož jsme náš model našli ve výběru. Dále vybereme zdvihový objem motoru našeho motocyklu. Vybereme zařazení do jaké kategorie přibližně motocykl patří. Ve stavu vybereme možnost ojeté. Zadáme rok, kdy byl motocykl vyroben nebo uveden do provozu ve formátu YYYY. Zadáme počet najetých kilometrů. Dále zadáme výkon motoru v kW, který najdeme v technickém průkazu. Zadáme cenu a necháme vybranou měnu Kč. Vyplníme, že má motocykl platnou technickou kontrolu a zadáme, do kdy má platnost. Tím se nám deaktivuje volba pro zvolení, že motocykl nemá technický průkaz. Původ necháme na ČR. Vyplníme popis motocyklu. Je nutné zvolit, v jakém kraji bydlíme. Můžeme upřesnit zadáním města. Dále je nutné zadat alespoň jeden kontaktní údaj. Nastavíme viditelnost e-mailu. Ještě si zvolíme heslo pro editaci nebo mazání inzerátu. Následuje vybrání fotografií pomocí cesty na lokální úložiště. Je možnost k dané fotce zvolit rotaci. Následuje vyplnění neveřejných osobních informací a opsání captcha kódu. Na závěr je nutné si přečíst podmínky.
Obr. 5.1.3.1 – Vyplnění formuláře pro přidání inzerátu o prodeji motocyklu – 1. část
7
Obr. 5.1.3.2 – Vyplnění formuláře pro přidání inzerátu o prodeji motocyklu – 2. část
Obr. 5.1.3.3 – Vyplnění formuláře pro přidání inzerátu o prodeji motocyklu – 3. Část
Otázka Odpověď
8
Q1
ANO
Q2
NE
Q3
ANO
Popis problému
Navrhnuté řešení
Nejednotné značení a popisky, moc Sjednotit styl a zjednodušit. Oddělit složité a místy nezalamující se podmínky. popisky polí od popisků a Uživatel se může v nepřehlednosti ztratit. podmínek.
5.1.4 Krok 4: Nahrát vyplněný formulář na web a zveřejnit tím inzerát
Výchozí stav: Obr. 5.1.3.3 Průchod: Klikneme na tlačítko Vložit inzerát
Obr. 5.1.4 – Úspěšné zveřejnění inzerátu je doplněno hláškou s dobrou zpětnou vazbou
Otázka Odpověď Q1 Q2 Q3
Popis problému
Navrhnuté řešení
ANO ANO ANO
5.2 Editovat inzerát o prodeji motocyklu Q0: Uživatel chce změnit popis motocyklu a cenu. 5.2.1 Krok 1: Přihlásit se k editaci inzerátu
Výchozí stav: Obr. 5.1.2.1 – uživatel kliknul na úvodní stránce na tlačítko „Vložit inzerát / Upravit inzerát“ Průchod: Zadáme ID inzerátu, které jsme získali po vložení inzerátu do systému a také nám přišlo e-mailem. Dále zadáme heslo a klikneme na tlačítko „Přihlásit se“.
9
Obr. 5.2.1 – Přihlášení k editaci
Otázka Odpověď Q1 Q2 Q3
Popis problému
Navrhnuté řešení
ANO ANO ANO
5.2.2 Krok 2: Přepsat popisek a cenu
Výchozí stav: Úspěšné přihlášení z kroku 1 Průchod: Najdeme položku cena a změníme hodnotu, dále najdeme textarea popis a změníme popisek.
10
Obr. 5.2.2 – Editační formulář
Otázka Odpověď Q1 Q2 Q3
Popis problému
ANO ANO ANO
5.2.3 Krok 4: Potvrdit změny
Výchozí stav: Obr 5.2.2 Průchod: Kliknutí na tlačítko upravit.
Obr. 5.2.3 – Editační formulář
11
Navrhnuté řešení
Otázka Odpověď Q1 Q2 Q3
Popis problému
ANO ANO ANO
5.2.4 Krok 5: Odhlásit se
Výchozí stav: Obr. 5.2.4.1 Zpráva o úspěšné editaci inzerátu Průchod: Kliknutí na odkaz „Odhlásit se“
Obr. 5.2.4.1 – Úspěšná editace
12
Navrhnuté řešení
Obr. 5.2.4.2 – Úspěšné odhlášení
Otázka Odpověď Q1 Q2 Q3
Popis problému
Navrhnuté řešení
ANO ANO ANO
5.3 Vymazat inzerát o prodeji motocyklu Q0: Uživatel chce smazat inzerát 5.3.1 Krok 1: Přihlásit se k inzerátu
Výchozí stav: Obr. 5.1.2.1 – uživatel kliknul na úvodní stránce na tlačítko „Vložit inzerát / Upravit inzerát“ Průchod: Zadáme ID inzerátu, které jsme získali po vložení inzerátu do systému a také nám přišlo e-mailem. Dále zadáme heslo a klikneme na tlačítko „Přihlásit se“.
13
Obr. 5.3.1 – Přihlášení ke smazání
Otázka Odpověď Q1
Popis problému
ANO
Q2
NE
Q3
ANO
Popisek odkazu v pravém horním rohu nezmiňuje možnost smazání inzerátu a uživatel si to nemusí uvědomit pod pojmem „Upravit inzerát“
5.3.2 Krok 2: Smazat inzerát
Výchozí stav: Krok 1 po úspěšném přihlášení Průchod: kliknutí na tlačítko Smazat
14
Navrhnuté řešení Změnit název odkazu na „Vložit inzerát/ Upravit inzerát/ Smazat inzerát“
Obr. 5.3.2.1 – Editační formulář
Obr. 5.3.2.2 – Hláška o vymazání inzerátu
Otázka Odpověď Q1 Q2 Q3
Popis problému
Navrhnuté řešení
ANO ANO ANO
5.4 Vložit nový inzerát o prodeji příslušenství Q0: Uživatel chce přidat a zveřejnit inzerát o prodeji jeho příslušenství (boty).
15
5.4.1 Krok 1: Přejít v prohlížeči na URL adresu www.motoinzerce.cz
Výchozí stav: Otevřený webový prohlížeč.
Obr. 5.4.1 – Úvodní strana aplikace
Otázka Odpověď Q1 Q2 Q3
Popis problému
Navrhnuté řešení
ANO ANO ANO
5.4.2 Krok 2: Otevřít formulář pro přidání inzerátu na prodej příslušenství
Výchozí stav: Obr. 5.4.1 Průchod: Kliknutí na odkaz „Vložit inzerát / Upravit inzerát“ v pravé horní části obrazovky, dále kliknout na „Vložit díly nebo příslušenství“.
16
Obr. 5.4.2.1 – Vložení nového inzerátu
Obr. 5.4.2.2 – Vložení nového inzerátu - příslušenství
Otázka Odpověď Q1 Q2 Q3
Popis problému
Navrhnuté řešení
ANO ANO ANO
5.4.3 Krok 3: Vyplnit formulář pro přidání inzerátu o prodeji příslušenství
Výchozí stav: Obrázek 5.4.2.2
17
Průchod: Vidíme vyplněný dropdown s názvem „akce“ s hodnotou „PRODEJ“, necháme to tak, protože boty máme v plánu prodat a nehodláme se poptávat. Vybereme z menu Kategorie – Boty. Zadáme název bot. Zadáme cenu a necháme vybranou měnu Kč. Původ necháme na ČR. Vyplníme popis bot. Následuje vybrání fotografií pomocí cesty na lokální úložiště. Je možnost k dané fotce zvolit rotaci. Je nutné zvolit, v jakém kraji bydlíme. Můžeme upřesnit zadáním města. Dále je nutné zadat alespoň jeden kontaktní údaj. Nastavíme viditelnost e-mailu. Ještě si zvolíme heslo pro editaci nebo mazání inzerátu. Následuje vyplnění neveřejných osobních informací a opsání captcha kódu. Na závěr je nutné si přečíst podmínky.
Obr. 5.4.3.1 – Vyplnění formuláře pro přidání inzerátu o prodeji příslušenství – 1. část
Obr. 5.4.3.2 – Vyplnění formuláře pro přidání inzerátu o prodeji příslušenství – 2. Část
18
Otázka Odpověď Q1
ANO
Q2
NE
Q3
ANO
Popis problému
Navrhnuté řešení
Nejednotné značení a popisky, moc Sjednotit styl a zjednodušit. Oddělit složité a místy nezalamující se podmínky. popisky polí od popisků a Uživatel se může v nepřehlednosti ztratit. podmínek.
5.4.4 Krok 4: Nahrát vyplněný formulář na web a zveřejnit tím inzerát
Výchozí stav: Obr. 5.4.3.2 Průchod: Klikneme na tlačítko Vložit inzerát
Obr. 5.1.4 – Úspěšné zveřejnění inzerátu je doplněno hláškou s dobrou zpětnou vazbou
Otázka Odpověď Q1 Q2 Q3
Popis problému
Navrhnuté řešení
ANO ANO ANO
6 Přehled nálezů Závěr: Průchod testem nezaznamenal žádnou závažnou chybu. Byly nalezeny 2 chyby se střední prioritou a 2 s nízkou prioritou, které se opakují v podobných use cases. Portál mohu z vlastní zkušenosti doporučit.
19
Nález
UC Priorita
Návrh řešení
Odkaz na vložení inzerátu je Vložit / Upravit inzerát 5.1 Střední nedostatečně viditelně umístěn vpravo nahoře.
Zvýraznění nebo přemístění odkazu „Vložit inzerát / Upravit inzerát“
Popisek odkazu v pravém horním rohu nezmiňuje Vložit / Upravit inzerát 5.3 Střední možnost smazání inzerátu a uživatel si to nemusí uvědomit pod pojmem „Upravit inzerát“
Změnit název odkazu na „Vložit inzerát/ Upravit inzerát/ Smazat inzerát“
Nízká
Nejednotné značení a popisky, moc složité a místy nezalamující se podmínky. Uživatel se může v nepřehlednosti ztratit.
Sjednotit styl a zjednodušit. Oddělit popisky polí od popisků a podmínek.
Nízká
Nejednotné značení a popisky, moc složité a místy nezalamující se podmínky. Uživatel se může v nepřehlednosti ztratit.
Sjednotit styl a zjednodušit. Oddělit popisky polí od popisků a podmínek.
Styl značení formuláře 5.1
Styl značení formuláře 5.4
20
Popis problému