Testování uživatelského rozhraní internetové stránky společnosti České dráhy (cd.cz) A4B39TUR A2 Kateřina Cízlová cizlokat@fel.cvut.cz 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: : Bude uživateli zřejmé, co má nyní udělat? : 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 NE NE Uživatel nemusí vědět, že pod možností Přihlásit se je i možnost registrace. Q3 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í Q3 Zobrazí se formulář pro registraci.
Krok 3: Vyplnit formulář pro registraci a kliknout na Registrovat. Obrázek 4: Formulář pro registraci Q3 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 Q3 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 Q3 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ě
Q3 Zobrazí se stránka pro volbu spojení. Krok 3: Vybrat spoj a kliknout na Spočítat cenu. Obrázek 10: Seznam spojení NE Možnost volby Spočítat cenu" lze mezi ostatními volbami snadno přehlédnout. Q3 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 Q3 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 Q3 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ě
Q3 Zobrazí se seznam spojení. Krok 3: Vybrat spoj a kliknout na Detail spojení. Obrázek 15: Seznam spojení Q3 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 Q3 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ě Q3 Zobrazí se eshop ČD.
Krok 3: Vyplnit formulář v eshopu a kliknout na Vyhledat. Obrázek 18: Formulář pro doplnění informací o cestě 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 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í Q3 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 Q3 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ů NE Uživatel neví, zda může nechat něco nevyplněné. Q3 Zobrazí se okno pro platbu.
Krok 7: Vybrat způsob platby a zaplatit. Obrázek 22: Okno pro platbu Q3
6. Testování Heuristickou evaluací 6.1. Vyhledání spojení Obrázek 23: Pokročilé hledání spojení Popis problému Po kliknutí na nápovědu (otazník) se uživatel nedozví žádnou doplňující informaci. Heuristika 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 Uživateli nemusí být jasné, že kliknutím na tlačítko Koupit" pouze vyhledá spojení vlaků. Heuristika H4: Konzistence a standardizace 6.3. Vyhledání informací o výlukách Obrázek 25: Omezení provozu Popis problému 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. Heuristika 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 1 25 Po kliknutí na nápovědu (otazník) se uživatel nedozví žádnou doplňující informaci. 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. Popsat co jsou to zvláštní historické vlaky. 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.