Proč ošklivé weby fungují?

Transkript

1 Proč ošklivé weby fungují?

2

3

4

5

6

7 Test Která stránka je hezčí? Nehodnoťte prosím nic jiného než estetiku.

8 84 % 16 %

9 Ale grafika webu má být krásná, protože

10 1 krásný web lidé upřednostní. 2 krásný web vydělá více peněz. 3 krásný web je použitelnější.

11 3 skutečná data

12 1 Upřednostní lidé krásný moderní web?

13

14

15 -14 % bounce rate +56 % stažení free verze +38 % nákupů prémiové verze +21 % konverzní poměr košíku

16 menší marketingový rozpočet než top konkurenti

17 TOP 5 na světě

18

19 2 Vydělá krásný web více peněz?

20

21

22 % celkový obrat +14 % počet objednávek

23

24 % celkový obrat +30 % počet objednávek

25 Při prvním otevření e-shopu se trochu zastavuji v čase. Web nenese moc moderních prvků, které by byly vhodné pro dnešní dobu.

26 Design opravdu působí trochu staře.

27

28 2016 dnes +70 % celkový obrat +54 % počet objednávek

29 2,3 % medián konverzního poměru v e-commerce

30 5,3 % konverzní poměr 25 % nejlepších e-shopů

31 6 11 % konverzní poměr 10 % nejlepších e-shopů

32 7 10 % konverzní poměr TopObalů

33 3 Je krásný web použitelnější?

34 Baymard Institute studie 60 klíčových e-shopů 1200 kvalitativních uživatelských testů 7 kvantitativních studií s 9200 lidmi laboratorní eytrackingové testy

35

36

37 100 % 64 % 48 % 33 %

38 1 jediná kamenná prodejna

39 Největší samostatný obchod s elektronikou v USA

40 Jak to?

41 1 Efekt sociální bubliny

42 Designeři vs. Uživatelé 83:17 80 % 65 % muži/ženy mileniálové VŠ 49:51 15 % 18 %

43 Kč % 80 % mzda exekuce Praha iphone Kč 10 % 12 % 3 %

44

45

46

47

48 Designer ani klient nejsou cílová skupina.

49 2 Efekt portfolia

50

51

52

53 Portfolio vs. důležitost Kudy lidé nejčastěji přicházejí na web? Které stránky jsou nejpoužívanější? Které stránky jsou kritické?

54 37 % produkt 28 % kategorie 14 % článek 14 % jiné stránky 7 % homepage

55 47 % kategorie 26 % produkt 14 % jiné stránky 10 % košík 3 % homepage

56 Na homepagi moc nezáleží.

57 3 Efekt grafických trendů

58 NN Group studie 4 flat designy + 1 tradiční design 229 dospělých let 228 dospělých 35+ let

59

60

61 Lidé kašlou na grafické trendy.

62 4 Efekt velké změny

63 Čas expozice 2 3 minuty trvá průměrná návštěva 150 minut denně strávíme online

64 98 % času lidé stráví na jiných webech

65 Lidé nenávidí změny.

66 5 Efekt důvěryhodnosti

67 Test Vybíráte nový foťák a chcete zjistit, jaké má zvažovaný model přednosti a nedostatky. Kterou videorecenzi si pustíte?

68

69

70 29 % 71 %

71 Druhá varianta působí víc jako reklama.

72 Vypadá příjemněji a také že bude od opravdového uživatele.

73 Smrdí z toho lidská zkušenost.

74 Test Které video je hezčí? Nehodnoťte prosím nic jiného než estetiku.

75 90 % 10 %

76 Příliš hezká grafika evokuje reklamu.

77 Co s tím?

78 1 Cíle

79 Co vs. Proč Jak Co

80 Co je cílem grafického návrhu? A aby se líbil klientovi B aby se líbil grafikovi C aby pomohl splnit cíle webu

81 předání sdělení, navození emocí, přesvědčení o důvěryhodnosti, soustředění pozornosti, zrychlení/ zpomalení, podsunutí volby, stimulace k akci

82 2 Výzkum

83 Konkurence Zvyklosti Negativní/pozitivní zkušenosti Věková skupina Fyzická/psychická omezení

84 Hardware a software Sociální status Kontext (Triading)

85 3 Principy

86 Nielsonovo 10 heuristik Čitelnost CRAP Fitt s law Komplementární barvy Occamova břitva

87 Attention ratio Message-match Pravidla gestaltu Banner blindness Horror Vacui

88 4 Testování

89 Emoční test 118 kartiček univerzálních emocí (nebo si připravíte vlastní)

90

91

92 přátelské, neodborné, milé, rozčiluje k odborné, profesionální, zdravotní, chladné

93 Quick-exposure test O čem stránka je? Co na ní lze udělat? Je důvěryhodná?

94

95

96

97 First-click test 1. zadáte konkrétní úkol 2. měříte, kam lidé kliknou nejdříve

98

99

100 Swap test Zapamatovatelnost/rozpoznatelnost Eliminace zkreslení jiných testů

101

102

103 Preference test Který design je přehlednější? Který důvěryhodnější? Který se lépe čte? Je lepší X nebo Y?

104

105

106 Fyziologické indikátory Tep Tlak Rozšíření zorniček Eyetracking

107 V pondělí ráno

108 Krása designu s výkonem nesouvisí.

109 Grafický návrh není kreativní erupce.

110 Cíle Výzkum Principy Testování

111 Grafik ani klient nejsou cílová skupina.

112

113 @jan_junek