Testování uživatelského rozhraní 2011 / 2012

Testování uživatelského rozhraní 2011 / 2012 Testování e-shopu ELESHOP FEL ČVUT Rozenberg David

Obsah Úvod...3 Popis aplikace...3 Popis uživatelů...3 Typy testování...3 Kognitivní průchod...3 Heuristická evaulace...4 Přehled případů užití...4 Registrace uživatele...4 Operace s košíkem...5 Provedení objednávky...5 Nalezení výrobku na stránkách...5 Testování use casů...5 Registrace uživatele...5 Operace s košíkem...7 Provedeni objednávky...9 Nalezení výrobku na stránkách...11 Přehled nálezů...12 Závěr...13 2

Úvod Popis aplikace E-shop na adrese www.eleshop.cz nabízí veškeré zboží, převážně zaměřené na elektroniku. Od domácích spotřebičů, digitálních fotoaparátů, televizorů, sporáků až například po zahradní techniku. Aplikace obsahuje vše, co by standartní e-shop měl mít. Registrace uživatelů, nákupní košík, objednání zboží, dovoz zboží, vyzvednutí zboží na kontaktním místě, katalog zboží a vyhledávání v něm. Popis uživatelů E-shop jako takový je určen pro širokou veřejnost. Prakticky každý, kdo má internet a peníze, popřípadě adresu pro doručení zboží, se může stát zákazníkem e-shopu. Naše cílová skupina bude běžný uživatel, u kterého se předpokládá, že umí standartní úkony s počítačem, není úplný začátečník tudíž počítač má doma a používá ho a ví "kde co je". Nebudeme brát v potaz uživatele, kteří jsou na počítači, na internetu jak ryba ve vodě a vše jim je jasné. Typy testování Pro testování budeme používat dva typy testování : kognitivní průchod a heuristická evaulace. Proto zde budou vysvětleny. Kognitivní průchod Tento typ testování je založen na přesně daných otázkách a jejich odpovědí. Otázky jsou : Q0 : Čeho chce uživatel dosáhnout? (tato otázka se mění, vždy se zeptáme na to co testujeme). Další otázky zůstavají neměnné : Q1 : Je zřejmá následující akce? Q2 : Spojí si uživatel popisek se správnou akcí? Q3 : Má uživatel dostatečnou zpětnou vazbu? Na začátku si tedy položíme otázku QO a v každém kroku, který uděláme se zeptáme znovu na všechny tři otázky Q1 Q3. Po průchodu testu můžeme podle odpovědí dospět k závěrům. 3

Heuristická evaulace Heuristická evaulace je nějaký souhrn pravidel, podle kterých hodnotíme daný use-case. A to tak, že pozorujeme a hledáme, která pravidla daný use-case porušuje. Pro tento test budeme používat Nielsenovu heuristiku. Pravidlo Vysvětlení 1. Viditelnost stavu systému Systém dává najevo v jakém je stavu a co dělá. 2. Propojení mezi systémem a reálným světem Jazyk systému odpovídá jazyku uživatelů. Pořadí úkonu je logické a odpovídá zažitým konvencím. 3. Uživatelská kontrola a svoboda Uživatel má možnost kdykoliv přerušit činnost. Systém umožnňuje operace zpět a vpřed. 4. Konzistence a standart Stejné věci musí být v celém systému stejně pojmenovány a odpovídat zažitým konvencím. 5. Předcházení chyb Návrh systému předchází vzniku chyb. 6. Lépe rozpoznat než si pamatovat Systém by měl být dostatečně intuitivní - není potřeba si pamatovat specifické postupy nebo složité adresy. 7. Flexibilita a účinnost použití Umožnění zrychlení práce pro zkušenější uživatele. 8. Estetika a minimalistický design Dialogy a funkce by neměly obsahovat zbytečné, nerelevantní nebo málo používané elementy. 9. Pomoc uživateli poznat, identifikovat a poučit se z chyb Srozumitelné chybové hlášky, konstruktivní návrhy řešení. 10. Nápověda a dokumentace Dobře strukturovaná nápověda a dokumentace, lehce nalezitelné informace a konkrétní postupy. Přehled případů užití Registrace uživatele Registrování ocení hlavně uživatelé, kteří tento e-shop používají často a nechtějí při každé objednávce vyplňovat údaje pro zaslání zboží. Testováním 4

