Prezentace testování webového systému pro on-line rezervace vstupenek v O2 aréně. Ukázka a popis hlavních nalezených problémů včetně doporučení. Kompletní zpráva viz http://www.slideshare.net/ondram/tur-a2-machuon1 .

1. Testování systému pro on-line
rezervace vstupenek do O2 Areny
Y39TUR (A7B39TUR)
Ondřej Machulda
FEL ČVUT
machuon1@fel.cvut.cz
@OndraM

2. Úvod
●
O2 Arena (2004 Sazka Arena) v Praze
●
www.o2arena.cz
●
Webová rezervace vstupenek
●
Nikoliv nákup
●
Nutno vyzvednou u terminálu Sazky
●
„Sazka Ticket“
●
HC Slavia Praha
2

3. Uživatelé
●
Hokejoví fanoušci
●
Zvyklí nakupovat na internetu a obsluhovat
webový prohlížeč
●
Zvyklí nakupovat a rezervovat vstupenky na
sportovní utkání přes web
●
Zde ale mohou vstupenku rezervovat poprvé
3

4. Testované use-case
●
UC1 – vyhledání akce (HE)
●
UC2 – nákup vstupenky (CW)
●
UC3 – registrace uživatele (CW, HE)
●
Nejzávažnější nálezy
●
S prioritou 4
4

5. UC1: N1 – nepřehledná hlavní strana
5

6. UC1: N1 – nepřehledná hlavní strana
● Co je špatně?
● Nepřehledné; flashové bannery
● Matoucí odkaz „Domácí tým“ (Jen dekorace? Odkaz na
web klubu? Nákup vstupenek?)
● Porušené heuristiky:
● H7 – flexibilní a efektivní použití
● H8 – estetický a minimalistický vzhled
● Doporučení:
● Zjednodušit hlavní stranu
● Změnit nadpis - „Zápasy domácího týmu“ apod.
6

7. UC1: N2 – nenalezitelné akce
7

8. UC1: N2 – nenalezitelné akce
8

9. UC1: N2 – nenalezitelné akce
9

10. UC1: N2 – nenalezitelné akce
● Co je špatně?
● Pokud uživatel akce hledá logicky, má smůlu
– Hokej není sport?
– Hokejová utkání nejsou akce?
● Zvýraznění aktuální položky v menu
● Porušené heuristiky:
● H1 – viditelnost stavu systému
● H2 – podobnost systému a reálného světa
● H9 – zotavení se z chyb
● Doporučení:
● Dát kategoriím smysl
● Když nic nenajde, poslat uživatele do...
10

11. UC1: N2 – nenalezitelné akce
● Co je špatně?
● Pokud uživatel akce hledá logicky, má smůlu
– Hokej není sport?
– Hokejová utkání nejsou akce?
● Zvýraznění aktuální položky v menu
● Porušené heuristiky:
● H1 – viditelnost stavu systému
● H2 – podobnost systému a reálného světa
● H9 – zotavení se z chyb
● Doporučení:
● Dát kategoriím smysl
● Když nic nenajde, poslat uživatele do... správné kategorie
11

12. UC1: N3 – nefunkční vyhledávání
12

13. UC1: N3 – nefunkční vyhledávání
●
Co je špatně?
●
Vyhledávání nehledá v akcích!
●
Porušené heuristiky:
●
H2 – podobnost systému a reálného světa
●
H7 – flexibilní a efektivní použití
●
Doporučení:
●
Opravit vyhledávání
●
Či alespoň upozornit uživatele, že je...
13

14. UC1: N3 – nefunkční vyhledávání
●
Co je špatně?
●
Vyhledávání nehledá v akcích!
●
Porušené heuristiky:
●
H2 – podobnost systému a reálného světa
●
H7 – flexibilní a efektivní použití
●
Doporučení:
●
Opravit vyhledávání
●
Či alespoň upozornit uživatele, že je... to jinak
14

15. UC1: N4 – seznam utkání
15

16. UC1: N4 – seznam utkání
●
Co je špatně?
●
Seznam utkání a tlačítka pro objednání vstupenek
jsou na konci dlouhé stránky
●
Porušené heuristiky:
●
H7 – flexibilní a efektivní použití
●
Doporučení:
●
Přesunout seznam utkání více na začátek
●
Jednodušší cesta k objednání vstupenky?
16

17. UC2: Rezervace vstupenky
(Q0) Uživatel si chce
rezervovat vstupenku na akci.
17

18. UC2: Rezervace vstupenky
●
Kroky
1. Výběr sektoru
2. Výběr míst
3. Přihlášení
4. Potvrzení rezervace
5. Zobrazení výsledné rezervace
●
Výchozí stav:
●
Uživatel má vybranou akci, na kterou si chce
rezervovat vstupenku. Uživatel je v systému
registrován, avšak není momentálně přihlášen.
18

19. UC2: Rezervace vstupenky
●
Kontrolujeme:
●
Q1. Bude uživateli zřejmá správná akce?
●
Q2. Spojí si uživatel popisek akce s tím, co chce
udělat?
●
Q3. Obdrží uživatel odpovídající odezvu na
provedenou akci?
●
Živá ukázka:
●
Uživatel má vybranou akci:
http://www.o2arena.cz/O2arena/eventDetail.aspx
19

20. UC2: Rezervace vstupenky
Krok Q1 Q2 Q3
1. Výběr sektoru Ano Ano Ano
2. Výběr míst Ne Ne Ano
3. Přihlášení Ne Ne Ano
4. Potvrzení rezervace Ne Ano Ano
5. Výsledná rezervace Ne Ne Ano
20

21. Závěr
●
Mnoho závažných problémů
●
Mohou vést k ohrožení samotného businessu
stránek (rezervace/prodej vstupenek)
●
Provozovatel by měl testování UI věnovat
náležitou pozornost
21

22. Závěr
22

23. Děkuji za pozornost
Prezentace i kompletní zpráva ke stažení:
www.slideshare.net/OndraM
Twitter:
@OndraM