Prezentace z Ostravského BarCampu 2014

1. UŽIVATELSKÁ TESTOVÁNÍ MODERNÍCH E-SHOPŮ A WEBŮ, ANEB JAK JSME NA TOM V ČESKU
Ing. Jan Kalianko EshopKonzultant.cz

2. Sledujte mě:
•Weby:
•http://www.eshopkonzultant.cz/
•http://www.jak-delam-eshop.cz/
•http://www.eshopvikend.cz/
•http://www.svetbot.cz/
•http://www.kalianko.eu/
•Twitter: @eshopkonzultant
•Google+: http://www.google.com/+JanKalianko
•Facebook: https://www.facebook.com/jan.k.kali
KDO JSEM?

3. OBSAH
@eshopkonzultant
•Dogmata, pojmy a dojmy
•TOP české e-shopy
•Případové studie ze zahraničí
•Případové studie z ČR
•Testování oční kamerou – příklady
•Jak testovat
•Co si odnést

4. CO TO JE?
@eshopkonzultant

5. DOGMATA, POJMY A DOJMY
@eshopkonzultant

6. JAK TO BĚŽNĚ CHODÍ…
„Amazon má konverzní poměr přes 10 %, tak ho zkopírujeme…“
@eshopkonzultant

7. JAK TO BĚŽNĚ CHODÍ…
„Tlačítka mají být velká a mají mít zelenou barvu, tak je tak uděláme…“
@eshopkonzultant

8. JAK TO BĚŽNĚ CHODÍ…
„Mají to tak na Alza.cz a ty přece něco umí ne…“
@eshopkonzultant

9. JAK TO BĚŽNĚ CHODÍ…
A tak vzniká čím dál tím více mýtů a dogmat od lidí, kteří si něco jen myslí a neověří si to...
Nebuďte takoví i vy!
@eshopkonzultant

10. JAK JSOU NA TOM TOP ČESKÉ E-SHOPY
@eshopkonzultant

11. @eshopkonzultant

12. @eshopkonzultant

13. @eshopkonzultant

14. @eshopkonzultant

15. @eshopkonzultant

16. @eshopkonzultant

17. @eshopkonzultant

18. @eshopkonzultant

19. @eshopkonzultant

20. @eshopkonzultant

21. @eshopkonzultant

22. @eshopkonzultant

23. NĚKDY JE TO VŠAK I LEPŠÍ
@eshopkonzultant

24. PŘÍPADOVÉ STUDIE ZE ZAHRANIČÍ
@eshopkonzultant

25. CALL-TO-ACTION
Co je to CALL-TO-ACTION prvek?
@eshopkonzultant

26. CALL-TO-ACTION - BARVA
Příklad č.1:
@eshopkonzultant

27. CALL-TO-ACTION - BARVA
Příklad č.2:
@eshopkonzultant

28. CALL-TO-ACTION - BARVA
Příklad č.3 :
@eshopkonzultant
O 21 % více kliků na červené tlačítko

29. CALL-TO-ACTION - TEXTY
Příklad č.1:
@eshopkonzultant

30. CALL-TO-ACTION - TEXTY
Příklad č.2:
@eshopkonzultant

31. CALL-TO-ACTION - TEXTY
Příklad č.3:
@eshopkonzultant

32. CALL-TO-ACTION - TEXTY
Příklad č.4:
@eshopkonzultant

33. CALL-TO-ACTION - TEXTY
Příklad č.5:
@eshopkonzultant

34. CALL-TO-ACTION - TEXTY
Příklad č.6:
@eshopkonzultant

35. CALL-TO-ACTION - VELIKOST
Příklad č.1:
@eshopkonzultant

36. CALL-TO-ACTION - UMÍSTĚNÍ
Příklad č.1:
@eshopkonzultant

37. CALL-TO-ACTION - UMÍSTĚNÍ
Příklad č.1:
@eshopkonzultant

38. CALL-TO-ACTION - DALŠÍ
Příklad č.1:
@eshopkonzultant

39. ROZLOŽENÍ STRÁNKY
Příklad č.1:
@eshopkonzultant

40. ROZLOŽENÍ STRÁNKY
Příklad č.2:
@eshopkonzultant

41. FORMULÁŘE
Příklad č.1:
@eshopkonzultant

42. FORMULÁŘE
Příklad č.1:
@eshopkonzultant

43. FORMULÁŘE
Příklad č.1:
@eshopkonzultant

44. FORMULÁŘE - MAILING
Příklad č.2:
@eshopkonzultant

45. FORMULÁŘE - MAILING
Příklad č.3:
@eshopkonzultant

46. PŘÍPADOVÉ STUDIE Z ČR
@eshopkonzultant

47. MALL.CZ
@eshopkonzultant

48. SVĚTBOT.CZ - FILTRY
@eshopkonzultant
Původní:
Nová varianta:
Navýšení používání filtrů o 36,32 %

49. SVĚTBOT.CZ - MENU
@eshopkonzultant
Původní:
Nová varianta:
Při uživatelském testování označilo 86 % uživatelů menu jako přehlednější a použitelnější

50. SVĚTBOT.CZ – NÁHLED PRODUKTU VE VÝPISU
@eshopkonzultant
Původní: Nová varianta:
Proklik na detail produktu se zvýšil o 17,3 %

51. SVĚTBOT.CZ – TEXT TLAČÍTEK – PRODUKT
@eshopkonzultant
Varianta 1
Originál
Varianta 2

52. TESTY OČNÍ KAMEROU
@eshopkonzultant

53. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

54. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

55. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

56. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

57. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

58. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

59. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

60. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

61. EYE- TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

62. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

63. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

64. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

65. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

66. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

67. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

68. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7

69. EYE-TRACKING
@eshopkonzultant
Zdroj: http://www.businessinsider.com/eye-tracking-heatmaps-2014-7
Kam koukají ženy
Kam koukají muži

70. JAK TESTOVAT
@eshopkonzultant

71. A/B TESTY
@eshopkonzultant
•Nástroje:
•Visual website optimizer - https://vwo.com/
•Optimizely - https://www.optimizely.com/
•Unbounce - http://unbounce.com/
•KISSmetrics - https://www.kissmetrics.com/
•AB tasty - https://en.abtasty.com/

72. HEAT MAPY
@eshopkonzultant
•Nástroje:
•Myx.cz
•Crazyegg.com

73. UŽIVATELSKÉ TESTOVÁNÍ
@eshopkonzultant
•Eye-tracking

74. CO SI TEDY ODNÉST
@eshopkonzultant

75. CO SI ODNÉST
@eshopkonzultant
1. Bez měření je vše jen o dojmech…

76. CO SI ODNÉST
@eshopkonzultant
2. Vždy to záleží na zpracování…

77. CO SI ODNÉST
@eshopkonzultant
3. Studie chápejte jako doporučení, nikoliv jako dogma…

78. CO SI ODNÉST
@eshopkonzultant
4. Inspirujte se, nekopírujte…

79. OTÁZKY NA ZÁVĚR
+ malá pozvánka na léto 2015
www.eshopvikend.cz

80. Sledujte mě:
•Weby:
•http://www.eshopkonzultant.cz/
•http://www.jak-delam-eshop.cz/
•http://www.eshopvikend.cz/
•http://www.svetbot.cz/
•http://www.kalianko.eu/
•Twitter: @eshopkonzultant
•Google+: http://www.google.com/+JanKalianko
•Facebook: https://www.facebook.com/jan.k.kali
DĚKUJI ZA POZORNOST JSEM TU PRO VÁS