zjistíme, zda se uživatel dokáže bez problému zaregistrovat a neskončí někde v polovině cesty například a tím netratí firma zákazníky. Dále zjistíme jak velký rozdíl je mezi registrovaným a neregistrovaným uživatelem. Očekávám problémy s vyplňováním formulářů. Testovat tento případ budeme kognitivním průchodem. Operace s košíkem Košík je nedílnou součástí každého nákupu, včetně toho na internetu. Podíváme se tedy na něj a otestujeme zda uživatel svůj nákup nekončí právě zde v košíku, buď z důvodu, že neví co má dělat nebo například z naštvání, že něco nejde. Otestujeme přidávaná věcí do košíku, jejich úpravu v košíku a odebírání věcí v něm. Převážně očekávám chyby v rušení a úpravě položek v košíku než v samotném přidávání do košíku. Testovat budeme pomocí heuristické evaulace. Provedení objednávky Když uživatel má už vše vybráno a v košíku, je na řadě samotná objednávka. Otestujeme tedy samotnou obejednávku, jak probíhá a jestli dojdeme zdárně do konce. Zjistíme tím jestli zákazník neodchází v úplně posledním bodě nákupu. Očekávám, že možná budou drobné neodstatky ve formulářích, ale jinak neočekávám velké potíže. Testovat budeme pomocí heuristické evaulace. Nalezení výrobku na stránkách Pokud uživatel nenajde to co hledá, nic nekoupí. Tudíž v této sekci budeme testovat důležitou věc e-shopu. Dokáží zákaznící bez problému vyhledat výrobek, který hledají či potřebují a nachází se v katalogu? Testem zjistíme, zda uživatel najde, to co hledá. Protože když nenajde to co hledá a my to máme, určitě přejde někam jinam. Očekávám, že zde bude největší kámen úrazu a že opravdu kolikrát nenajdu to co hledám. Testovat budeme kognitivním průchodem. Testování use casů Registrace uživatele Jak již byl zmíněno, tento případ testování bude kognitivním průchodem. Q0 tedy zní : uživatel se chce zaregistrovat a jsem v počátečním bodě a to na adrese : http://www.eleshop.cz/ a koncový bod je, že skončím úspěšnou registrací. 5

Krok Q1 Q2 Q3 Čísla obrázků 1 A A A 1 2 A/N N A 2 Obr 1 Krok 1 a obr. 1 : Hned na úvodní stránce nahoře v hlavičce je napsáno uživatel nepřihlášen a nabídka k registraci nebo přihlášení. Po kliknutí na registraci je na stránce nadpis : "Registrace uživatele" a formuláře na vyplnění, což je dostačující feedback. Takže krok č.1 je v naprostém pořádku. Obr 2: 6

Krok 2 a obr. 2 : Myslím si, že tady je menší problém. Vím, že asi mám vyplnit ta pole pro registraci i když nikde není napsáno, co znamenají hvězdičky, ale hlavní důvod A/N u Q1 je, že i přesto, že testuji na relativně velkém monitoru, tak, až pár řádků pod formulářem je tlačítko "uložit". Možná je právě problém v tom, že mám monitor přesně tak velký, jako je formulář, a kdybych měl menší, tak mě to donutí rolovat dolů, nicméně, uživatel po vyplnění polí neví kam má kliknout, pokud nenajde tlačítko. U Q2 je důvod název odesílacího tlačítka. Uživatel se registruje a tlačítko se jmenuje "uložit". Pro uživatele matoucí. Po odeslání informací uživatel dostane informaci, že byl v pořádku zaregistrován a tímtedy i dostačující feedback a je přesměrován na počáteční bod, již zaregistrován. Registrace tedy velmi krátká a lehká. Operace s košíkem Košík budeme testovat heuristickou evaulací, podíváme se jaká pravidla jsou porušována při přidávání věcí do košíku, úpravou a odstranění. Pravidlo číslo Důvod 3 Při přidávání do košíku proces nelze zrušit. Zváště při pomalém připojení a překliknutí na jinou věc by se tlačítko zrušit hodilo Při vložení do košíku se zobrazí tabulka s nabídkou, která obsahuje i odkaz zpět na produkt, ovšem když jsem ten produkt přidal přímo se seznamu produktů, tak mě tento odkaz vrátí zpět na seznam těch produktů. Tudíž zpět na produkt je špatný popisek. 2 Pokud chci změnit počet kusů v košíku musím napsat do okénka počet kusů a kliknout na takovou malou ikonku pod kusama, pokud pouze změním číslo v závěrečné objednávce se kus navíc vůbec nebjeví + podobně je to v sloupečku zruš, nicméně, tam asi uživateli dojde, že má kliknout na křížek Číslo obrázku 3 4 7

1 Při vložení do košíku se zobrazí tabulka s nabídkou, která obsahuje i odkaz zpět na produkt, ovšem když jsem ten produkt přidal přímo se seznamu produktů, tak mě tento odkaz vrátí zpět na seznam těch produktů. Tudíž zpět na produkt je špatný popisek. 5 Obr 3: Obr 4: 8

