Testování webového rozhraní obchodu Czech Computer Semestrální práce z předmětu Testování uživatelského rozhraní (A7B39TUR)



Podobné dokumenty
Internetový obchod Mironet

Webová aplikace rezervační systém. Semestrální úloha předmětu A7B38TUR Testování uživateských rozhraní

Testování cd.cz/eshop

Testování mobilní aplikace Servis24. Semestrální práce z předmětu A7B39TUR Autor: Peter Šourek sourepet@fel.cvut.cz

JAK NAKUPOVAT (BEZPEČNĚ) V NAŠEM OBCHODĚ? KROK 1. - REGISTRACE KROK 2. - POTVRZENÍ REGISTRACE

Testování uživatelského rozhraní internetové stránky společnosti České dráhy (cd.cz) A4B39TUR A2 Kateřina Cízlová

Testování operačního systému Windows Phone 8

A4B39TUR 2014/2015. Ondřej Netík. Desktopová aplikace pro Windows. Spotify

ACTIVATE HERE - FAQ. Zakoupením této položky získáte do 60 minut do požadovaného u aktivační klíče k vybranému produktu.

Dell Premier. Návod k nakupování a objednávkám

Jak nakupovat - malý návod a vysvětlení statusů. Do vyhledávače( Chrome,Opera,Mozzila atd.)napsat Kliknout na - Přihlášení

JEDNODUCHÝ PRŮVODCE STRÁNKAMI

A4B39TUR Testování webu utvs.cvut.cz

Jak se registrovat. Diagnostika Siemens online. V pravé straně obrazovky klikněte na Registrace

Testová ní už ivátelske ho rožhrání Fácebook.com

WEBsro.cz. Krok za krokem Založení internetového obchodu. krásné weby pro české podnikatele 1 / 9

Testování uživatelského rozhraní mobilního telefonu HTC Hero (Semestrální projekt pro předmět A7B36TUR)

Testování mobilní navigace NACESTY

Testování aplikace pro správu hesel KeePassX

Test webového prohlížeče v Amazon Kindle Wi-Fi 3G

Testování uživatelského rozhraní portálu Udemy.com. Radek Kubica ČVUT - STM kombinovaná forma kubicaradek@gmail.com Březen 30, 2013

Testování webové stránky Alza.cz

UŽIVATELSKÝ MANUÁL. pro nákup pneumatik a pneuservisních služeb.

Case Parts e-shop. Spuštění registrace

Dealer Extranet 3. Správa objednávek

Návod Démos24plus verze 2012

Mobilní aplikace Jízdní řády Y39PDA Marek Temnyak

Semestrální práce TUR A3

MOJESODEXO.CZ ZADÁVÁNÍ OBJEDNÁVEK PAPÍROVÝCH PRODUKTŮ. Uživatelský manuál

TESTOVÁNÍ UŽIVATELSKÉHO ROZHRANÍ

Test ového klienta portálu seznam.cz

Buderus objednávací systém. Návod k použití

Dealer Extranet 3. Cenové nabídky

DOSTUPNÝ. SNADNÝ. ONLINE NÁVOD JE TO JEDNODUCHÉ, ZAČNĚTE UŽ DNES!

Reklamační systém pro zákazníky portálu

Testování uživatelského rozhraní. HCI testování aplikace Google Play Music

A2 Testování webu Trello.com

Uživatelský manuál. Aplikace GraphViewer. Vytvořil: Viktor Dlouhý

Testování internetových stránek

TESTOVÁNÍ UŽIVATELSKÉHO ROZHRANÍ VIDEO PŘEHRÁVAČE VLC

1. Pro přihlášení k odběru novinek klikněte na tlačítko Registrace nového uživatele.

Manuál pro Zákaznický servis CCS

Uživatelský manuál. pro obsluhu online katalogu na objednávku kazet, tonerů a provozního materiálu

TESTOVÁNÍ UŽIVATELSKÉHO ROZHRANÍ REDAKČNÍHO SYSTÉMU JOOMLA

