Emotionen im Webdesign

Präsentation anlässlich des Contao Nordtag 2013. Thema: Wie mache ich meine Website oder meinen Online-Shop für Besucher attraktiver?

Transcript

1. Websites emotional gestalten Wie mache ich meine Website oder meinen Online-Shop für Besucher attraktiver? Vortrag zum Contao Nordtag 2013 ★ Was können Emotionen leisten? ★ Wie erzeugt man positive Emotionen? ★ Gefahren von Emotionen im Webdesign
2. Dennis Erdmann Geschäftsführer der Internetagentur SOLADES, zuständig für Konzeption & Gestaltung ★ Kieler ★ 29 Jahre alt ★ Hundeliebhaber ★ Gelegenheitsläufer web: twitter: denniserdmann.de & solades.de @denniserdmann Über mich
3. Welche Erwartungen haben Nutzer im Jahr 2013 an eine Website?
4. Gra k: Aaron Walter funktional zuverlässig benutzerfreundlich attraktiv Erwartungen an eine Website }heutzutage bei nahezu allen Websites standard
5. Gra k: Aaron Walter funktional zuverlässig benutzerfreundlich attraktiv { fehlt bei vielen Websites Erwartungen an eine Website
6. Was Emotionen leisten Was können Emotionen leisten?
7. Was Emotionen leisten Was können Emotionen leisten? ★ Freude in der Benutzung scha en
8. Was Emotionen leisten Was können Emotionen leisten? ★ Freude in der Benutzung scha en ★ Interesse und Neugierde wecken
9. Was Emotionen leisten Was können Emotionen leisten? ★ Freude in der Benutzung scha en ★ Interesse und Neugierde wecken ★ Vertrauen aufbauen
10. Was Emotionen leisten Was können Emotionen leisten? ★ Freude in der Benutzung scha en ★ Interesse und Neugierde wecken ★ Vertrauen aufbauen ★ Sympathie des Kunden gewinnen
11. Was Emotionen leisten Was können Emotionen leisten? ★ Freude in der Benutzung scha en ★ Interesse und Neugierde wecken ★ Vertrauen aufbauen ★ Sympathie des Kunden gewinnen ★ Toleranz scha en
12. Möglichkeiten zur Erzeugung von Emotionen ★ Farben ★ Bilder & Bildsprache ★ Texte ★ Überraschungen & Gimmicks ★ Aufmerksamkeiten & Belohnungen Wie kann man Emotionen beim Seitenbesucher erzeugen?
13. Emotionen erzeugen durch Farben Emotionen durch Farben
14. Emotionen durch Farben
15. Emotionen durch Farben hm.com/de/
16. Emotionen durch Farben mediamarkt.de
17. Emotionen durch Farben o ce.mircosoft.com
18. Emotionen durch Farben wwf.de 2006 bis 01.2012
19. Emotionen durch Farben wwf.de 2013
20. Emotionen erzeugen durch Bilder und Bildsprache Emotionen durch Bilder
21. allianz.de 2006 Emotionen durch Bilder
22. allianz.de 2013 Emotionen durch Bilder
23. its.de Emotionen durch Bilder
24. Emotionen erzeugen durch den Einsatz von Personen Emotionen durch Bilder
25. Ich bin eine wichtige Headline Ich bin ein kurzer Beschreibungstext Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Emotionen durch Bilder
26. Bild: Flickr, patriziasoliani Ich bin eine wichtige Headline Ich bin ein kurzer Beschreibungstext Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna. Emotionen durch Bilder
27. Bild: giro-sucht-hero.de Emotionen durch Bilder
28. Bild: mailchimp.com Emotionen durch Bilder
29. Faktor Persönlichkeit Bild: Flickr, Russ Robinson
30. markenservice.net, ohne Personen Emotionen durch Bilder
31. markenservice.net, mit Person Emotionen durch Bilder
32. markenservice.net, mit Person Emotionen durch Bilder + 39%
33. Emotionen durch Bilder
34. Emotionen durch Bilder +15%
35. Emotionen durch Bilder derzeitige Landinpage auf markenservice.net
36. Eine Studie: „Exploring Human Images in Website Design“ Emotionen durch Bilder
37. Bilder: SONY Website Emotionen durch Bilder ohne Menschen Menschen im Anschnitt Menschen gut erkennbar
38. Emotionen durch Bilder Ergebnisse der Studie: ★ Personen erhöhen die Attraktivität einer Website und das länder- und kulturübergreifend. ★ Websites, auf den Personen dargestellt werden, werden generell als wärmer und emotional ansprechender empfunden ★ Je attraktiver die Bilder, desto größer das Vertrauen in die Website
39. Emotionen durch Bilder Pinterest als weiterer Absatzkanal
40. Emotionen erzeugen durch Texte und Sprache Emotionen durch Text
41. manufactum.de Emotionen durch Text
42. „Wenn sich ein traditionsreicher Schuhmacher – Le Chameau in der Normandie fertigt seit 1927 Stiefel und Schuhe höchster Qualität – und ein nicht weniger renommierter Reifenhersteller – Michelin fabriziert bereits seit 1889 „Pneumatiques“ – zusammentun, um ihre Erfahrungen und Techniken zu addieren, dann entsteht ein Stiefel, der in Form, Funktion und Qualität seinesgleichen sucht.“ manufactum.de Emotionen durch Text
43. x-bionic.de Emotionen durch Text
44. x-bionic.de „Was X-BIONIC Produkte leisten, ist Legende. Wie sie entstehen Top Secret.“ Emotionen durch Text
45. x-bionic.de „Unsere Vorbilder haben den härtesten Feind besiegt: Die Natur“ Emotionen durch Text
46. x-bionic.de Emotionen durch Text
47. Emotionen erzeugen durch Überraschungen und Gimmicks Emotionen durch Überraschung
48. WM Finale bei Google Emotionen durch Überraschung
49. Valentinstag bei Google Emotionen durch Überraschung
50. Olympischen Spiele bei Google Emotionen durch Überraschung
51. Login bei Mailchimp am 04. Mai Emotionen durch Überraschung
52. Login bei Mailchimp zum Winteranfang Emotionen durch Überraschung
53. henrikhedegaard.com Emotionen durch Überraschung
54. heinz.com Emotionen durch Überraschung
55. ickr mit Serverproblemen Emotionen durch Überraschung
56. Bild: Developpeur Emotionen durch Überraschung
57. Bild: Canna W Emotionen durch Überraschung
58. Emotionen erzeugen durch Aufmerksamkeiten und Belohnung Emotionen durch Belohnung
59. Mail von Dropbox an Premium-Kunden, Nachricht: Sebastian Schack Emotionen durch Belohnung
60. Das ZALANDO der USA: toms.com 24h Emotionen durch Belohnung
61. Twitter-Alternative app.net Emotionen durch Belohnung
62. Gefahren von Emotionen im Webdesign Emotionen durch Belohnung ★ Emotionen tre en nicht jeden Geschmack ★ sie können falsch aufgefasst werden ★ Sie können dem Unternehmensimage schaden
63. SOLADES® Holstenstraße 22 24103 Kiel 0431.560 10 60 | www.solades.de Noch Fragen?