Testování uživatelského rozhraní internetové stránky společnosti České dráhy (cd.cz) A4B39TUR – A2 Kateřina Cízlová
[email protected]
Obsah 1. Popis ....................................................................................................................................... 1 2. Cílová skupina ........................................................................................................................ 2 3. Případy užití ........................................................................................................................... 2 3.1. Vytvoření nového účtu .................................................................................................... 2 3.2. Výpočet ceny jízdenky .................................................................................................... 2 3.3. Nákup jízdenky ............................................................................................................... 2 3.4. Vyhledání spojení ............................................................................................................ 2 3.5. Vyhledání informací o výlukách ..................................................................................... 3 4. Testovací metody ................................................................................................................... 3 4.1. Testování kognitivním průchodem.................................................................................. 3 4.2. Testování heuristickou evaluací ...................................................................................... 3 5. Testování kognitivním průchodem ......................................................................................... 3 5.1 Vytvoření nového účtu ..................................................................................................... 3 5.2. Výpočet ceny jízdenky .................................................................................................... 7 5.3. Vyhledání spojení .......................................................................................................... 10 5.4. Nákup jízdenky ............................................................................................................. 12 6. Testování Heuristickou evaluací .......................................................................................... 18 6.1. Vyhledání spojení .......................................................................................................... 18 6.2 Nákup jízdenky .............................................................................................................. 18 6.3. Vyhledání informací o výlukách ................................................................................... 19 7. Přehled nálezů ...................................................................................................................... 20 8. Závěr..................................................................................................................................... 21
1. Popis České dráhy jsou národní železniční společnost v České republice. Zajišťují železniční přepravní služby na celostátních i regionálních tratích. Webová stránka www.cd.cz slouží k nákupu jízdenek od společnosti České dráhy a k nalezení informací o spojení a službách v železniční přepravě.
Obrázek 1: Úvodní stránka www.cd.cz
2. Cílová skupina Portál je přístupný úplně každému, používají ho cestující využívající k dopravě České dráhy, kteří chtějí zjistit informace o jejich cestě nebo si koupit jízdenku. Cílovou skupinou jsou studenti a lidé středního věku, se základnými znalostmi používání PC.
3. Případy užití 3.1. Vytvoření nového účtu K využívání elektronických služeb ČD není potřeba si zakládat nový účet. Registrovaný uživatel má ale určité výhody, například nemusí pokaždé vyplňovat osobní údaje k nakupovaným jízdním dokladům, může si prohlédnout historii svých nákupů nebo může si nechat automaticky zasílat zpravodajství o novinkách a změnách v nabídce ČD.
3.2. Výpočet ceny jízdenky Pro potencionální zákazníky je výhodné spočítat si cenu jízdenky pro konkrétní cestu ještě předtím, než si jízdenku koupí.
3.3. Nákup jízdenky Na některých menších nádražích si cestující nemohou zakoupit jízdenky, proto se jízdenky na těchto místech musí kupovat přímo ve vlaku u průvodčího, což může být nepohodlné. Řešením je zakoupení jízdenky online.
3.4. Vyhledání spojení Pro cestující je důležité najít informace o spojení, ať už budou pokračovat nákupem jízdenky online, koupí si jízdenku až na místě nebo budou hledat informace o případných omezeních.
3.5. Vyhledání informací o výlukách Pro cestující je důležité zjistit informace o případných omezeních na trati a přizpůsobit jim svůj plán.
4. Testovací metody 4.1. Testování kognitivním průchodem Kognitivní průchod je jedna z metod testování uživatelského rozhraní bez uživatele. Cílem této metody je zjistit míra srozumitelnosti uživatelského rozhraní a obtížnost jeho ovládání. Na začátku případu užití se stanoví cíl:
Q0: Čeho chce uživatel dosáhnout?
V dalších krocích si testující klade následující otázky:
Q1: Bude uživateli zřejmé, co má nyní udělat?
Q2: Spojí si uživatel popisek akce se svým cílem?
Q3: Dostane uživatel srozumitelnou reakci na jeho volbu?
4.2. Testování heuristickou evaluací Heuristická evaluace je metoda, která spočívá v odhalování chyb a slabých míst v rozhraní za pomocí porovnávání jeho současného stavu s pravidly, která jsou předem daná.
H1: Viditelnost stavu systému
H2: Podobnost mezi systémem a reálným světem
H3: Kontrola nad systémem a uživatelská svoboda
H4: Konzistentnost a standardy
H5: Prevence chyb
H6: Rozpoznávání místo vzpomínání
H7: Flexibilita a efektivita používání
H8: Estetický a minimalistický design
H9: Pomoc rozpoznat, diagnostikovat a opravit chybu
H10: Pomoc a dokumentace
5. Testování kognitivním průchodem 5.1 Vytvoření nového účtu Q0: Uživatel si chce založit nový účet.
Krok 1: Kliknout na odkaz „Přihlásit se“.
Obrázek 2: Úvodní strana
Otázka Odpověď
Komentář
Q1
NE
Q2
NE
Uživatel nemusí vědět, že pod možností „Přihlásit se“ je i možnost registrace.
Q3
ANO
Zobrazí se okno pro přihlášení a volbu registrace.
Krok 2: Zvolit „Registrujte se a získejte přístup“.
Obrázek 3: Podokno přihlášení
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se formulář pro registraci.
Krok 3: Vyplnit formulář pro registraci a kliknout na „Registrovat“.
Obrázek 4: Formulář pro registraci
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se oznámení o úspěšné registraci.
Krok 4: Aktivovat účet pomocí emailu.
Obrázek 5: Oznámení o úspěšné registraci
Obrázek 6: Upozornění na aktivaci účtu
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se oznámení o aktivaci účtu.
Obrázek 7: Oznámení o aktivaci účtu
5.2. Výpočet ceny jízdenky Q0: Uživatel chce zjistit cenu jízdenky. Krok 1: Kliknout na odkaz „Spočítat cenu“.
Obrázek 8: Úvodní strana
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se formulář pro vyplnění informací o cestě.
Krok 2: Zadat informace o cestě (odkud, kam, datum, čas) a kliknout na „Spočítat“.
Obrázek 9: Formulář pro vyplnění informací o cestě
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se stránka pro volbu spojení.
Krok 3: Vybrat spoj a kliknout na „Spočítat cenu“.
Obrázek 10: Seznam spojení
Otázka Odpověď Q1
NE
Q2
ANO
Q3
ANO
Komentář Možnost volby „Spočítat cenu" lze mezi ostatními volbami snadno přehlédnout.
Zobrazí se formulář pro vyplnění doplňujících informací o jízdence.
Krok 4: Vyplnit doplňující informace a kliknout na „Pokračovat“.
Obrázek 11: Formulář pro upřesnění informací o jízdence
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se informace o cestě (čas odjezdu, doba jízdy) a cena jízdenky. Cena jízdenky po načtení úvodní stránky není bez posunu dolů vidět.
Obrázek 12: Detaily cesty a cena jízdenky
5.3. Vyhledání spojení Q0: Uživatel chce vyhledat informace o spojení. Krok 1: Kliknout na odkaz „Vyhledat spojení“.
Obrázek 13: Úvodní strana
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se formulář pro vyplnění informací o cestě.
Krok 2: Vyplnit formulář a kliknout na tlačítko „Vyhledat“.
Obrázek 14: Formulář pro zadání informací o cestě
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se seznam spojení.
Krok 3: Vybrat spoj a kliknout na „Detail spojení“.
Obrázek 15: Seznam spojení
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se detail spojení (čas odjezdu, doba jízdy, vzdálenost).
5.4. Nákup jízdenky Q0: Uživatel si chce zakoupit jízdenku na vlak online. Krok 1: Kliknout na odkaz „Koupit jízdenku“.
Obrázek 16: Úvodní strana
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se formulář pro vyplnění informací o cestě.
Krok 2: Vyplnit formulář a kliknout na tlačítko „Koupit“.
Obrázek 17: Formulář pro vyplnění informací o cestě
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se eShop ČD.
Krok 3: Vyplnit formulář v eShopu a kliknout na „Vyhledat“.
Obrázek 18: Formulář pro doplnění informací o cestě
Otázka Odpověď
Komentář
Q1
ANO
Q2
NE
Tlačítko „Vyhledat“ může být matoucí. Ve druhém kroku už uživatel klikl na „Koupit", teď ale znovu „jen“ vyhledává.
Q3
ANO
Zobrazí se okno pro výběr spojení.
Krok 4: Vybrat vyhovující spojení kliknutím na tlačítko „Koupit“.
Obrázek 19: Seznam spojení
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se okno pro výběr doplňkových služeb.
Krok 5: Vybrat případné doplňkové služby a kliknout na „Pokračovat“.
Obrázek 20: Výběr doplňkových služeb
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
Zobrazí se formulář pro vyplnění osobních údajů.
Krok 6: Zkontrolovat údaje a vyplnit osobní údaje a kliknout na „Vložit do košíku“.
Obrázek 21: Formulář pro vyplnění osobních údajů
Otázka Odpověď Q1
NE
Q2
ANO
Q3
ANO
Komentář Uživatel neví, zda může nechat něco nevyplněné.
Zobrazí se okno pro platbu.
Krok 7: Vybrat způsob platby a zaplatit.
Obrázek 22: Okno pro platbu
Otázka Odpověď Q1
ANO
Q2
ANO
Q3
ANO
Komentář
6. Testování Heuristickou evaluací 6.1. Vyhledání spojení
Obrázek 23: Pokročilé hledání spojení
Popis problému
Heuristika
Po kliknutí na nápovědu (otazník) se uživatel nedozví žádnou doplňující informaci.
H10: Nápověda a návody
6.2 Nákup jízdenky
Obrázek 24: Formulář pro vyplnění informací o cestě
Popis problému
Heuristika
Uživateli nemusí být jasné, že kliknutím na tlačítko „Koupit" pouze vyhledá spojení vlaků.
H4: Konzistence a standardizace
6.3. Vyhledání informací o výlukách
Obrázek 25: Omezení provozu
Popis problému
Heuristika
Odkaz pro zobrazení informací o omezení provozu je ve spodní části stránky a je snadno přehlédnutelný. Při načtení hlavní strany není vidět.
H8: Estetický a minimalistický design
Obrázek 26: Popis výluky
Popis problému Informace o čísle trati je pro cestující nadbytečná. Na první pohled není jasné, které vlaky budou výlukou omezeny.
Heuristika H8: Estetický a minimalistický design H10: Nápověda a návody
7. Přehled nálezů Každému problému použitelnosti byla přiřazena jedna z následujících priorit:
1 - kosmetický problém
2 - malý problém použitelnosti, odstranění není akutní
3 - problém použitelnosti, měl by být odstraněn
4 - velmi závažný problém, musí být odstraněn
Priorita Obrázek
Popis problému
Návrh řešení
3
2
Nejasný popisek tlačítka registrace.
Přejmenovat „Přihlásit se" na „Přihlášení/Registrace".
2
24
Uživateli nemusí být jasné, že kliknutím na tlačítko „Koupit" pouze vyhledá spojení vlaků.
Přejmenovat tlačítko „Koupit" na „Vyhledat"
2
26
Na první pohled není jasné, které vlaky budou výlukou omezeny.
Doplnit, které vlaky budou výlukou omezeny.
1
10
Možnost volby „Spočítat cenu" lze mezi ostatními volbami snadno přehlédnout.
Vynechat ostatní možnosti jako „Koupit jízdenku" nebo „Detail spojení".
1
23
Po kliknutí na nápovědu (otazník) se uživatel nedozví žádnou doplňující informaci.
Popsat co jsou to zvláštní historické vlaky.
1
25
Odkaz pro zobrazení informací o omezení provozu je ve spodní části stránky, je snadno přehlédnutelný. Při načtení hlavní strany není vidět.
Umístit odkaz pro vyhledání omezení provozu mezi vyhledávání spojů.
1
26
Informace o čísle trati je pro cestující nadbytečná.
Umístit číslo trati až do detailu omezení.
8. Závěr Provedli jsme testování webové stránky www.cd.cz. Použili jsme metodu kognitivního průchodu a heuristické evaluace. Při testování jsme narazili na pár problémů použitelnosti aplikace. Největším problémem byla nepřehlednost stránek, v určitých krocích uživatel například nemusí vědět kde najít správný odkaz. V ostatních případech se jednalo spíše o kosmetické chyby, které by uživatele neměly nijak ovlivnit.
