Business Was ist eine Landing Page?
Ein potenzieller Kunde „landet“ auf einer Landing Page. Die Landing Page hat die Funktion, den […] mehr lesen
Jeder hat schon mal was von Empathie gehört. Jeder hat auch eine grobe Vorstellung von der Bedeutung dieses Wortes. Aber was genau hat Empathie mit Webdesign zu tun und warum ist es sogar wichtig dafür? Das erkläre ich dir in diesem Blogartikel.
Jeder hat schon mal etwas von Empathie gehört. Jeder hat auch eine grobe Vorstellung von der Bedeutung dieses Wortes. Aber was genau hat Empathie mit Webdesign zu tun und warum ist empathisches Webdesign so wichtig? Das erkläre ich dir in diesem Blogartikel.
Laut dem Anthropologen und Psychologen Paul Ekman gibt es zwei Arten von Empathie.
Was hat Empathie also mit Webdesign zu tun? Ein Webdesigner muss den Nutzer einer Website kennen – mit Empathie gelingt es, seine eigenen Motive und Einstellungen auszublenden und sich auf den Nutzer zu konzentrieren.
Ein gutes Beispiel für den Einfluss von Emotionen beim Webdesign ist die Flugbuchung über die Seiten Seat24 und Opodo.
Wenn du bei Seat24 einen Flug gebucht hast, erscheint ein Hinweis, bevor du deine persönlichen Daten eingeben musst. Nämlich: „Eine gute Entscheidung! Buchen Sie jetzt und Sie werden schon bald unterwegs sein!“
An der gleichen Stelle erscheint bei Opodo der Hinweis: „Bleiben Sie dran! Die Preise können wieder steigen. Sichern Sie sich das Angebot, bevor es weg ist.“
Bemerkst du den Unterschied? Bei Seat24 steigert sich deine Vorfreude auf die bevorstehende Reise, während du bei Opodo eher unter Druck gesetzt wirst und nervös deine Daten eingibst.
Designelemente an der gleichen Stelle mit der gleichen Funktion können also die unterschiedlichsten Gefühle beim Nutzer hervorrufen – je nachdem, wie du sie gestaltest. Aus diesem Grund ist es wichtig, dass man sich als Webdesigner in die Lage des Nutzers hineinversetzt und sich fragt, wie das jeweilige Element an dieser Stelle auf einen selbst wirken würde. So vermeidest du negative Gefühle und ein mögliches Verlassen der Website.
Du solltest dafür sorgen, dass der Nutzer sich wohl fühlt und seine Erwartungen erfüllt werden.
Die Definition für „Empathisches Design“ lautet also:
Empathisches Design ist ein nutzerzentrierter Design-Ansatz, welcher die Gefühle des Nutzers gegenüber einem Produkt in den Vordergrund stellt.
Der Nutzer kommt zuerst – diese Einstellung musst du einnehmen, wenn du mit dem Design einer Website beginnst.
Selbst eine gut funktionierende Seite kann vom Empathie-Ansatz profitieren. Es ist ratsam, sich darüber zu informieren, was deine Kunden brauchen und sich in die Lage des potentiellen Kunden zu versetzen und „hinter das Marketing zu schauen“.
Es gibt einige konkrete Elemente, die beim empathischen Design zum Einsatz kommen:
Der Aspekt des Helfens ist ein zentrales Element des empathisches Webdesign. In einem echten Geschäft wirst du schließlich auch Personal finden, welches dir im Notfall helfen und dich beraten kann. Genau so sollten auch Nutzer auf deiner Website bei Bedarf beraten werden können. Mit unserer Agentur für Webdesign in Kassel liefern wir Ihnen ein empathisches Webdesign.
Entweder du integrierst einen Live-Chat, der von Mitarbeitern geführt wird, oder du verwendest einen Chatbot. Chatbots basieren auf künstlicher Intelligenz und sind rund um die Uhr verfügbar. Die virtuellen Assistenten können Nutzern dabei helfen, zu finden was sie suchen.
Eine weitere Möglichkeit, dem Nutzer zu helfen, besteht in der Augmented Reality. Ein gutes Beispiel hierfür ist die Seite von Mister Spex, auf welcher Nutzer ein Foto von sich hochladen können, um dann verschiedene Brillenmodelle aufzuprobieren – und sich dann leichter entscheiden zu können.
IKEA bietet unter anderem eine App an, mit welcher sich die Möbelstücke direkt in der Wohnung anzeigen lassen. Diese Möglichkeiten vereinfachen dem Nutzer die Kaufentscheidung und machen einen Kauf somit wahrscheinlicher.
Ein weiterer wichtiger Faktor für empathisches Webdesign ist Nahbarkeit. Lasse deine Nutzer merken, dass die Website von Menschen gemacht ist. Dies gelingt beispielsweise durch individuelle Texte oder kleine Interaktionen, die den Nutzer zur Conversion führen.
Wenn der Nutzer ein Formular falsch ausfüllt oder ein anderer Fehler auftritt, solltest du nicht generische Ausrufezeichen oder Warnhinweise verwenden.
Formuliere lieber selbst Sätze wie: „Oh nein! Das hat leider nicht geklappt! :(„ um den Nutzer in der Situation der Frustration oder Enttäuschung abzuholen. So erhöhst du die Chancen, dass er er noch einmal probieren möchte.
Auch Fehlerseiten für nicht gefundene Seiten können menschlich gestaltet werden. Vermeide langweilige 404-Fehlerseiten und zeige Mitgefühl.
Etsy schreibt zum Beispiel:
„Herrje! Leider konnten wir die Seite nicht finden, nach der du suchst.“
Direkt darunter befindet sich ein Suchfeld, welches den Nutzer animiert, noch einmal zu suchen.
Selbst wenn der Nutzer die Website verlassen möchte, kannst du menschlich wirken. Integriere Pop Ups, die dem Nutzer sagen: „Warte, geh nicht!“ Oder „Kannst du uns helfen, besser zu werden?“ Dies wirkt viel persönlicher als „Bewertung hinterlassen“.
Der Faktor der Menschlichkeit ist übrigens auch für Sprachassistenten enorm wichtig. Nicht umsonst versucht man Siri, Alexa und co. immer menschlicher wirken und klingen zu lassen.
Sie müssen ebenfalls empathisch wirken, damit wir uns von ihnen helfen lassen wollen.
Entscheidungen bedeuten Energieverlust. Je mehr Entscheidungen ein Nutzer treffen muss, desto wahrscheinlicher ist es, dass er das Nutzererlebnis als negativ empfindet. Wenn du bei Zalando nach einem „roten Pullover“ suchst, wirst du hunderte oder tausende rote Pullover angezeigt bekommen. Die wenigsten haben Lust, sich alle Pullover anzuschauen und sich dann zu entscheiden.
Daher solltest du überlegen, welche Entscheidungen du dem Nutzer abnehmen kannst. Hier spielt das sogenannte Anticipatory Design eine Rolle – das Anticipatory Design will Optionen reduzieren und Entscheidungen somit vereinfachen oder ganz abnehmen.
Netflix merkt sich beispielsweise, welche Serien du schaust und schlägt dir basierend darauf weitere interessante Serien vor.
Auch Amazon hat den Kaufprozess wesentlich vereinfacht: Durch den „One-Click-Button“ kommt der Nutzer viel schneller ans Ziel.
„If I had asked people what they wanted, they would have said faster horses.“
Dieses Zitat von Henry Ford beschreibt das Problem, vor welchem viele Designer stehen. Die Nutzer selbst haben sich so an gewisse Dinge gewöhnt, dass ihnen gar nicht in den Sinn kommt, dass es bessere Lösungen geben könnte. Aus diesem Grund ist es wichtig – wenn möglich – den Nutzer beim Umgang mit der Website direkt zu beobachten. So fallen Außenstehenden häufig Dinge auf, die Nutzer selbst schon gar nicht mehr wahrnehmen. Befragungen und Gespräche sind ebenfalls gute Methoden, um wichtige Informationen zu erhalten.
Das Modell der Empathy Map hilft dabei, sich in die Lage des Nutzers hineinzuversetzen. Es besteht aus sechs Fragen, die man sich beantworten sollte:
Tipp: Es ist hilfreich aus diesen sechs Fragen auch die Soll-Situation zu bestimmen. Also: Was soll die Person sehen? Was soll sie tun? Und so weiter.
Gutes Design wird heute nicht mehr bloß an Ästhetik gemessen. Vielmehr geht es darum, den Menschen in den Mittelpunkt zu stellen und durch empathisches Denken die Bedürfnisse zu befriedigen. Designer sollten sich dafür Zeit nehmen und den Nutzer wirklich kennen lernen.
Du bist gerade im Agentur-Blog von Pixelwerker. Wir sind eine Online-Marketing-Agentur aus Kassel. Aufgewachsen als Digital Natives leben und lieben wir Online-Marketing.
Zu unseren LeistungenDu bist gerade im Agentur-Blog von Pixelwerker. Wir sind eine Online-Marketing-Agentur aus Kassel. Aufgewachsen als Digital Natives leben und lieben wir Online-Marketing.
Zu unseren LeistungenEin potenzieller Kunde „landet“ auf einer Landing Page. Die Landing Page hat die Funktion, den […] mehr lesen
Das Favicon ist ein kleines Symbolbild, das links neben dem Seitentitel in der Adresszeile des […] mehr lesen
Etiketten und Aufkleber sind Bestandteil nahezu jedes verpackten Produkts. Sie sind zudem das Erste, worauf […] mehr lesen
Vereinbaren Sie jetzt Ihre
unverbindliche Erstberatung
Rufen Sie jetzt an & vereinbaren
Sie Ihren persönlichen Termin!
Agenturleitung & Marketing-Rockstar
"Ich freue mich darauf Sie und Ihr Projekt bei einer Tasse Kaffee kennenzulernen".
Webseitenbetreiber müssen, um Ihre Webseiten DSGVO konform zu publizieren, ihre Besucher auf die Verwendung von Cookies hinweisen und darüber informieren, dass bei weiterem Besuch der Webseite von der Einwilligung des Nutzers in die Verwendung von Cookies ausgegangen wird.
Der eingeblendete Hinweis Banner dient dieser Informationspflicht.
Sie können das Setzen von Cookies in Ihren Browser Einstellungen allgemein oder für bestimmte Webseiten verhindern.
Danke für diesen Artikel! Ich bin ebenfalls der Meinung, dass ein gutes Design mehr ist als „schönes Aussehen“. Ich würde eher ein Produkt kaufen, wenn ich von dem Branding gefesselt werde!