Zum Inhalt wechseln
dr. web Logo mit Maus und Hand, die sich den Finger blutig geklickt hat.
  • Beste Agentur finden
    • 3D Animationsagentur
    • Designagentur
    • Digitalagentur
    • Drupal Agentur
    • Internetagentur
    • Joomla Agentur
    • Marketing Agentur
    • Online Marketing Agentur
    • PR Agentur
    • SEO Agentur
    • Shopware Agentur
    • Social Media Agentur
    • TYPO3 Agentur
    • Webagentur
    • Webdesign Agentur
    • Werbeagentur
    • WordPress Agentur
  • Magazin
    • Bloggen
    • Buchhaltung
    • Büro
    • Content Marketing
    • E-Commerce
    • Finanzen
    • Freelancer
    • Green Revoluzzer
    • Hardware
    • Künstliche Intelligenz (KI)
    • Marketing
    • Marktübersichten
    • Online-Marketing
    • Schrift & Grafik
    • Selbstständigkeit
    • Social Media
    • SEO
    • Software
    • UX Design
    • Webdesign
    • WordPress
  • Newsletter
  • Kontakt
Menü
  • Beste Agentur finden
    • 3D Animationsagentur
    • Designagentur
    • Digitalagentur
    • Drupal Agentur
    • Internetagentur
    • Joomla Agentur
    • Marketing Agentur
    • Online Marketing Agentur
    • PR Agentur
    • SEO Agentur
    • Shopware Agentur
    • Social Media Agentur
    • TYPO3 Agentur
    • Webagentur
    • Webdesign Agentur
    • Werbeagentur
    • WordPress Agentur
  • Magazin
    • Bloggen
    • Buchhaltung
    • Büro
    • Content Marketing
    • E-Commerce
    • Finanzen
    • Freelancer
    • Green Revoluzzer
    • Hardware
    • Künstliche Intelligenz (KI)
    • Marketing
    • Marktübersichten
    • Online-Marketing
    • Schrift & Grafik
    • Selbstständigkeit
    • Social Media
    • SEO
    • Software
    • UX Design
    • Webdesign
    • WordPress
  • Newsletter
  • Kontakt

< dr. web > » Inspiration » Emotionales Webdesign: So einfach sind die Grundlagen!

Emotionales Webdesign: So einfach sind die Grundlagen!

  • Aktualisiert am 30. Januar 2022
  • Johannes Kallweit von Johannes Kallweit
  • Inspiration, Webdesign
  • Ein Kommentar

Emotionales Webdesign ist nicht etwa eine Gestaltung, bei der potenzielle Besucher in Tränen ausbrechen. Ebensowenig ist damit gemeint, dass die Gestaltung durch einen labilen Designer mit Trennungsschmerz erstellt wurde. Schauen wir also, was emotionales Webdesign wirklich ist.

Du kennst sie aus Google Analytics oder einem anderen Dienst zur Messung der wichtigen Besucher-Kennzahlen – die wiederkehrenden Besucher. Dabei fragt man sich ja bisweilen durchaus, was genau Besucher veranlasst, immer wieder eine bestimmte Webseite zu besuchen. Immerhin kennen die meisten deiner Besucher dich ja nicht persönlich – aber irgendetwas muss sie doch veranlassen, immer wieder zu kommen.

Einen Mitschuldigen stelle ich dir heute vor: es ist die durchaus komplizierte, emotionale Ausstrahlung deiner Webseite. Die Farben, die Schriftart, die Call-to-Action Buttons, die Bilder und die Textbereiche schaffen zusammen ein Ambiente, in dem sich der Besucher wohl (oder im schlechteren Falle eben unwohl) fühlt. Diese Emotionalität erzeugt im positiven Falle eine innige Verbindung zwischen der Webseite und dem Besucher. Damit bietet sich eine neue Herangehensweise an Webdesign an: das “emotionale Webdesign”.

Emotionelles Webdesign

Was soll denn emotionales Webdesign sein?

