Uživatelské testování (User experience) v praxi. Přednáška Jiřího Komára v rámci konference Maraton e-commerce vědomostí od společnosti NetDirect ze dne 5.6.2012.

1. User Experience v praxi
5.6. 2012 Jiří Komár
User Experience v praxi

2. Co je to vlastně UX?
User Experience v praxi 5.6.2012

3. UX je všechno
User Experience v praxi 5.6.2012

4. • Nalezitelnost
• Užitečnost
• Důvěryhodnost
• Použitelnost
• Potřebnost
• Přístupnost
User Experience v praxi 5.6.2012

5. flow
User Experience v praxi 5.6.2012

6. O „Flow“ můžeme rychle přijít
User Experience v praxi 5.6.2012

7. Pokud už najdete odkaz na košík, asi na něj nekliknete
electroworld.cz
User Experience v praxi 5.6.2012

8. Přihlášení a hledání bylo dokonale zamaskováno
megastreet.cz
User Experience v praxi 5.6.2012

9. Určitě tam ty peníze pošlu
blackcomb.cz
User Experience v praxi 5.6.2012

10. Jak vložit do košíku?
zoohit.cz
User Experience v praxi 5.6.2012

11. I pěkné věci můžou být špatně
ceskasporitelna.cz
User Experience v praxi 5.6.2012

12. Co tedy dělat a co ne?
• Uživatelské rozhraní tvoříme dle znalostí našich uživatelů
• Neopisujeme staré řešení, děláme nové a lepší
• Učíme se z chyb jiných
• Soustředíme se na kritické místa aplikace - 20%
• Pojmy: pozitivní stereotypy, návrhový vzory, mentální modely
User Experience v praxi 5.6.2012

13. Poznáváme svého uživatele
User Experience v praxi 5.6.2012

14. Poznáváme svého uživatele
Analýza webu a potřeb uživatelů
• Kvantitativní průzkum
• Kvalitativní průzkum
User Experience v praxi 5.6.2012

15. Poznáváme svého uživatele
Kvalitativní průzkum
• Etnografické rozhovory
• Hloubkové rozhovory a focus group
• Vytvoříme si personu/y
User Experience v praxi 5.6.2012

16. User Experience v praxi 5.6.2012

17. User Experience v praxi 5.6.2012

18. User Experience v praxi 5.6.2012

19. User Experience v praxi 5.6.2012

20. User Experience v praxi 5.6.2012

21. Poznáváme svého uživatele
Kvantitativní průzkum
• Webová analytika
• Ankety
• Dotazníky
• Hodnocení
User Experience v praxi 5.6.2012

22. Navrhujte web správně
User Experience v praxi 5.6.2012

23. Card sorting (třídění kartiček)
• Tvoříme strukturu (celého webu, určitého prvku)
• Uživatel, zadavatel, designer
• Uvědomujeme si potřeby a priority uživatele
• Nástroje: tužka, malé papírky, tabule
User Experience v praxi 5.6.2012

24. Sketching (skicování)
• Rychlý návrh obrazovek a nabídek
• Vhodné v rané fázi projektu
• Skicy nám pomůžou vytvořit wireframe
• Nástroje: tužka a hodně papíru
User Experience v praxi 5.6.2012

25. Wireframe (drátěné kostry webu)
• Ušetří nám velké starosti (čas, peníze)
• Popisuje rozmístění prvků na webu
• Nechte to raději na profesionálech 
• Nástroje: Axure RP, Balsamiq, Cacoo
User Experience v praxi 5.6.2012

26. User Experience v praxi 5.6.2012

27. User Experience v praxi 5.6.2012

28. Tvorba interaktivních prototypů
• Pokud je wireframe málo
• Můžeme otestovat na uživatelích nebo provést A/B testování
• Lze použít místo psané specifikace
• Lze vytvořit funkční aplikaci 1:1
• Nástroje: Axure RP, Balsamiq, HTML a CSS
User Experience v praxi 5.6.2012

29. Testování webu
• Testujeme pravidelně (wireframe, prototyp, design, web)
• Typy testování
- Teplotní mapy, nahrávání obrazovky, A/B testování, MVT
- Vzdálené testování
- Moderované uživatelské testování
User Experience v praxi 5.6.2012

30. Teplotní mapy (heatmap)
Nástroje: mYx, CrazyEgg, userfly, ClickTale
User Experience v praxi 5.6.2012

31. A/B testování
Nástroje: Google Website Optimizer
User Experience v praxi 5.6.2012

32. Moderované uživatelské testování
• Do testu vybíráme obyčejné uživatele, ne pracovníky firmy
• Testujeme na 3-6 uživatelích
• Před testem sestavíme scénář uživatelského testování
• Při testu nutíme uživatele uvažovat nahlas
• Testování nahráváme nebo si děláme poznámky
• Z poznámek vypracujeme výstupní analýzu, tu předáme k
dalšímu zpracování
• Hledáme chyby v použitelnosti a ne v aplikaci, ani v uživatelích
• Každý uživatel je jiná osobnost
User Experience v praxi 5.6.2012

33. 5 nejčastějších chyb internetových obchodů
• Velké množství produktů
• Malé fotky a špatný popis produktů
• Špatná navigační architektura webu
• Zbytečně složitý objednávkový proces
• Špatná práce s marketingovými nástroji
(E-mail marketing, Google Analytics, Sociální sítě,
Cross-selling, Up-selling)
User Experience v praxi 5.6.2012

34. Děkuji za pozornost
Čas na dotazy
@jirikomar
jiri.komar@netdirect.cz
User Experience v praxi 5.6.2012