Testování uživatelského rozhraní aplikace Alza Media

Uživatelský manuál k prodejní aplikaci věrnostního systému Nestlé

XD39NUR Semestrální práce Zimní semestr 2013/2014

Elektronické podání žádosti o udělení výjimky pro použití konvenčních osiv v ekologickém zemědělství prostřednictvím Portálu farmáře MZe

Záložka.cz - zobrazuje nabídku eshopu a knihkupců, kteří jsou do Záložky zapojeni. Záložka.cz umožňuje tedy dva způsoby nakupování:

Testování portálu MotoInzerce.cz

ČESKÉ VYSOKÉ UČENÍ TECHNIKÉ FAKULTA ELEKTROTECHNICKÁ

Objednávkový portál DODÁVKY PROVOZNÍHO MATERIÁLU DO TISKÁREN.

Návod k používání eshopu Iveco

Správa obsahu webové platformy

Testování uživatelského rozhraní. úloha A

Alza.cz aplikace. pro Windows Phone. Semestrální práce z předmětu Testování uživatelského rozhraní. A2 Testování bez uživatele

Jak nakupovat na e-shopu BIOMAC?

Y39PDA Exercise manager

Testování aplikace Facebook Messenger pro Windows Phone 8.1

OBJEDNÁVÁNÍ PŘES MYHERBALIFE.COM ČESKÁ REPUBLIKA,

Manuál internetového obchodu ContiTrade Services s.r.o. (verze k )

Jednoduchá evidenční pokladna s EET

Semestrální práce A2 z předmětu A7B36TUR. Testování uživatelského rozhrání internetového serveru YouTube.com

Elektronické podání žádosti o udělení výjimky pro použití konvenčních osiv v ekologickém zemědělství prostřednictvím Portálu farmáře MZe

Tutoriál k AUKRO konektoru InShop4

OBCHODNÍ PODMÍNKY obchodní společnosti SKiMU a.s.

SERVICE ON LINE MANUÁL

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace

Testovanou aplikací je eshop společnosti České dráhy. Jde o jeden z vícera prodejních kanálů

REZERVAČNÍ SYSTÉM Manuál Rezervační systém ver ver.03 HairSoft 2016

A7B39TUR, A2 Václav Pavlovec, ZS 2016/2017. Testování uživatelského rozhraní aukčního portálu aukro.cz

Uživatelský manuál k prodejní aplikaci věrnostního systému Nestlé

MOJESODEXO.CZ ADMINISTRACE ÚČTU. Uživatelský manuál

06/03/15. Exekuce ios. Deliverable 01. Vojtěch Micka mickavoj Naim Ashhab ashhanai

Profesis on-line Obrázky v prezentaci byly upraveny pro potřeby prezentace.

Mobilní aplikace Jízdní řády Y39PDA Marek Temnyak

PŘEHLED FUNKCÍ PROGRAMU KROK ZA KROKEM

SimBIm uživatelská dokumentace

REZERVAČNÍ SYSTÉM Manuál Rezervační systém ver ver.01 HairSoft 2016

UŽIVATELSKÝ MANUÁL MOJE SODEXO V

Jídelna Intraweb. Osobní údaje

VAŠE NOVÁ APLIKACE NISSAN GROUP EPC PŘÍRUČKA ZAČÍNÁME

MOJESODEXO.CZ KARTY DO ŠUPLÍKU. Uživatelský manuál

Smlouva o zprostředkování

Manuál pro uživatele aplikace FUEL 2000 Enterprise

BENCHMARKING VENKOVA. Uživatelská příručka nástroje ehomer.cz. Verze dokumentu: 1.1

České vysoké učení technické v Praze Fakulta elektrotechnická. Testování mobilního telefonu Nexus S. Michael Drdlíček

Přehledový manuál aplikace GABVAR (verze )

Evidence přítomnosti dětí a pečovatelek. Uživatelský manuál