Die Idee des emotionalen Webdesigns mag sich kompliziert, zumindest schwierig anhören, doch das ist es keineswegs. Es geht nur darum, freundlich zu deinen Besuchern zu sein, damit diese sich auf der Webseite zu Hause und geborgen fühlen. Um sich mit dem Publikum auf emotionaler Ebene zu verbinden, kommen die Unternehmen nun mit Tonnen an kreativen Ideen, um ihrer “professionellen” Webseite eine Verjüngungskur zu verpassen. Manche lassen sich sogar ein “Maskottchen” für die Webseite entwickeln, andere verfassen ermutigende Berichte – positive Inhalte – für ihre Website.

Es kam zu einen Fehler. Wahrscheinlich ist das unsere Schuld. Schreiben Sie uns gerne an hallo@drweb.de
✓ Sie haben sich erfolgreich zum Dr. Web Newsletter angemeldet

Dr. Web Newsletter

Tipps, Tricks, Tools und Ratgeber. Einmal im Monat frisch gedruckt in deinem Mail-Postfach.

Sobald sich Menschen auf deiner Website wohl fühlen, machen sie genau die Dinge, die sie tun sollen – so die Theorie. Das könnte sein: deinen Newsletter abonnieren, Produkte kaufen, deinen Service in Anspruch nehmen. Und um das zu erreichen, musst du deine Besucher auf der emotionalen Ebene packen, eine persönliche Note zu deiner Webseite hinzufügen.

Die folgenden Tipps können den Einstieg in das Thema erleichern:

1. Vertraue auf die menschliche Natur

Jedermann liebt es, in ein hübsches Gesicht zu blicken. Wenn du zwischen einem Foto von Harry Potter und seinem Widersacher Lord Voldemort als Hintergrund deiner Webseite auswählen müsstest, welches Foto würdest du wohl nehmen? Welches scheint eher geeignet, die Besucher deiner Webseite für dich zu gewinnen? Nur wenn du einen eigenartigen Sinn für Humor hast, würdest du wohl Voldemort wählen. Dieser taugt indes eher, deine Besucher zu “unterwerfen” und zum Kauf zu “zwingen”. Ich lehne mich wohl nicht zu weit aus dem Fenster, wenn ich prognostiziere: das geht in die Hose. Daher ist es eine ganz natürliche Sache, Bilder von schönen Menschen, Landschaften, Dingen zu verwenden, um deine Besucher für deine Website zu vereinnahmen. Einige Designer vertrauen besonders auf Kinder und junge Tiere, vorzugsweise Hundewelpen oder Katzenbabies, in dieser Hinsicht.

Die Kraft solcher positiv aufgeladenen Bilder hilft dem Designer, seine Nachricht einfacher zu transportieren. Die Idee ist es, Emotionen zu schüren, um dem Besucher Vertrauenswürdigkeit zu vermitteln.

Beispiel für emotionales Webdesign

Wie du siehst, funktionieren niedliche Tierbildchen immer wieder. Und daraus eine App zu machen, war sicherlich keine schlechte Entscheidung.

Illustration

Diese Augen und das Lächeln des Kindes können die Besucher der Webseite ebenfalls sofort in ihren Bann ziehen.

2. Kenne deine Zielgruppe

Wenn du deine Zielgruppe nicht kennst, wie willst du sie dann ansprechen? Wie willst du etwas verkaufen? Sammele daher alle relevanten Details über deine Zielgruppe. Je mehr du über diesen Personenkreis weißt, desto besser. Wenn du zum Beispiel eine Dienstleistung verkaufst, dann solltest du auf deiner Webseite klar machen, dass du das spezifische Problem deiner potenziellen Kundschaft genau kennst und auch lösen kannst.

Trip Sniffer

Tripsniffer versteht sein Publikum richtig gut. Genau darum ist auf der Startseite ein Bild eingebunden, dass bei der Zielgruppe gleich bekannte Emotionen auslöst und sie dieses vertraute Gefühl haben lässt. Sehr gelungen an diesem Beispiel ist auch die Wahl der Perspektive, des sogenannten POV.

3. Ein bisschen Spaß muss sein

