Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Emotionen im Webdesign

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?

29b579292e78894592b006c1f03e0167?s=128

Dennis Erdmann

March 02, 2013
Tweet

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?