T CLOUD MANUÁL ZÁKLADNÍHO POUŽÍVÁNÍ. PŘIHLÁŠENÍ K ÚČTU Přihlaste se z nabídky Přihlášení k účtu:

Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player.

Návod pro používání nové internetové prezentace PFS

2. Fotografie tiskneme sami... 10

USI Úloha A2. Kognitivní průchod. Autor: Thang Do

Bible Quote 6.5 Okno programu

Testování programu Skype

Testování aplikace ghost commander

2.4. Kupující není oprávněn umožnit využívání uživatelského účtu třetím osobám.

Transkript:

České vysoké učení technické v Praze, fakulta elektroniky Testování webového rozhraní obchodu Czech Computer Semestrální práce z předmětu Testování uživatelského rozhraní (A7B39TUR) Vypracoval: Michael Baroň, baronmi6 Dne: 14.10.2012

Abstrakt: Czech Computer, neboli CZC.cz, je jeden z největších internetových obchodů v České republice. I když vlastní i kamenné obchody, tak převážné množství objednávek z tohoto obchodu je prováděno přes webové prohlížeče pomocí jejich stránek. Kamenné obchody tedy slouží pouze k vyzvedávaní a reklamaci zboží. Vzhledem k tomu, že se jedná o tak veliký obchod, pak se dá očekávat, že bude vlastnit i dostatečně profesionální internetové stránky, které budou velice intuitivní na použití i běžným ne příliš technicky zdatným uživatelem. 2

Obsah: Popis aplikace...4 Přehled případů užití...5 Use Case 1...6 Use Case 2...9 Use Case 3...11 Use Case 4...15 Závěr...17 3

Popis aplikace: Jedná se o internetové stránky obchodní společnosti Czech Computer, neboli CZC.cz, zaměřené na prodej počítačových komponent a jiné elektroniky. Stránky jsou udělány tak, aby byly jednoduše renderovány (zobrazitelné) jakýmkoli moderním internetovým prohlížečem. Veškeré zboží v tomto webovém rozhraní je kategorizováno a tedy lehce dohledatelné. Navíc je umožněno uživateli zřídit si zde účet a tak může sledovat stav své objednávky, prohlížet své minulé objednávky a na tento učet i sbírat různé slevy, které uplatní při dalších nákupech. Na těchto internetových stránkách obchodu si může zákazník dohledat zboží, které potřebuje, vybrat si způsob jeho dodání, typ platby za něj a přímo si jej takto zakoupit. Obrázek 1 (náhled úvodní strany) Popis cílové skupiny uživatelů: Webové stránky jsou navrženy tak, aby je mohl obsluhovat kdokoli se základní znalostí navigace na počítači, případně nějakém mobilním zařízení a se základní schopností pohybovat se po internetu, aby se maximalizoval počet případných zákazníků. Vzhledem k nabídce obchodu se ale dá prohlásit, že je zejména zaměřen na technicky zdatnější zákazníky, kteří jsou schopni operovat s počítačovými zařízeními lépe, než průměrný uživatel. 4

Přehled případů užití: Use Case 1 Navigace v nabídce Otestování přehlednosti hlavního menu produktů. Schopnost rychlého a intuitivního nalezení vytouženého typu produktu. Testování, zda jsou položky logicky rozčleněny a zda netrvá zákazníkovi příliš dlouho, než nalezne, co hledá. Testování bude pomocí kognitivního způsobu i heurestické evaulace. Use Case 2 Vyhledání určitého typu produktu specifikováním jeho vlastností Po nalezení určitého produktu testováno v use case 1 - pokus o lepší specifikování, jaký produkt je hledán. Testování možností specifikování vlastností hledaného zboží a přehlednost tohoto seznamu. Testování bude pomocí heurestické evaulace. Use Case 3 Nakup zboží (možnosti při dokončování objednávky) Po nalezení vytouženého produktu a vybrání jej k nákupu, testování možností nabízených při specifikaci objednávky. Testování přehlednosti navigace při dokončování objednávky, při vybírání typu platby, způsobu doručení atd. Testování, jak rychle a s jak velikými problémy, je běžný zákazník schopný dokončit objednávku a nechat si zaslat zboží. Testování bude pomocí kognitivního způsobu. Use Case 4 Navigace ve stránkách na mobilním zařízení Testování, jak dobře jsou stránky navštěvovatelné na mobilních zařízeních, jako jsou mobilní telefony a jiná zařízení s přístupem k internetu a mající malý displej. Otestování, zda mají stránky i mobilní verzi. A pokud neexistuje, tak jak rychlá a přehledná je navigace na těchto stránkách pomocí mobilního zařízení. Testování bude pomocí heurestické evaulace. 5