Obr 5: Provedeni objednávky V košíku máme vše co jsme chtěli, provedem heuristickou evaulaci na objednávku. Pravidlo číslo Důvod 10 Už při prvním kroku objednávky mi systém nabízí, pokud nejsem přihlášen, objednat a objednat bez registrace. Jaký je mezi nimi rozdíl? Je to stejná obejdnávka? 10 V dalším kroku, podobně jak u registraci, mám zde vyplnit údaje pro odeslání a u některých jsou hvězdičky, ale nikde není psáno co znamenají. 2,1 Při kroku doručení a platba je toho více. Píší mi hmotnost na této stránce bez jednotek a proč mi zde tu hmotnost vůbec píší? Dále tu mám na výběr více možností platby a většiny z nich je podnabídka "Gebrüder Weiss ". Co to znamená? Číslo obrázku 6 7 9

Obr 6: Obr 7: 10

Nalezení výrobku na stránkách Zkusíme kognitivním průchodem najít na stránkách výrobek a zároveň problémy. Počáteční bod je domovská stránka www.eleshop.cz Q0 : Chci dát do košíku fotoaparát Sony DSC-H70 Obr 8: Krok Q1 Q2 Q3 Čísla obrázků 1 A A A 2 A N N 8 3 A N A 8 4 A A A Pokud test popíši, tak první krok je celkem jasný. Vlevo v menu vyberu "digitální fotoaparáty". Zpětnou vazbu dostanu popiskem na další stánce : Digitální fotoaparáty. Krok druhý je už o něco problematický. Logicky vyberu v tabulce firmu Sony, ale je tam více nabídek a nevím na co kliknout. Bohužel po kliknutí se mi zobrazí jediný výrobek a to paměťová karta. V tuhle chvíli musí být uživatel zaručeně ztracen. Tím se dostáváme k bodu 3. A to je buď na téhle stránce nebo na předchozí kliknout nahoře na digitální kompakty. Bohužel uživateli toto nemusí vůbec dojít, nebo si to určitě nespojí s tím, že chce vyheldat svůj fotoaparát, protože hned vedle je odkaz digitální zrcadlovky. Je 11

můj fotoaparát kompakt nebo zrcadlovka?? Proč mi fotoapráty od Sony nenabídli už na minulé stránce a mám tu vypsanou jen paměťovou kartu? Přehled nálezů Seřadíme zde nálezy od nejvíc závažných po nejméně a zkusíme navrhnout řešení. 1. Po klinutí na Digitální fotoapráty > Sony se mi zobrazí pouze jediná položka a to paměťová karta. Je možné, že takových sekcí bude více. Abych měl seznam fotoaparátů od Sony musím klinout na podmenu digitální kompatky nebo Digitální zrcadlovky Možné řešení : Skloubit dohromady menu firem a typů věcí. Když kliknu na sony v sekci fotoaparáty, abych dostal fotoaparáty od Sony. 2. Pokud chci změnit počet kusů v košíku musím napsat do okénka počet kusů a kliknout na takovou malou ikonku pod kusama, pokud pouze změním číslo v závěrečné objednávce se kus navíc vůbec nebjeví. Možné řešení : Automaticky připočítavat počet do objednávky nebo změnit ikonku za lepší a lépe znázornit, že je na to potřeba kliknout. 3. V košíku je objednat a objednat bez registrace. Jaký je rozdíl? Možné řešení : Napsat vysvětlení a nebo skloubit do jednoho tlačítka a podle toho jestli je uživatel přihlášen nebo ne, tak po stisknutí vyvolat ekvivalentní akci. 4. Ve formulářích jsou u polích hvězdičky, pravděpodobně na znamení, že pole jsou povinná, bohužel to nikde není napsáno. Možné řešení : Napsat k formulářům co hvězdička znamená 5. Při výběru jakým způsobem budu platit - neznámá položka "Gebrüder Weiss" Možné řešení : Vysvětlit co "Gebrüder Weiss" znamená. 6. Při výběru jakým způsobem budu platit položka hmotnost úplně nahoře na stránce, zvýrazněná a bez jednotek, z jakého důvodu tam je? Možné řešení : Doplnit jednotky a napsat vysvětlení. 7. Při přidávání do košíku proces nelze zrušit. Zváště při pomalém připojení a překliknutí na jinou věc by se tlačítko zrušit hodilo Možné řešení : Přidat tlačítko zrušit 8. Při vložení do košíku se zobrazí tabulka s nabídkou, která obsahuje i odkaz zpět na produkt, ovšem když jsem ten produkt přidal přímo se seznamu produktů, tak mě tento odkaz vrátí zpět na seznam těch produktů. Tudíž zpět na produkt je špatný popisek. Možné řešení : Změnit popisek 12

Závěr Otestovali jsem e-shop téměř komplet. Pár chyb nalezeno bylo, ale jinak si myslím, že jako celek je to dobrý systém. Jako nejvážnější chybu e-shopu bych označil špatné vyhledávání, kde mohou určutě ztrati pár zákazníků. 13