Testova nı e-shop Alza.cz Projekt A TUR, letní semestr 2013/2014 Adam Uhlíř (uhlirad1@fel.cvut.cz) 1
1. Úvod... 3 1.1 Popis aplikace... 3 1.2 Popis uživatelů... 3 2. Metodika testování... 4 2.1 Kognitivní průchod... 4 2.2 Heuristická evaluace... 4 2.3 Priority nálezů... 4 3. Přehled use-cases... 5 3.1 Zaregistrování nového účtu... 5 3.2 Výběr produktu... 5 3.3 Objednání produktu... 5 3.4 Změna hesla... 5 4. Testování jednotlivých use-cases... 6 4.1 Zaregistrování nového účtu... 6 4.1.1 Úvodní stránka počáteční stav... 6 4.1.2 Registrační formulář... 7 4.1.3 Potvrzení vytvoření účtu konečný stav... 8 4.2 Výběr produktu... 8 4.2.1 Úvodní stránka počáteční stav... 8 4.2.2 Kategorie Smartphone... 9 4.2.3 Výběr filtrovacích parametrů... 10 4.2.4 Nalezení nejlevnějšího smartphone... 10 4.2.5 Seznam konečný stav... 11 4.3 Objednání produktů... 11 4.3.1 Nákupní košík počáteční stav... 11 4.3.2 Výběr dopravy a způsobu platby... 11 4.3.3 Potvrzení dodacích údajů... 12 4.3.4 Dokončení objednávky... 13 4.3.5 Potvrzení objednávky... 13 4.4 Změna hesla... 14 4.4.1 Obrázky postupu průchodu... 14 5. Souhrn nálezů... 16 5.1 Nálezy zjištěné pomocí Kognitivním průchodem... 16 5.2 Nálezy zjištěné pomocí Heuristické evaluace... 16 6. Závěr... 16 2
1. Úvod 1.1 Popis aplikace E-shop Alza.cz je jeden z největších operující e-shopů na území České Republiky. Specializuje se na prodej jak domácí elektroniky tak i IT zboží. Nedávno se jeho nabídka rozšířila i o hračky a parfémy, ty jsou však nabízeny skrze odlišné e-shopy hracky.cz a kleopatra.cz a nejsou zahrnuty v samostatném testování. E-shop se skládá z dvou částí veřejná část, která představuje samostatný e-shop a administrátorská část přístupná pouze zaměstnancům. Jelikož k administrátorské části nemám přístup, budu se zaměřovat pouze na veřejnou část. Veřejná část e-shopu se nijak neodlišuje od běžného konceptu e-shopu. Umožňuje si vytvořit trvalý účet, prohlížet produkty, vkládat je do košíku a následně produkty v košíku objednat ať už pomocí doručení skrze poštu, či osobní vyzvednutí. 1.2 Popis uživatelů Uživatelská základna e-shopu je značně široká a rozmanitá. Věkové rozpětí se koncetruje především mezi 15 až 70 lety. Dále uživatelské zkušeností s webovými aplikacemi je taktéž velice rozpjatá, jelikož velká část zboží se skládá z IT komponent, dá se očekávat zkušení IT lidé ty bych nazval jedním extrémem skupiny uživatelů. Opačným extrémem, jež je pro nás důležitější, jsou lidé, které díky velké popularitě E-shopu Alza.cz přicházejí na jejich portál i přesto, že s e-shopy nemají žádné zkušenosti, tedy nelze u nich předpokládat jakékoliv předchozí znalosti s koncepcí E-shop. 3
2. Metodika testování Veškeré testy jsou prováděny na prohlížeči Chrome verze 33.0.1750.146, Windows 7. 2.1 Kognitivní průchod Use-cases, které mají definovaný jasný průchod/scénář lze testovat pomocí kognitivního průchodu. Jedná se o metodu, která testuje, zdali uživatelé budou schopni nastavený scénář realizovat. V případě nálezu (odchýlení od scénáře) se definuje místo nálezu a jeho závažnost. Testování pomocí kognitivního průchodu funguje procházením jednotlivých kroků scénáře a v každém z nich se ptáme na otázky: Q0 Cíl čeho chce uživatel dosáhnout Q1 Bude uživateli zřejmé co udělat? Q2 Spojí si uživatel správně popisek akci se svým cílem? Q3 Dostane uživatel dostatečnou odezvu? Pokud se u jakékoliv otázky vyskytne odpověď NE, tak se jedná o nález, který se doplní komentářem a možným řešením. 2.2 Heuristická evaluace V metodě heuristické evaluace se využívá množina heuristik, podle které se posuzuje daný interface a snaží se odhalit jeho nedostatky, které by měli vzniknout porušením jednotlivých heuristik. Často se k tomuto vyhodnocování využívá skupina expertů. Jednotlivé heuristiky: 1. Visibility of system status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition rather than recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize, diagnose, and recover from errors 10. Help and documentation 2.3 Priority nálezů Každý nález je nutné roztřídit podle jeho závažnost. Rozhodl jsem se pro následující stupnici: P1 nejvyšší priorita jedná se o velice kritický nález, který aplikaci činí nepoužitelnou P2 vyšší priorita stále se jedná o kritický nález, ale aplikace je schopná fungovat, avšak znehodnocuje její hodnotu P3 - střední priorita již se nejedná o kritický nález, ale je doporučeno nález odstranit P4 nízká priorita nález, který nemusí být opraven 4
3. Přehled use-cases 3.1 Zaregistrování nového účtu Pro nákup není nutné mít zaregistrovaný účet, avšak zaregistrování přináší uživatelovi značné výhody lze nahlédnout na historii svých nákupů, má přehled o jednotlivých stavech objednávek, či reklamací, nemusí pokaždé vyplňovat povinné fakturační (dodací) údaje. Budu testovat vytvoření nového účtu. 3.2 Výběr produktu Mnohdy uživatel si chce koupit např. nový mobil, ale neví jaký přesný model chce. Budu tedy testovat případ nalezení nejlevnějšího smartphonu s podporou Dual Sim. 3.3 Objednání produktu V okamžiku kdy má uživatel vybrán všechny produkty, které by rád získal, musí přistoupit k finální fázi nákupu, kdy musí vybrat způsob dopravy a platby. Budu testovat finální fázi, tedy odeslání nákupního košíku. 3.4 Změna hesla Uživateli by měl mít plnou kontrolu nad svým účet a tedy měnit všechny jeho parametry. Budu tedy testovat možnost změny hesla. 5
4. Testování jednotlivých use-cases 4.1 Zaregistrování nového účtu Q0 Uživatel si chce založit nový účet Metoda Kognitivní průchod 4.1.1 Úvodní stránka počáteční stav Uživatel hledá odkaz na registrační formulář. Obr. 1 Úvodní stránka E-shopu Q2 NE Na úvodní stránce není žádný odkaz na Registrační formulář N1 P2 Q3 ANO Přesměrování na registrační formulář 6
4.1.2 Registrační formulář Uživatel vyplňuje registrační formulář Obr. 2 Registrační formulář Q2 NE Položky jsou řádné popsané, avšak chybí hláška že * značí N2 P4 povinné parametry Q3 ANO V případě špatně vyplněné položky se zobrazí varovná hláška. V případě splnění všech pravidel se zobrazí hláška o úspěšném založení účtu 7
4.1.3 Potvrzení vytvoření účtu konečný stav Zobrazení potvrzení o úspěšném založení účtu Obr. 3 Úspěšné vytvoření účtu 4.2 Výběr produktu Q0 Nalezení nejlevnějšího smarthphone s podporou Dual Sim Metoda Kognitivní průchod 4.2.1 Úvodní stránka počáteční stav Uživatel hledá kategorii Mobily. Obrázek viz obr 1. Q2 NE Kategorie Mobily se nachází jak v kategorii Elektronika, tak i N3 P3 v kategorii Počítače (tam pod názvem Smartphone), což je lehce zavádějící Q3 ANO Přechod na do kategorie Smartphone 8
4.2.2 Kategorie Smartphone Uživatel našel kategorii Smartphones a chce vyfiltrovat seznam podle vlastností smartphonů. Obr. 4 Kategorie Smartphones Q2 NE Filtrování je skryto pod né moc nápadným tlačítkem Značky N4 P4 a parametry Q3 ANO Zobrazí se filtrovací nabídka 9
4.2.3 Výběr filtrovacích parametrů Uživatel hledá ve filtrovacím formuláři vlastnost Dual SIM Obr. 5 Filtrovací dialog Q2 ANO Přehledné a popsané Q3 ANO Zobrazení smartphones s vlastností Dual Sim 4.2.4 Nalezení nejlevnějšího smartphone Uživatel již má seznam obsahující smartphones s vlastností Dual Sim a hledá nejlevnější z nich. Obr. 6 Zobrazení vyfiltrovaných smartphone s podporou Dual Sim Q2 ANO Přehledné a popsané Q3 ANO Zobrazení nejlevnějších smartphones 10
4.2.5 Seznam konečný stav Uživatel se dostal k produktu, který hledal. Screen shot jsem shledal již zbytečným. 4.3 Objednání produktů Q0 Uživatel má vybrané produkty, které chce zakoupit a chce dokončit objednávku Metoda Kognitivní průchod 4.3.1 Nákupní košík počáteční stav Uživatel objednává zboží v košíku. Obr. 7 Nákupní košík Q2 ANO Přehledné a popsané Q3 ANO Přechod na další fázy objednávky 4.3.2 Výběr dopravy a způsobu platby Uživatel vybírá způsob dopravy a platby Obr. 8 Výběr dopravy a platby 11
Q2 ANO Vše je přehledně popsáno Q3 ANO Přechod na další fázy objednávky 4.3.3 Potvrzení dodacích údajů Obr. 9 Potvrzování dodacích údajů Q2 ANO Přehledné a popsané Q3 ANO 12
4.3.4 Dokončení objednávky Uživatel již vyplnil všechny potřebné prvky pro dokončení objednávky, má před sebou souhrn celé objednávky a čeká se na potvrzení a dokončení objednávky. Obr. 10 Souhrn objednávky Q2 ANO Přehledné a popsané Q3 ANO 4.3.5 Potvrzení objednávky Po potvrzení objednávky se uživateli vypíše hláška o úspěšném objednání s informací že o dalším postupu bude informován prostřednictvím e-mailu. 13
4.4 Změna hesla Metoda Heuristická evaluace 4.4.1 Obrázky postupu průchodu Obr. 11 Úvodní stránka počáteční stav Obr. 12 Stránka Moje Alza krok 2 14
Obr. 13 Formulář Změna hesla krok 3 Obr. 14 Chybová hláška přiliš krátké heslo Obr. 15 Potvrzení změny hesla krok 4 15
5. Souhrn nálezů V této kapitole shrnu všechny nálezy a doporučím jak je odstranit. 5.1 Nálezy zjištěné pomocí Kognitivním průchodem Nález Priorita Komentář Doporučení N1 P2 Na úvodní stránce není žádný odkaz na Registrační formulář. Vedle tlačítka Přihlásit umístit odkaz na přihlašovací formulář N2 P4 Položky jsou řádné popsané, avšak chybí hláška že * značí povinné parametry Umístit zvýrazněnou hlášku o povinných parametrech N3 P3 Kategorie Mobily se nachází jak v kategorii Mít pouze jednu kategorii Mobily. Elektronika, tak i v kategorii Počítače (tam pod názvem Smartphone), což je lehce zavádějící N4 P4 Filtrování je skryto pod nepříliš nápadným tlačítkem Značky a parametry Změnit popisek na Filtrování podle značky či parametrů 5.2 Nálezy zjištěné pomocí Heuristické evaluace Heuristika Obrázek Priorita Komentář Doporučení 4. 12 P3 Tlačítko Změnit heslo vybočuje z konceptu rozklikávacích položek. Umístit formulář jako rozklikávací položku. 3. 11 P2 Tlačítko Moje Alza si uživatel těžko propojí s možností upravování jeho profilu Přejmenovat na Můj účet 6. Závěr E-shop je velice přehledný a podle mého názoru i málo zkušený uživatel by neměl mít problémy se v něm orientovat. Našel jsem několik nálezů, ale většina z nich nebyly kritického rázu. Splnilo se tedy moje očekávání, jelikož jsem předpokládal že E-shop takovéhoto rozsahu bude investovat do pořádného UI. 16