Use Case 1 Navigace v nabídce Cíl: Pro testování se pokusíme najít mezi produkty herní grafické karty. Výběr dále specifikovat nebudeme, stačí seznam nabízených karet. Kognitivní průchod: Q1 Q2 Q3 Krok 1 Ano Ano Ano Krok 2 Ano Ano Ano Krok 3 Ano Ano Ano Krok 1 Vybrání jedné záložky ze seznamu v hlavním menu. V tomto případě se nabízí logicky pouze jedna správná varianta Komponenty, která je přehledně označena a rychle volitelná. Po najetí myší se nabídka rozvine na seznam jednotlivých komponent. Obrázek 2 (výběr komponenty) Krok 2 Vybrání kategorie zboží grafické karty. Položka je náležitě označena a sama se nabízí. Po kliknutí na ni se přepne stránka do seznamu grafických karet. 6

Obrázek 3 (seznam grafických karet) Krok 3 Omezení výběru všech nabízených grafických karet, na pouze herní zařízení. Výběrem Herní v levém menu se omezí výběr na hledané karty. Obrázek 4 (vybrání herních grafických karet) 7

Heureistická evaulace: 1. Příliš mnoho reklam na stránkách odvádí pozornost, rozptyluje zákazníka a znepřehledňuje stránky. To vede ke špatné k problémovější navigaci a prodlužuje se tak čas nutný k proklikání se k vytoužené položce. Porušuje: estetický a minimální design (priorita = nízká). 2. Špatně navržené menu pro vybírání herních grafických karet. Je nutné příliš dlouho zkoumat stránku, než se dané tlačítko pro omezení výběru nalezne. Jedná se o špatný design. Porušuje: estetický a minimální design (priorita = nízká). Závěr: Kognitivní průchod při testování dopadl velice dobře a není k němu žádná výtka. Za to Heureistická evaulace odhalila dva menší problémy, které jsou spíše kosmetického typu a nejsou nutné opravovat. Při opravě by stačilo pouze zvýraznit dané položky oproti zbytku stránek. 8

Use Case 2 Vyhledání určitého typu produktu specifikováním jeho vlastností Cíl: Mezi zbožím typu herní grafické karty specifikujeme vlastnosti zboží tak, aby byly zobrazeny pouze karty NVIDIA, PCI-EXPRES 3.0, DDR5 a mezi 3000,- a 5000,- Kč. Postup: Krok 1 Vybrat v menu vlevo veškeré chtěné vlastnosti, až na omezení ceny. Zatrháváním políček se omezuje okamžitě seznam zobrazovaných produktů. Obrázek 5 (výběr vlastností grafických karet) Krok 2 Omezení ceny nalezených výrobků na požadované rozmezí. Posunováním levého a pravého posuvníku se navolí správné hodnoty minimální a maximální ceny zboží. 9

