USER EXPERIENCE. Foto: Angelika Güc

Transkript

1 USER EXPERIENCE

2 USER EXPERIENCE Mit zielgruppenorientiertem Webdesign Wunschkunden magisch anziehen

3 Angelika Güc

4 Nutzererfahrung Nutzererlebnis Nutzungserlebnis

5 Virtuelles Schaufenster

6 Wandel in der Kundenansprache: Customer Journey

7 Customer Touchpoints

8 Bleiben oder Gehen? In weniger als einem Lidschlag entscheidet der Besucher, ob ihm das Webdesign zusagt oder nicht. 75 % der Besucher leiten die Glaubwürdigkeit eines Unternehmens von dessen Webdesign ab. 67 % buchen oder kaufen eher über eine mobile Internetseite. 48 % der Besucher, die eine Unternehmens-Website mit einem mobilen Endgerät besuchten und dabei schlechte Erfahrungen machten, dachten, dass sich das Unternehmen nicht um sein Geschäft kümmert. //

9 94 % der ersten Eindrücke sind designbezogen. //

10 Was macht eine gute Website aus?

11 Was löst Handlungen bei Besuchern der Website aus?

12 Professionelles Design

13 Usability Benutzerfreundlichkeit

14 Optimiert für alle Endgeräte

15 Google die Analysemaschine

16 mobile first

17 daumenfreundliche Navigation

18 Gestaltungsraster

19 Adieu Seitenleiste

20 Das richtige Futter Content

21 Bedürfnisse

22 Service

23 Selfservice

24 Kurze Ladezeiten

25 Bye bye Parallax

26 Tschüss Slider

27 Vertrauen aufbauen

28 Sicherheit

29 Interaktion und Dialog

30 Storytelling

31 Referenzen

32 Kompetenz

33 Begeisterung

34 Handlung

35 Empfehlung

36 Wie treffen wir Kaufentscheidungen?

37 Unterbewusstein Wunderwerk Gehirn

38 In jeder Sekunde werden 11 Millionen Bit Informationen von den Sinnesorganen an das Gehirn gesendet. Davon gelangen nur 40 Bit, also 0,0004 %, in das Bewusstsein., Brain Script. Warum Kunden kaufen, Hans Georg Häusel, 2004, Seite 84

39 99 % der Gehirnprozesse finden im Unterbewusstsein statt //

40 Rund 80% unserer Entscheidungen treffen wir unbewusst auf Basis der Gefühle, die uns das Produkt verspricht. //

41 Eine Website mit User Experience (UX) als treibende Kraft bedeutet, dass sie auf die Ziele und Bedürfnisse der Kunden ausgerichtet ist. Besucher, die in der Lage sind, schnell und einfach ihre Ziele zu erreichen und eine positive Erfahrung beim Besuch der Website haben, werden zurückkehren und dies evtl. sogar anderen Personen empfehlen. Das führt zu Vertrauen, Markenbekanntheit und Loyalität. // Quelle:

42 Basisarbeit Welche Ziele soll die Website verfolgen?

43 Wer soll angesprochen werden?

44 Adieu Zielgruppe

45 Hello Buyer Personas

46 Buyer Personas identifizieren

47 Wettbewerb analysieren

48 sinkende Aufmerksamkeit

49 Eine Studie von Microsoft Kanada aus 2015 behauptet, Menschen hätten inzwischen eine geringere Aufmerksamkeitsspanne (8 Sekunden) als ein Goldfisch (9 Sekunden). // Quelle:

50 // Quelle: Durchschnittliche Verweildauer auf einer Website: 40 Sekunden

51 Navigationsstruktur

52 Contentstrategie

53 Wie fesselt man die Besucher?

54 Content: Gefragt ist, was Emotionen weckt und unterhaltsam, bedeutsam oder faszinierend wirkt

55 Snackable Content

56 Micro Content

57 Nutzen

58 USP Alleinstellungsmerkmal

59 Warum sind visuelle Eindrücke so wichtig? Usability versus SEO

60 Bilder sind schnelle Schüsse ins Gehirn. Dr. Werner Kroeber-Riel, Professor für Konsum- und Verhaltensforschung

61 Authentische Bildsprache

62

63

64 Drohnenaufnahmen

65

66

67 Visual Storytelling

68 Bild leitet zum Text

69 Kurze Texte

70 Fette Schriften in Headlines

71 Farb- und Schriftenkonzept

72 Wohlfühlklima

73 Verweildauer

74 Elemente einer Website

75 Logo

76 Navigation

77 Reduzierte Navigationselemente

78 Videos und Podcasts

79

80 Blog

81 Kundenstatements

82 Trust Bar

83 Social Media Links

84 Kontakt

85 Do s und Dont s auf dem Weg zum erfolgreichen Webprojekt

86 User im Fokus

87 Der Köder muss dem Fisch schmecken, nicht dem Angler. Prof. Dr. Helmut Thoma

88 Briefing und Abstimmung

89 Design versus Technik

90 Bild versus Text

91 Usability versus SEO

92 Noch einige Trends

93 Seitenaufbau: Kartenbasiertes Layout

94 Contentebenen

95 Raster brechen

96 Flat Design

97 Schwarz weiss

98 monchrom mit Farbklecks

99 knallige Farben

100 Minimalismus

101 Viel Weißraum

102 Im Projekt: Was ist vorab wichtig?

103

104

105

106 Webbaukasten

107 Wordpress

108 Typo3

109

110 Welche Technologie ist die Richtige?

111 Beispiele

112 Beispiel Emmy Rollersharing

113 Beispiel Emmy Rollersharing

114 Beispiel Mailchimp

115 Beispiel Mailchimp

116 Beispiel Messebauer

117 Beispiel Messebauer

118 Beispiel Industrie

119 Beispiel Industrie

120 Beispiel Solopreneurin

121 Beispiel Solopreneurin

122

123 PROFESSIONELLE UND AUTHENTISCHE BILDSPRACHE IM MARKETING BERATUNG l SEMINARE l WORKSHOPS

124