{"id":1362,"date":"2021-11-20T12:17:00","date_gmt":"2021-11-20T11:17:00","guid":{"rendered":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/?p=1362"},"modified":"2023-01-30T11:07:02","modified_gmt":"2023-01-30T10:07:02","slug":"persuasive-design-psychologie-im-webdesign","status":"publish","type":"post","link":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/allgemein\/persuasive-design-psychologie-im-webdesign\/","title":{"rendered":"Persuasive Design: Psychologie im Webdesign"},"content":{"rendered":"<p><em>Persuasive Design <\/em> &#8211; bew\u00e4hrter Bestandteil jedes UX-Design Prozesses, um effizient Conversionziele zu erreichen. Wir geben einen kurzen \u00dcberblick zum Thema Psychologie im Webdesign.<br \/>\n<!--more--><\/p>\n<h2 class=\"blogdetailseite\" style=\"margin-top: 0; margin-bottom: 0;\"><em>Persuasive Design im \u00dcberblick<\/em><\/h2>\n<h3>Was ist Persuasive Design?<\/h3>\n<p>Persuasive Design ist ein spezieller Ansatz der Website-Gestaltung. Wie die Bezeichnung persuasiv nahelegt, liegt der Fokus darauf, den Websitebesucher zu \u00fcberzeugen. <strong>Ziel ist es, dass der Nutzer infolge der Wahrnehmung des Designs eine Handlung vornimmt, an die er vor dem Websitebesuch noch gar nicht gedacht hat<\/strong>.<\/p>\n<p>Er wird durch das optimierte Design insgesamt dahingehend beeinflusst, die Seite h\u00e4ufiger und l\u00e4nger zu besuchen und sie intensiver zu nutzen. So werden beispielsweise <strong>Produktverk\u00e4ufe<\/strong> oder das <strong>einfache Abonnieren eines Newsletters<\/strong> durch das unterst\u00fctzende Design auf der Seite hervorgehoben.<\/p>\n<p>Die Gestaltung f\u00fchrt zur Optimierung des <a title=\"Webdesign mit Stil aus dem Allg\u00e4u - Werbeagentur Der Informationsdesigner\" href=\"https:\/\/www.der-informationsdesigner.de\/leistungen\/webdesign-allgaeu\/\">Webdesigns<\/a> und zur Steigerung der Resonanz der Websitebesucher. Das Design unterst\u00fctzt die Kundenf\u00fchrung und wird damit zu einem Treiber der Customer Journey. Idealerweise bildet der Ansatz ein wesentliches Element der Online-Strategie und wird im Sinne der Ziele eingesetzt, die mit der Website verfolgt werden.<\/p>\n<h3>Psychologie als Grundlage<\/h3>\n<p>\u00dcberzeugendes Design basiert auf psychologischen und sozialtheoretischen Theorien. Ein wesentliches Ger\u00fcst f\u00fcr den Ansatz bildet das Werk <em>\u201ePersuasive Technology\u201c<\/em> von B. J. Fogg. <strong>Es gilt, Anreize so zu setzen<\/strong>, dass Zielgruppen Vertrauen in die Website und die angebotenen Leistungen entwickeln. Dies gelingt dadurch, dass die Besucher emotional abgeholt werden.<\/p>\n<p>Im Webangebot erkennen sie idealerweise<strong> ihre W\u00fcnsche und Grunds\u00e4tze<\/strong> wieder. Mit der \u00fcberzeugenden Design-Technik gehen Website-Anbieter noch einen Schritt weiter: Sie zielen darauf ab, das Verhalten der Nutzer zu \u00e4ndern.<\/p>\n<p>Dabei kommt keinerlei Zwang zum Tragen, sondern vielmehr sozialer Einfluss. Das Design spricht daf\u00fcr nicht nur die bewusste Wahrnehmung der User an, sondern auch ihr Unterbewusstsein. Denn f\u00fcr das Erreichen von Verhaltens\u00e4nderungen spielen <strong>unbewusste Prozesse eine wichtige Rolle<\/strong>.<\/p>\n<h3>Wie sehen die Design-Prinzipien aus?<\/h3>\n<p>Menschen treffen Entscheidungen nicht immer aufgrund rationaler Erw\u00e4gungen. Oft w\u00e4re es sinnvoll, vor einem wichtigen Entschluss verf\u00fcgbare Informationen zu sichten und in die Abw\u00e4gung miteinzubeziehen. Doch in der Realit\u00e4t findet dies h\u00e4ufig nicht statt. Dies mag auch daran liegen, dass vielen Menschen aufgrund von Stress die Ruhe und die Zeit dazu fehlen. Daher entscheiden sie anhand von Kriterien oder Grundlagen, \u00fcber deren Anwendung sie sich selbst oft nicht bewusst sind.<\/p>\n<p>Der amerikanische Psychologe Robert Cialdini untersuchte in allt\u00e4glichen Situationen, warum Menschen <em>\u201eJa\u201c<\/em> sagen und identifizierte <strong>sechs wesentliche Prinzipien der \u00dcberzeugung<\/strong>. Seine Erkenntnisse ver\u00f6ffentlichte er 1984 in dem Buch <em>\u201eInfluence: The Psychology of Persuasion\u201c<\/em>.<\/p>\n<p><em>Er identifizierte Prinzipien der \u00dcberzeugung, die auch in den Ansatz des Persuasive Design eingegangen sind:<\/em><\/p>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-top: -3rem;\">\n<li><a href=\"#gegenseitigkeit\">Gegenseitigkeit<\/a><\/li>\n<li><a href=\"#knappheit\">Knappheit<\/a><\/li>\n<li><a href=\"#autoritaet\">Autorit\u00e4t<\/a><\/li>\n<li><a href=\"#commitment-konsistenz\">Commitment und Konsistenz<\/a><\/li>\n<li><a href=\"#sympathie\">Sympathie<\/a><\/li>\n<li><a href=\"#soziale-bewaehrtheit\">Soziale Bew\u00e4hrtheit<\/a><\/li>\n<\/ul>\n<p>Werden diese Prinzipien im Webdesign umgesetzt, <strong>tr\u00e4gt die Optimierung erheblich zur \u00dcberzeugungskraft der Website bei<\/strong>. Durch die Ma\u00dfnahmen soll erreicht werden, dass die Seite dem Besucher nicht nur gef\u00e4llt, sondern auch zu einem Erlebnis f\u00fcr ihn wird. Der folgende Teil stellt die einzelnen Prinzipien der \u00dcberzeugung vor und erl\u00e4utert konkrete Beispiele f\u00fcr ihre Umsetzung auf einer Website.<\/p>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2020\/02\/persuasive-design-model-3-schritte-psychologie-werbeagentur-allgaeu.png\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2020\/02\/persuasive-design-model-3-schritte-psychologie-werbeagentur-allgaeu.png\" alt=\"Persuasive Design Model - Die 3 Schritte | Webagentur Allg\u00e4u: Der Informationsdesigner\" \/><\/a><\/figure>\n<h4 id=\"gegenseitigkeit\">Gegenseitigkeit<\/h4>\n<p>Das Prinzip der Gegenseitigkeit beruht auf der Gewohnheit, sich nach dem Erhalt eines Geschenks oder einem Gefallen verpflichtet zu f\u00fchlen, sich zu revanchieren. Es gilt als ein menschliches Grundprinzip.<\/p>\n<p>In einer Welt, in der Menschen voneinander abh\u00e4ngen, <strong>bildet die Gegenseitigkeit ein wichtiges Element, um Vertrauen zu schaffen<\/strong>. Wahrscheinlich bildete sich auf dieser Grundlage der erste Tauschhandel bzw. die Basis des modernen Marktes.<\/p>\n<p>In Bezug auf ein Online-Angebot l\u00e4sst sich das <em>\u201eWie du mir, so ich dir\u201c<\/em> mit kundenorientierten Leistungen umsetzen. Durch ein hochwertiges Layout, gute Services und Zusatzleistungen wie Produktproben oder Rabattgutscheine f\u00fcr den Einkauf bei Partnern wird dem Website-Besucher Wertsch\u00e4tzung vermittelt. Bei ihm <strong>steigt die Bereitschaft<\/strong>, in dem <a title=\"Mehr Erfahren zum Thema E-Commerce und Online-Shops\" href=\"https:\/\/www.der-informationsdesigner.de\/leistungen\/ecommerce-shoploesungen-allgaeu\/\">Online-Shop<\/a> zu einzukaufen.<\/p>\n<h4 id=\"knappheit\">Knappheit<\/h4>\n<p>Menschen w\u00fcnschen sich mehr von dem, was knapp ist. Dieses Prinzip gilt unabh\u00e4ngig von der Qualit\u00e4t der Produkte. Dahinter steht offenbar die Angst, man k\u00f6nnte etwas verpassen. <strong>Im Marketing mit dem Aspekt der Knappheit zu arbeiten, kann die Kaufentscheidung f\u00f6rdern<\/strong>. In diesem Zusammenhang kann es sinnvoll sein, die St\u00fcckzahl der noch verf\u00fcgbaren Ware im Online-Shop k\u00fcnstlich zu verknappen.<\/p>\n<p>Indem das Design der Website diesen Bereich auff\u00e4llig wahrnehmbar gestaltet, etwa durch einen Balken in Ampelfarben, wird die <strong>Kaufbereitschaft der Besucher erh\u00f6ht<\/strong>.<\/p>\n<h4 id=\"autoritaet\">Autorit\u00e4t<\/h4>\n<p>Dieses Prinzip beschreibt die Ansicht, dass Menschen bei ihrer Entscheidung glaubw\u00fcrdigen und kompetenten Experten folgen. <strong>Personen, die auf ihrem Gebiet als Autorit\u00e4t wahrgenommen werden, wird eher Vertrauen geschenkt<\/strong>.<\/p>\n<p>Dieser Ansatz spiegelt sich im Marketing dahingehend wieder, dass <strong>Testimonials<\/strong> eingesetzt werden. Personen, die in ihrem Bereich als Fachleute gelten, wie beispielsweise Sternek\u00f6che oder Spitzensportler, k\u00f6nnen in Online-Spots erfolgreich als Experte f\u00fcr ein Produkt werben.<\/p>\n<p>Aber nicht nur Personen vermitteln Autorit\u00e4t, sondern auch <strong>G\u00fctesiegel<\/strong> sind als Zeichen f\u00fchrender Qualit\u00e4t weithin akzeptiert. Positive Bewertungen durch bekannte Pr\u00fcfsiegel wie etwa von der Stiftung Warentest k\u00f6nnen die Entscheidung f\u00fcr das Bestellen eines Produkts erh\u00f6hen.<\/p>\n<p>Um das Prinzip Autorit\u00e4t auf einer Website wirksam zu nutzen, empfiehlt es sich, diese Elemente aufmerksamkeitsstark zu inszenieren.<\/p>\n<h4 id=\"commitment-konsistenz\">Commitment und Konsistenz<\/h4>\n<p>Das Prinzip Commitment steht f\u00fcr Bindung. Menschen streben danach, ihr Handeln und ihre \u00dcberzeugung in Einklang zu bringen und sich konsequent f\u00fcr etwas Gutes zu engagieren. <strong>Sie m\u00f6chten als zuverl\u00e4ssig erscheinen<\/strong>. So ist h\u00e4ufig das Bestreben gegeben, genauso zu handeln, dass es zu dem Handeln in der Vergangenheit passt. Diese Einstellung kann dazu f\u00fchren, dass Menschen diese Haltung sogar dann einnehmen, wenn es in der Situation m\u00f6glicherweise gar nicht angebracht ist.<\/p>\n<p>Das \u00fcberzeugende Design kn\u00fcpft an Commitment und Konsistenz an, indem Website-Besucher angeregt werden, sich in einem begrenzten Rahmen zu engagieren und beispielsweise <strong>Bewertungen f\u00fcr gekaufte Produkte abzugeben<\/strong>.<\/p>\n<p>Auch bietet es sich an, beim Verkauf \u00e4hnliche Produkte in einer \u00dcbersicht zu pr\u00e4sentieren. So steigt die Wahrscheinlichkeit, dass sich der Kunde aufgrund seiner \u00dcberzeugung von der Richtigkeit der Konsistenz f\u00fcr weitere Produkte aus derselben Linie entscheidet.<\/p>\n<h4 id=\"sympathie\">Sympathie<\/h4>\n<p>Menschen sind gern mit denjenigen zusammen, die ihnen sympathisch sind. <em>Wichtig bei diesem Prinzip sind folgende Faktoren:<\/em> Menschen m\u00f6gen Menschen, die ihnen \u00e4hnlich sind. Sie m\u00f6gen jene, die ihnen Komplimente machen und solche, die zusammen mit ihnen die gleichen Ziele verfolgen. Daran k\u00f6nnen E-Commerce-Anbieter ansetzen. <strong>F\u00fcr Online-Shops ist es entsprechend naheliegend, sich zum Sympathietr\u00e4ger zu machen<\/strong>.<\/p>\n<p>Denn wenn der Webshop dem Besucher gef\u00e4llt, f\u00fchlt er sich dort wohl und seine Bereitschaft, Produkte zu kaufen, wird sich erh\u00f6hen. Ist ihm das Unternehmen sympathisch, wird er sich eher daran binden.<\/p>\n<p>Weitere Beispiele f\u00fcr die Umsetzung des Sympathieprinzips sind die <strong>pers\u00f6nliche Ansprache etwa das Versenden von Geburtstagsgr\u00fc\u00dfen<\/strong>. Denkbar ist aber auch Werbung mit einem Testimonial, der der Zielgruppe sympathisch ist.<\/p>\n<h4 id=\"soziale-bewaehrtheit\">Soziale Bew\u00e4hrtheit<\/h4>\n<p>Menschen richten sich bei Entscheidungen h\u00e4ufig nach anderen, insbesondere, wenn sie unsicher sind. In Bezug auf Online-Marketing zeigt sich dieses Prinzip beispielsweise bei der <strong>Bedeutung von Produktbewertungen<\/strong> anderer Kunden.<\/p>\n<p>Wird ein Artikel von der Mehrheit positiv beurteilt, steigt die Bereitschaft, diesen zu kaufen. Daher empfiehlt es sich, Bewertungen im Online-Shop auf hervorgehobene Weise sichtbar zu machen. Au\u00dferdem tr\u00e4gt ein optimiertes Design der Website dazu bei, dass K\u00e4ufer positive Bewertungen abgeben.<\/p>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-bottom: 4rem !important;\">\n<li><em>Ebenfalls interessant: <\/em> <a title=\"10 Dinge die man bei Erstellung eines Online-Shops beachten sollte\" href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/allgemein\/10-dinge-erstellung-online-shop\/\">10 Dinge die man bei Erstellung eines Online-Shops beachten sollte<\/a><\/li>\n<\/ul>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2020\/02\/persuasive-design-schnittmenge-performance-persuasive-werbeagentur-allgaeu.png\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2020\/02\/persuasive-design-schnittmenge-performance-persuasive-werbeagentur-allgaeu.png\" alt=\"Persuasive Design Schnittmenge zwischen Performance- und Persuasive-Design | Webagentur Allg\u00e4u: Der Informationsdesigner\" \/><\/a><\/figure>\n<h3>Unterschiede zur Usability<\/h3>\n<p>Persuasive Design ist <strong>nicht<\/strong> dasselbe wie Usability. Zwar beziehen sich beide Ans\u00e4tze auf das Webdesign. Die \u00fcberzeugende Gestaltung zielt jedoch auf die Motivation und den Anreiz der Besucher, eine bestimmte Handlung vorzunehmen. Ihre <strong>Grundausrichtung ist eine psychologische<\/strong>.<\/p>\n<p>Die Usability hingegen beschreibt die <strong>Nutzbarkeit der Website<\/strong>, sie bildet vielmehr eine Voraussetzung f\u00fcr das Design nach den Prinzipien der \u00dcberzeugung.<\/p>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-bottom: 4rem !important\">\n<li><em>Ebenfalls interessant: <\/em> <a title=\"Was ist gute Website-Usability?\" href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/webdesign\/was-ist-gute-website-usability\/\">Was ist gute Website-Usability?<\/a><\/li>\n<\/ul>\n<h3>Mehr Potentiale durch Psychologie<\/h3>\n<p>Der Ansatz, auf Basis von Grundlagen der Psychologie eine Website zu gestalten, ist vielversprechend. Menschen durch \u00dcberzeugung und sozialen Einfluss zu Handlungen anzuregen, erweist sich f\u00fcr Unternehmen und Online-Shops als <strong>wertvolle M\u00f6glichkeit<\/strong> im Marketing. Es bleibt auch darauf hinzuweisen, vor dem Missbrauch des Ansatzes f\u00fcr Manipulation zu warnen.<\/p>\n<p>In der Praxis finden die Prinzipien der \u00dcberzeugung vor allem in einzelnen Bereichen Anwendung. Das Konzept komplett als bequem bedienbaren und \u00fcberzeugenden Online-Shop umzusetzen,<strong> ist im E-Commerce eine mehr als erstrebenswerte Sache.<\/strong><\/p>\n<p class=\"cta-kontakt\"><strong>Sie ben\u00f6tigen Unterst\u00fctzung bei der Umsetzung Ihres E-Commerce-Projekts \/ Online-Shops?<\/strong> Wir als Webagentur aus dem Allg\u00e4u sind Ihr Partner in Sachen Konzeption, Erstellung und Umsetzung von Online-Shops (mit WooCommerce).<\/p>\n<p><a class=\"cta-kontakt-button\" title=\"Kontaktaufnahme - Der Informationsdesigner | Webagentur f\u00fcr die Realisation von Shop-L\u00f6sungen\" href=\"https:\/\/www.der-informationsdesigner.de\/kontakt\/index.php\">Kontaktieren Sie uns<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Persuasive Design &#8211; bew\u00e4hrter Bestandteil jedes UX-Design Prozesses, um effizient Conversionziele zu erreichen. Wir geben einen kurzen \u00dcberblick zum Thema Psychologie im Webdesign.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3],"tags":[7,32],"class_list":["post-1362","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-webdesign","tag-e-commerce","tag-psychologie"],"modified_by":"thomas.soyter","_links":{"self":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/comments?post=1362"}],"version-history":[{"count":28,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1362\/revisions"}],"predecessor-version":[{"id":2589,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1362\/revisions\/2589"}],"wp:attachment":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/media?parent=1362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/categories?post=1362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/tags?post=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}