Obrázek 6 (výběr ceny karet) Heureistická evaulace: 1. Při zatrhávání položek jednotlivých vlastností se nemusí měnit výběr na první straně seznamu a uživatel pak nepozná, zda se již změny projevili, pokud není se systémem seznámen. Pak bude hledat tlačítko na provedení změn a zdržovat se tak. Porušuje: zobrazování systémového statutu (priorita = nízká). 2. Volení ceny je poměrně nepřesné a chvíli trvá, než se nastaví správná hodnota minimální a maximální částky. Porušuje: flexibilita a efektivnost použití (priorita = nízká). Závěr: Test proběhl dobře, kdy se objevili pouze dva minimální problémy, které ale nijak nezasahují do použití služby na omezení zobrazované nabídky podle vlastností produktů. První z problémů by byl odstraněn obyčejnou hláškou systému, že se něco děje a druhý možností zadání ceny přímo napsáním. 10

Use Case 3 Nakup zboží (možnosti při dokončování objednávky) Cíl: Vybrání jedné ze zobrazovaných položek a projití celým formulářem pro její objednaní. Postup: Krok 1 Při vybrané jedné hledané položky, kliknout na tlačítko Do košíku, kdy vybíráme položku k nákupu. Obrázek 7 (výběr položky k nákupu) Krok 2 Přejití k objednávce. Vyskočilo okamžitě okno, které nabízí specifikovat objednávku a dokončit ji tak. 11

Obrázek 8 (přejití k objednávce) Krok 3 Specifikace platby za nákup a způsob dodání zásilky. Obrázek 9 (specifikace platby a vyzvednutí zásilky) Krok 4 Vyplnění dodacích a kontaktních údajů potřebných pro dodání zásilky. 12

Krok 5 Kontrola a potvrzení objednávky. Obrázek 10 (vyplnění dodacích údajů) Obrázek 11 (potvrzení zásilky) 13

Kognitivní průchod: Q1 Q2 Q3 Krok 1 Ano Ano Ano Krok 2 Ano Ano Ano Krok 3 Ano Ano Ano Krok 4 Ano Ano Ano Krok 5 Ano Ano Ano Závěr: Poměrně překvapivě dopadl test naprosto bezchybně, i když se dá na dané věci poměrně hodně pokazit. Systém zákazníka navede skrz veškeré kroky potřebné pro objednání zboží. A dá se tedy říct, že není na něm třeba nic měnit. 14

Use Case 4 Navigace ve stránkách na mobilním zařízení Cíl: Otestovat webové stránky obchodu i na mobilním zařízení, přesněji mobilním telefonu Sony Ericsson W995 s displejem o úhlopříčce 3,5 palce. Testovat se bude především navigovatelnost v menu, specifikování vlastností hledaného produktu a objednávka zboží. Postup: Bod 1 Testování navigace v menu stránek. Možnosti a schopnost vybrat co je potřeba. Obrázek 12 (navigace na stránkách) Bod 2 Specifikování vlastností jednotlivých produktů tak, aby se výběr omezil pouze na požadované produkty. Obrázek 13 (specifikování vlastností) Bod 3 Projití celé objednávky, až ke konečnému dokončení nákupu. 15

Obrázek 14 (objednání zboží) Heureistická evaulace: 1. Absence verze stránek pro mobilní zařízení s malými displeji. Extrémně se tak zhoršuje navigovatelnost na stránkách. Porušuje: flexibilita a efektivnost použití (priorita = extrémní). Závěr: Test odhalil jen jeden problém, který je ovšem natolik extrémní, že vyžaduje okamžitou opravu a to nejspíše doděláním verze stránek pro zařízení s malými displeji. Problém poškozuje stránky zhoršenou navigací a odrazuje tak potencionální zákazníky. 16

Závěr: Webové stránky obchodní společnosti Czech Computer (CZC.cz) jsou opravdu na dobré úrovni. Veškerá navigace na nich je velice pohodlná, intuitivní a poměrně rychlá. Jediným problémem je zobrazování stránek na mobilních zařízeních s malými displeji, kdy je navigace na stránkách téměř naprosto znemožněna. Jinak se jedná o velice povedenou webovou aplikaci, která naprosto bezpodmínečně plní svou funkci. 17