Přednáška na téma uživatelského testování. Obsah: - Základní chování uživatele - Jak testování probíhá - Chyby na webech - Chyby při testování

1. @MichalVojak
Rozumí zákazníci vašemu webu?
Michal Voják
Děláme internet lepší

3. @MichalVojak
Rozumí zákazníci vašemu webu?
Michal Voják
Děláme internet lepší

4. Testujete se zákazníky
váš web či e-shop?

5. Trocha teorie
Jak web správně testovat
Čemu testováním předejít
Čemu se při testování vyvarovat
Uživatelské testování

6. Trocha teorie
Jak web správně testovat
Čemu testováním předejít
Čemu se při testování vyvarovat

7. Uživatel chce na webu najít co hledá
intuitivně, rychle, a bez nutnosti moc
přemýšlet.
“

8. Rychlé a pomalé myšlení
Rychlé myšlení - intuitivní, emocionální
Pomalé myšlení - váhavé, racionální
Kde zjistit více: Myšlení rychlé a pomalé od Daniel Kahneman

9. Jak poznat uživatele?

10. Uživatelský výzkum
KvalitativníKvantitativní
Webová analytika
Známá data
Analýza klíčových slov
Dotazník
Výzkum od stolu
Hloubkový rozhovor
Uživatelský test
Pop-up výzkum
Safari výzkum
Nahrávání uživatelů
Eye tracking

11. ๏ Kvalitativní metoda
๏ Pozorujeme chování
๏ Zjištujeme použitelnost
๏ Zjištujeme nové pohledy
๏ Pro ověření nových nápadů
Co je uživatelský test

12. Uživatelské testování = testování použitelnosti!
“

13. Co můžeme uživatelsky testovat

14. Reálný web / e-shop / aplikace

15. Skicy

16. Wireframe

17. Prototypy podobné realitě

18. V jaké fázi testovat
๏ Co nejdříve
๏ Průběžně
๏ Na konci návrhové fáze
๏ Když projekt běží

19. Kde test provádět
๏ U sebe v kanclu
๏ Můžete vyběhnout mezi lidi např. kavárna
๏ Přirozené prostředí pro respondenta
๏ Můžete na to mít speciální místnost

20. Pro větší efekt spojte uživatelské
testování s hloubkovými rozhovory.“

21. Trocha teorie
Jak web správně testovat
Čemu testováním předejít
Čemu se při testování vyvarovat

22. Definice cíle
๏ Co chcete otestovat

23. Scénář
๏ Vše co chcete říkat (zahřívací kolo,…)
๏ Důležité věci uprostřed
๏ Doslovná osnova
๏ Není potřeba držet strukturu za každou cenu

24. Nábor uživatelů
๏ Známí
๏ Sociální sítě
๏ Váš web
๏ Vaše databáze
๏ Agentury
๏ ….

25. Průběh testování
๏ Zahřívací kolo a neformální závěr
๏ Jeden na jednoho
๏ 5 uživatelů (45 min max)
๏ Jasně zadaný úkol
๏Mlčení zlato / stínování otázek
๏Nechte ho o samotě

26. Proč 5 lidí na test
https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/

27. Vyhodnocení
๏ Nejde o kvantitu
๏ Pozorujte chování, lidé často zastírají pravdu
๏ Hodnotit nezaujatě
๏ Nebuď sám, nejsi Superman - použijte lepíky
๏ Nahrávání
๏ Vemte klienta s sebou

28. Trocha teorie
Jak web správně testovat
Čemu testováním předejít
Čemu se při testování vyvarovat

29. Co klienta snadno zmate
๏ Neznámý jazyk
๏ Neznámé prvky
๏ Neodpovídající obsah
๏ Nestandardní chování webu
๏ Neaktuální obsah
๏…

30. Neznámý jazyk
Zadání přikazu k úhradě v CM
Platba v cizí m
ěně

31. Neznámý jazyk
bm
Běžný metr

32. Microcopy
Rozumí uživatelé kontextu sdělení?

33. Neznámé prvky
Rozumí uživatelé významu ikon?

34. Ikony jsou častý problém

35. Ikony pro navigaci
Menu

36. Nestandardní chování

37. Hover efekt na neklikací akci či chybějící hover na klikací akci
Nestandardní chování

38. Nevhodně
použité
prvky

39. Kam jsem se to dostal…

40. Rozhodovací paralýza

42. Neaktuální obsah

43. Dlouhé texty, špatný kontrast, malé fonty

44. Rychlost webu / e-shopu

45. Vopruz metr

46. Trocha teorie
Jak web správně testovat
Čemu testováním předejít
Čemu se při testování vyvarovat

47. Nedostatečná informovanost

48. Překvapení v den testu

49. Odbyté uvítání

50. Rozrušení uživatele, zkreslení testu

51. Navádějící nebo postupné
zadání úkolů

52. Neotestovaná použitelnost

53. Prozrazení pointy

54. Nezjištěné očekávání

55. Nedostatečný čas pro reakci

56. Ztráta zpětné vazby

57. Ověřujte použitelnost, kdykoli je to možné
Definice cíle a příprava
Pokládejte jednoduché a jasné otázky, pak mlčte
Nejde o kvantitu, vyhodnocujte s nadhledem
Co si z toho odnést

58. Pojďme společně dělat internet lepší
facebook.com
/awdevcz
www.designdev.cz twitter.com/
awdevcz
Linkedin.com
/company/awdevcz