Erforschung der Auswirkungen von Emotionen im Webdesign

Für uns Designer ist es manchmal schwer zu schlucken, aber unsere schöne Arbeit nützt nichts, wenn sie nicht den Zielen unserer Kunden dient. Und für jeden Kunden besteht die erste Aufgabe darin, Besucher auf seine Websites und Produkte zu locken.

Die Zeiten des aggressiven digitalen Marketings (Anzeigen, Banner und Pop-ups) sind vorbei. Die heutigen Webnutzer, selbst Millennials und Senioren, erwarten, dass ihr Surferlebnis „sauber“ und ästhetisch ansprechend ist. Sehen Sie sich an, wie stark das Suchvolumen für Werbeblocker-Software in den letzten fünf Jahren gestiegen ist.

Mit Werbeblockern, die auf jedem anderen Gerät installiert sind, müssen wir uns alle mit den einfachen Go-to-Optionen auflösen und nach Wegen suchen, Produkte, Dienstleistungen oder Ideen mit ausgefeilteren Instrumenten zu bewerben und zu verkaufen.

Ein solches Instrument ist als Design for Emotion bekannt – ein psychologischer Designansatz, der darauf abzielt, den beabsichtigten Benutzer mit Emotionen zu wecken und die Besucher an das Ziel Ihrer Website zu binden.

Wenn wir beispielsweise eine Website entwerfen würden, um für ein Erfrischungsgetränk zu werben, könnten wir dies auf zwei Arten tun:

1. Stellen Sie das Produkt und die Marke in den Vordergrund.
2. Stellen Sie Produkt und Marke in die passende emotionale Entourage.

Stellen Sie sich vor, Sie besuchen eine Website und sehen sich ein Bild (oder einen Videoclip) von jungen Leuten an, die an einem sonnigen Strand Volleyball spielen. Selbst wenn Sie kein großer Volleyball-Fan sind, wird die Emotion, wie viel Spaß diese Leute haben, sofort bei Ihnen ankommen. Und wenn sich dann einer der Leute mit einem kalten Getränk erfrischt, kann man nicht anders, als auch einen Durst im Hals zu spüren.

Das Ziel des Bildes oder Videos war nicht, Beachvolleyball zu bewerben, sondern die Limonadenmarke zu verkaufen. Es hat Sie jedoch nicht nur wie ein Zug getroffen, sondern wurde Ihnen allmählich und unauffällig durch die Emotion des Spaßes und des Spielgeistes nahe gebracht.

Ebenen des emotionalen Verständnisses

Seit den Anfängen des Web 2.0, als komplexe Animationen und leichtgewichtige Clips nach und nach den virtuellen Raum eroberten, beschäftigten sich Designer mit der emotionalen Wirkung von Websites. „Designing for Emotion“, ein Buch, das 2005 von Aaron Walter veröffentlicht wurde, wurde schnell zu einem Bestseller und zu einem Tabletop-Leitfaden für viele Webdesigner der heutigen Generation, mich eingeschlossen.

In seinem Buch identifiziert Walter die drei Stufen der emotionalen Bindung eines typischen Website-Besuchers: Beeindruckt , Fasziniert und Beteiligt .

1. Viszerale Ebene: „Beeindruckt“

Der erste Eindruck ist immer unbewusst und wird von unserem Gehirn unabhängig von vernünftigem Urteilsvermögen automatisch interpretiert. Wenn wir eine Website besuchen, geben wir ihr sofort entweder einen „Daumen hoch“ oder einen „Daumen runter“.

Und basierend auf dieser anfänglichen Einschätzung werden wir alle Inhalte auf dieser Website weiterhin positiv wahrnehmen. Es sollte also keine Überraschung sein, dass ein gutes viszerales Design nur die Reaktion „Daumen hoch“ hervorrufen muss.

2. Verhaltensebene: „Fasziniert“

Wenn etwas auf den ersten Blick cool aussieht, versucht unser Gehirn zu analysieren, was es ist und wie es funktioniert. Dies löst unsere Verhaltensmuster aus und wir beginnen, uns emotional über etwas zu freuen, das uns gefällt. Der zweite Schritt des emotionalen Designs wäre also, Ihr Design für weitere Untersuchungen einzuladen.

Wenn der Besucher fasziniert ist, wird er nicht widerstehen können, nach unten zu scrollen, dem Link zu folgen oder sogar auf einen Aufruf zum Handeln zu klicken.

3. Reflexionsebene: „Beteiligt“

