Č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 pospion5@fel.cvut.cz 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 Vložit nový inzerát o prodeji motocyklu... 5 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 Editovat inzerát o prodeji motocyklu... 9 5.2.1 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 5.3 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 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 6 Přehled nálezů... 19 2
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: : Bude uživateli jasné, jakou akci chce udělat? : Spojí si uživatel popisek akce s cílem operace? : 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 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 NE Odkaz na vložení inzerátu je nedostatečně viditelně umístěn vpravo nahoře. Zvýraznit nebo přemístit odkaz Vložit inzerát / Upravit inzerát 6
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 NE 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. 8
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 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 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ář 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
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
Obr. 5.2.4.2 Úspěšné odhlášení 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í NE 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 Změnit název odkazu na Vložit inzerát/ Upravit inzerát/ Smazat 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
Obr. 5.3.2.1 Editační formulář Obr. 5.3.2.2 Hláška o vymazání inzerátu 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 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í 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
NE 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. 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 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 Popis problému Návrh řešení Vložit / Upravit inzerát 5.1 Střední Vložit / Upravit inzerát 5.3 Střední Odkaz na vložení inzerátu je nedostatečně viditelně umístěn vpravo nahoře. 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 Zvýraznění nebo přemístění odkazu Vložit inzerát / Upravit inzerát Změnit název odkazu na Vložit inzerát/ Upravit inzerát/ Smazat inzerát Styl značení formuláře 5.1 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.4 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. 20