Ein weiterer probater Ansatz, um die Besucher für deine Webseite zu vereinnahmen, ist Humor. Lachen ist nicht nur gesund, sondern auch Bindung erzeugend.

Wonder giant

Wonder Giant verwendet einen eigenen Riesen, der sehr hilfreich und unterstützend sein kann, sich aber manchmal auch einen Spass mit den Mitarbeitern macht.

Chubbygrub

Chubbygrub hat definitiv einen Sinn für Humor. Allein das Abonnieren des Newsletters gerät zum Spaß.

4. Verwende große Hintergrundbilder

Große Hintergrundbilder (sog. Hero Images) erzeugen Nähe zum Thema und wirken sympathisch (mit dem richtigen Motiv zumindest).

Illustration

Dieses Website-Template verwendet das Bild eines Modells als Hintergrundbild: Die Wirkung ist offensichtlich. Die Website wirkt charmant und elegant. Das Wichtigste jedoch ist, dass dieses Bild Emotionen weckt – natürlich nicht bei jedem Betrachter dieselben. Grundsätzlich gilt aber: anstatt dunkle und düstere Bilder zu verwenden, solltest du helle, farbenfrohe und positiv geladene Bilder verwenden.

5. Achte auf (auch technische) Details

Dein Publikum zu kennen, wird dir dann nicht weiterhelfen, wenn deine Webseite Probleme bereitet. Wenn ein Besucher zum Beispiel das Kontaktformular nicht sofort findet, wird die Liebe zu deiner Webseite schnell erkalten und der Besucher nicht wiederkommen. Achte auf ein klares und einfaches Design. Lasse genügend Weißraum, damit der Besucher sich auf die wesentlichen Dinge konzentrieren kann und nicht durch überladene Layouts überanstrengt wird.

Das Design sollte stets Raum zum Atmen lassen, was nicht heissen soll, dass es langweilig aussehen muss. Lege den Fokus besonders auf eine benutzerfreundliche Navigation. Denn es ist immens wichtig, dass deine Besucher keinerlei Schwierigkeiten haben, innerhalb deiner Webseite zu navigieren.

Illustration

Rose Cottage Canberra ist ein Beispiel für einfache Klarheit. Oben sitzen Call-to-Action (zur Handlung verleitend) Buttons und unten die Navigation. Was du besser machen solltest als die Eigner dieser Webseite, ist, auf optimale Performance zu achten.

6. Verwende ausgeglichene, passende Farben

Farben sind einer der vielen Design-Aspekte, die einen direkten Einfluss auf die Wahrnehmung deiner Webseite haben. Eine leichte Veränderung in der Farbkombination oder sogar eine kleine Änderung in Farbton und Sättigung können gravierende Veränderungen in der Wahrnehmung bewirken.

nature-html-template

Ein Beispiel: Was fühlst du, wenn du dir dieses Website-Template ansiehst? Es ist sehr wahrscheinlich, dass du positive Gefühle bei diesem Anblick entwickelst, weil Grün als Symbol der Balance verwendet wird. Freundliche Farben wie Orange und Pink unterstützen diesen Effekt. Sei umsichtig bei der Wahl der richtigen Farbkombination für deine Webseite. Eventuell interessiert dich dieser Beitrag über die Wahl der richtigen Farbkombination.

Fazit

Ich habe heute einige Faktoren vorgestellt, die du bei der Erstellung einer den Nutzer emotional ansprechenden Webseite berücksichtigen solltest. Lerne deine Zielgruppe so genau wie möglich kennen. Arbeite mit ansprechenden, emotionsauslösenden großen Bildern und finde die richtige Farbkombination. Das alles verpackst du in ein klares und einfaches Design. Und schon sollte sich der Besucher deiner Website, deines Magazins, deines Onlineshops wohl fühlen…

(Beitragsbild: Depositphotos) | (dpe)

Johannes Kallweit

Johannes Kallweit

Inhaltsverzeichnis

Agenturpartner in Freiburg im Breisgau

Edit Content

agenturwitt