Dies ist die höchste Stufe unserer kognitiven Denkprozesse. Dies ist, wenn wir die Dinge, die wir sehen, analysieren und logische Urteile darüber fällen. Der Benutzer der Website wird von den vorherigen beiden auf diese Ebene gezogen, und an diesem Punkt müssen alle Karten auf den Tisch gelegt werden, indem gezeigt wird, was das Produkt ist und warum es für den Benutzer nützlich ist.

In seinem Kopf wird der Benutzer die Absicht der Website verstehen, das Produkt zu verkaufen, aber aufgrund der erlebten positiven Emotionen wird diese Absicht nicht als feindselig empfunden.

Wie Sie also sehen können, zielt Design for Emotion darauf ab, eine Kette psychologischer Reaktionen hervorzurufen. Erstens, fesseln Sie den Benutzer mit dem Wow-Effekt, machen Sie ihn dann neugierig auf weitere Erkundungen und bringen Sie ihn schließlich dazu, zu verstehen, worum es bei der Aufregung genau geht.

Werfen wir nun einen Blick darauf, welche Tools dazu beitragen, emotional ansprechende visuelle Designs zu erstellen.

Komponenten des emotionalen Designs

Wir werden uns die drei offensichtlichen Inbounds ansehen, die jeder Designer verwendet, um Visuals für ein Produkt oder eine Marke zu erstellen, und versuchen, sie aus der Perspektive des Designs für Emotionen zu analysieren.

1. Das Markenbuch

Wenn wir die Marke emotional verkaufen wollen, müssen wir zuerst das Regelwerk der jeweiligen Marke studieren. Ein gutes Markenbuch oder ein guter Styleguide enthält Farbschemata, Schriftarten, Rasterausrichtungsprinzipien, Gebote und Verbote für die Platzierung von Werbeflächen und vieles mehr.

Sie müssen davon ausgehen, dass die Markenidentität bereits einen eingebauten emotionalen Sinn hat. Viele Designer werden diesen Sinn übernehmen und ihn auf die gesamte Website ausdehnen. Am Ende werden sie ein großes Mega-Logo statt nur einer Website haben.

Ein besserer Ansatz ist es, die Markenessenz aus dem Buch zu extrahieren, aber sie zwischen die Zeilen zu stellen, anstatt in den Vordergrund zu treten. Lassen Sie das Logo oben links dort, wo es hingehört, und widmen Sie den Rest des Platzes den Dingen, mit denen die Benutzer die Marke in Verbindung bringen sollen.

2. Farben

Auf einer allgemeinen Ebene wissen wir alle, was die Farben darstellen. Rot ist Gefahr, Aggression; Blau steht für Ruhe; und grün für Erlaubnis, Freiheit, Natur. Beim Designen für Emotionen sind Farbtöne viel wichtiger als rohe Farben. Den Ton dunkler oder heller zu machen, kann die beabsichtigte Emotion in verschiedene Richtungen lenken.

Unten ist ein kurzes Video, das die Diskographie von Ben Lukas Boysen zeigt, aber ohne Ton. Alle Emotionen werden mit Farben dargestellt. Ohne die Musik zu hören, haben wir immer noch ein unterbewusstes emotionales Gefühl für jeden Song.

Außerdem müssen Sie die kulturellen Besonderheiten jeder Farbe berücksichtigen. In Japan ist Weiß die Farbe der Trauer, und für Menschen im Nahen Osten wird Gelb oft als ekelhaft empfunden. Hier ist ein interessanter und informativer Artikel darüber, was die Farben in verschiedenen Kulturen darstellen.

3. Gefolge

Emotionen lassen sich von der Umgebung viel leichter hervorrufen als von der Marke selbst. Die Marke muss in die Umgebung oder in die Umstände gestellt werden, in denen sie vom Betrachter wahrscheinlich am meisten geschätzt wird.

Eines der besten Beispiele ist eine Erfrischung an einem heißen Tag. Wir konsumieren Erfrischungsgetränke selten nur aus Herzenslust. Aber an einem sonnigen Tag, im Urlaub, am Strand oder am Pool, was gibt es Besseres als ein kaltes Getränk mit durstlöschenden Bläschen?

„ Emotionales Design macht Gelegenheitsnutzer zu Fanatikern, die bereit sind, anderen von ihren positiven Erfahrungen zu erzählen “, schließt Aaron Walter, einer der Gründerväter des emotionalen Designs.

Wahrlich, bei jeder Website dreht sich alles um das Erlebnis – visuell, sinnlich, informativ oder einfach nur unterhaltsam. Wenn die von Ihnen erstellte Website eines dieser Erlebnisse bietet, können Sie sicher sein, dass Besucher immer wieder zurückkehren möchten. Und regelmäßige Besucher auf der Website Ihres Kunden sind der beste Weg, um die am meisten geschätzte aller Emotionen hervorzurufen – die Kundenzufriedenheit.