Wir machen Kommunikation in Markenqualität: Stilsicher, authentisch und ganzheitlich – passend zum Markenkern. Die Pluspunkte für Sie: Sie bekommen von agenturwitt Kreation pur, aus einem Guss, aus einer Hand. Ohne Reibungsverluste, ohne Overheads, ohne Umwege.

Unsere Besonderheit: die breite Markenerfahrung. Von Bier über 3D-Düsen bis Kräne, von Bank über Parkettboden bis Schokogetränk. agenturwitt ist seit über 20 Jahren aktiv und kreativ: Nutzen Sie unser umfassendes Know-how für Ihren Erfolg.

— Rainer Witt,
Inhaber
Alle Webdesign-Agenturen →

Lust auf mehr?

14 Best Practices, die Sie für einen erfolgreichen Internetseite Relaunch beachten sollten

Was bewegt einen Unternehmer dazu, seine Internetseite von Grund auf neu auszurichten? Nun, die Gründe für einen Internetseite Relaunch einer können sehr vielfältig sein. Oft spielt ein veraltetes Design eine Rolle. Dieser Grund ist nicht so trivial, wie er vielleicht erscheint. Denn ein unmodernes Aussehen der Webseite kann Besucher und damit potenzielle neue Kunden abstoßen.

27 Kaufmotive und 27 Basisemotionen verstehen. Mehr Umsatz und Gewinn machen, und besser durch das Leben kommen.

Geldgier. Eifersucht. Traumata. Die Motive für eine Gewalttat kennen Krimi-Fans und Kommissar Schimanski nur zu gut. Wie hilfreich wäre es da, wenn wir im Geschäftsleben mit den Kaufmotiven unserer Kunden genauso vertraut wären?

KI GPT-4: werden Webdesigner und sonstige Erdlinge ihren HAL-Moment erleben?

Wo ist dieser verdammte Aus-Schalter?” Dies waren die letzten Worte von David Bowman, dem Anführer einer Widerstandsgruppe Webdesigner, denen es gelang zum vermeintlichen WDN-Zentralcomputer vorzudringen, bevor sie von Wächterdroiden eliminiert wurden.

Eine Antwort

  1. klawischnigg sagt:
    5. Oktober 2018 um 15:04 Uhr

    Bin mit dem meisten des hier Gesagten einverstanden.

    Aber dem Punkt mit den großen Hintergrundbildern kann man, finde ich, nicht zustimmen. Es mag ja sein, daß diese bei richtiger Motivwahl “sympathisch” wirken, aber sie lenken von der Information ab, und Information ist ja eigentlich noch immer der Hauptgrund, warum Menschen auf Webseiten gehen.

    Abgesehen davon, das ist jetzt mein persönlich Eindruck, wirken große Hintergrundbilder billig und aufdringlich um nicht zu sagen marktschreierisch.

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Alle Städte und Leistungen
  • Alle Städte
  • Augsburg
  • Basel
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Hamburg
  • Hannover
  • Heidelberg
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Osnabrück
  • Passau
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Stuttgart
  • Wien
  • Wiesbaden
  • Wuppertal
  • Zürich
  • Alle Städte und Leistungen
  • Alle Städte
  • Augsburg
  • Basel
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Hamburg
  • Hannover
  • Heidelberg
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Osnabrück
  • Passau
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Stuttgart
  • Wien
  • Wiesbaden
  • Wuppertal
  • Zürich

Agentur nach Schwerpunkt finden

  • Beste Agentur finden
  • Designagentur finden
  • Digitalagentur finden
  • Drupal-Agentur finden
  • Online Marketing Agentur finden
  • SEO Agentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
  • WordPress Agentur finden
  • Beste Agentur finden
  • Designagentur finden
  • Digitalagentur finden
  • Drupal-Agentur finden
  • Online Marketing Agentur finden
  • SEO Agentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
  • WordPress Agentur finden

Aus unserem Magazin

  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social Media
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • Webdesign
  • WordPress
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social Media
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • Webdesign
  • WordPress
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Kunden-Login
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)