Dark Patterns: Was ist das? Beispiele, die Ihre Website vermeiden sollte

Kurze Antwort
Was sind Dark Patterns auf einer Website?
Dark Patterns, auch irreführende Designmuster genannt, sind Gestaltungsentscheidungen, die Nutzer täuschen, unter Druck setzen oder Optionen verstecken. So kaufen, abonnieren oder teilen Menschen Daten, obwohl sie das nicht wollten. Allen Mustern gemeinsam ist: Die Oberfläche lenkt die Entscheidung im Interesse des Unternehmens.
Dark Patterns sind Gestaltungstricks, die Besucher zu Entscheidungen drängen, die sie so nicht treffen wollten. In diesem Leitfaden zeigen Talha Aslan und Team die Beispiele, die uns am häufigsten begegnen. Außerdem erklären wir den groben Rahmen der EU Regeln und nennen für jedes Muster eine ehrliche Alternative. Unser Ziel: eine Website, die dauerhaft Vertrauen gewinnt statt nur einen schnellen Klick.
Zunächst zur Herkunft: Den Begriff prägte der UX Experte Harry Brignull im Jahr 2010. Inzwischen verwenden zudem einige Institutionen lieber den Ausdruck "irreführende Designmuster". Zum Beispiel nutzt der Europäische Datenschutzausschuss (EDSA) diesen Begriff in der aktualisierten Fassung seiner Leitlinien zu Oberflächen sozialer Netzwerke. Das Konzept bleibt also gleich; nur der Name ist präziser.
In diesem Artikel verwenden wir beide Begriffe gleichbedeutend. Entscheidend ist also nicht die Farbe eines Buttons oder der Ton eines Satzes. Stattdessen zählt, ob ein Design die freie und informierte Entscheidung des Nutzers beeinträchtigt. Anders gesagt: Es geht um Absicht und Wirkung, nicht um Ästhetik.
Wie unterscheiden sich Dark Patterns von überzeugendem Design?
Nicht jede Lenkung ist ein Dark Pattern. Eine gute Website führt Besucher ohnehin zu einem Ziel. Konkret hebt sie den wichtigsten Button hervor, markiert das beliebteste Paket und hält Formulare kurz. Allerdings beruht ehrliche Lenkung auf korrekten Informationen und blockiert niemanden, der aussteigen möchte.
Nielsen Norman Group beschreibt irreführende Muster als Designs, die Nutzer zu Handlungen verleiten, die sie nicht wollen. Somit grenzt das Institut sie klar von überzeugendem Design ab. In der Praxis ziehen wir die Grenze mit drei Fragen:
- Hat der Nutzer im Moment der Entscheidung korrekte Informationen?
- Ist der Ausstieg genauso einfach wie der Einstieg?
- Würde sich der Nutzer getäuscht fühlen, wenn er das Ergebnis später bemerkt?
Fällt eine Antwort ungünstig aus, dann hat das Design die Grenze überschritten. Andererseits kann dasselbe Element je nach Kontext ehrlich oder irreführend sein. Ein Countdown informiert zum Beispiel, wenn eine Aktion wirklich endet. Startet er dagegen bei jedem Seitenaufruf neu, täuscht er.
Warum sind Dark Patterns so verbreitet?
Der erste Grund ist die Messkultur. Wenn sich ein A/B Test nur auf eine Kennzahl wie die Conversion Rate konzentriert, kann die irreführende Variante kurzfristig gewinnen. Der Testbericht zeigt allerdings keine Retouren, Beschwerden oder Markenwahrnehmung. Folglich übernimmt das Team die falsche Variante dauerhaft.
Der zweite Grund ist Nachahmung. Auch Nielsen Norman Group weist darauf hin, dass das Kopieren von Wettbewerbern irreführende Muster legitim wirken lässt. Ein Muster von einer großen Plattform zu übernehmen, weil "alle das so machen", ist bequem. Trotzdem trägt diese Plattform ein anderes rechtliches Risiko als Ihr kleines Unternehmen.
Der dritte Grund ist verteilte Verantwortung. In der Praxis schreibt das Marketing die Texte, die Entwicklung baut den Ablauf, das Design wählt die Farben. Somit sieht niemand das Ganze. Viele kleine Entscheidungen ergeben dann einen Ablauf, der den Nutzer in die Ecke drängt. Deshalb empfehlen wir, die gesamte Nutzerreise zu prüfen statt einzelner Bildschirme.
Welche Arten von Dark Patterns sind am häufigsten?
Die Forschung kennt Dutzende Untertypen. In der Praxis lassen sich die meisten Funde auf Websites jedoch wenigen Familien zuordnen. Nielsen Norman Group fasst sie so zusammen:
- Behinderung: Kündigen, Löschen oder Ablehnen unnötig aufwendig machen.
- Optische und sprachliche Tricks: Verwirrende doppelte Verneinungen oder ein weit entfernter Schließen Button.
- Nörgeln: Immer wieder nach etwas fragen, das der Nutzer bereits abgelehnt hat.
- Emotionale Manipulation: Mit Angst, Schuld oder Scham die Wahl steuern.
- Unterschieben und Vorauswahl: Unerwünschte Artikel in den Warenkorb legen oder Kästchen vorab anhaken.
Die Leitlinien des EDSA arbeiten mit einer ähnlichen Einteilung: Überladen, Überspringen, emotionales Lenken, Behindern, wechselhafte Oberflächen und das Im Dunkeln Lassen. Die Namen unterscheiden sich, die Logik ist dennoch dieselbe. Danach zeigen wir in den folgenden Abschnitten, wie diese Familien auf Unternehmenswebsites typischerweise aussehen.
Wie funktionieren versteckte Kosten und untergeschobene Artikel?
Versteckte Kosten entstehen, wenn ein niedriger Produktpreis im Checkout durch Versand, Servicegebühren oder eine vage "Bearbeitungsgebühr" wächst. Bis zu diesem Schritt hat der Nutzer zudem bereits Zeit investiert. Daher fällt ihm der Abbruch schwerer, und genau darauf setzt das Muster.
Das Unterschieben von Artikeln ist direkter. Ein Beispielszenario: Eine Kundin kauft einen Artikel und findet im Checkout eine vorausgewählte Garantieverlängerung oder Spende im Warenkorb. Übersieht sie den Posten, zahlt sie für etwas Ungewolltes. Bemerkt sie ihn, dann verliert sie das Vertrauen in den Shop.
Die ehrliche Alternative ist einfach:
- Zeigen Sie alle Pflichtgebühren auf der Produktseite oder beim Hinzufügen zum Warenkorb.
- Bieten Sie Zusatzleistungen mit einem leeren Kästchen und klarem Preis an.
- Nennen Sie Versandkosten oder die Grenze für kostenlosen Versand an einer festen Stelle.
Wie Sie den gesamten Warenkorb und Checkout verbessern, zeigt unser Leitfaden gegen Warenkorbabbrüche. Dort behandeln wir zudem, wie transparente Preise die Abbruchquote beeinflussen.
Was ist Confirmshaming?
Confirmshaming bedeutet, die Ablehnungsoption so zu formulieren, dass sich Nutzer schuldig oder dumm fühlen. Ein Newsletter Popup mit dem Link "Nein danke, ich zahle lieber den vollen Preis" ist das klassische Beispiel. Ablehnen ist also möglich. Dafür muss der Nutzer jedoch zuerst einen Satz anklicken, der ihn selbst herabsetzt.
Nielsen Norman Group nennt Confirmshaming als bekanntes Beispiel emotionaler Manipulation. Allerdings geht das Problem über einen unhöflichen Ton hinaus. Sieht der Nutzer dasselbe Popup beim nächsten Besuch, hat die Beziehung zur Marke bereits gelitten.
Die ehrliche Alternative: Formulieren Sie beide Optionen mit gleichem Respekt, etwa "Newsletter abonnieren" und "Jetzt nicht". So melden sich nur Menschen an, die wirklich Interesse haben, und Ihre Liste gewinnt an Qualität. Für die Überarbeitung von Mikrotexten ist unser Leitfaden zu UX Writing ein guter Ausgangspunkt.
Warum sind falsche Dringlichkeit und falsche Knappheit problematisch?
Falsche Dringlichkeit erzeugt Zeitdruck, den es nicht gibt. Ein Countdown, der für jeden Besucher neu startet, oder ein Banner mit dem Dauertext "letzter Tag" gehört dazu. Falsche Knappheit macht dagegen unwahre Angaben zu Bestand oder Nachfrage. Konkret täuscht der Hinweis "Nur noch 2 Stück", wenn er nicht auf echten Lagerdaten beruht.
Solche Muster verkürzen kurzfristig vielleicht die Entscheidungszeit. Sieht ein Nutzer dasselbe "letzter Tag" Banner allerdings in der Woche darauf erneut, zweifelt er an allen anderen Aussagen Ihrer Website. Außerdem verbietet das Verbraucherrecht irreführende Angaben grundsätzlich. Auch die Leitlinien der Europäischen Kommission zur Richtlinie über unlautere Geschäftspraktiken gehen ausdrücklich auf Dark Patterns ein.
Der ehrliche Weg: Zeigen Sie Dringlichkeit nur, wenn sie echt ist.
- Nennen Sie das Aktionsende als festes Datum und beenden Sie die Aktion dann auch wirklich.
- Verbinden Sie Bestandshinweise mit Live Daten aus Ihrem Warenwirtschaftssystem.
- Verwenden Sie Social Proof Zahlen wie "14 Personen sehen sich das gerade an" nur, wenn sie auf echter Messung beruhen.
Warum ist eine schwer kündbare Mitgliedschaft besonders riskant?
Dieses Muster hat einen Spitznamen: Roach Motel. Hinein geht es leicht, hinaus nur mühsam. Ein Abo startet also mit einem Klick. Für die Kündigung braucht es dagegen einen Anruf, einen tief versteckten Link oder mehrere Halteseiten. Deshalb merken viele Nutzer das erst am nächsten Abbuchungstag.
Aufsichtsbehörden schauen daher genau hin. Zum Beispiel nannte die US Handelsbehörde FTC Abonnementverkäufe in ihrem Mitarbeiterbericht zu Dark Patterns als einen der zentralen untersuchten Bereiche. Auch in Europa schützt das Verbraucherrecht das Recht, einen Vertrag zu beenden, sehr deutlich.
Für einen ehrlichen Abo Ablauf sollten Sie Folgendes beachten:
- Bieten Sie die Kündigung in den Kontoeinstellungen an, über denselben Kanal wie die Anmeldung.
- Eine einzelne "Bevor Sie gehen" Seite ist vertretbar; reihen Sie keine Halteseiten aneinander.
- Erinnern Sie Nutzer vor dem Ende einer kostenlosen Testphase.
Wenn Sie Ihr Abomodell von Anfang an richtig planen möchten, erklärt unser Leitfaden zum Abomodell die Entscheidungen zu Preis und Testphase im Detail.
Wie sehen Dark Patterns im Cookie Banner aus?
Cookie Banner gehören zu den häufigsten Orten für Dark Patterns. Typisch ist ein großer, farbiger Button "Alle akzeptieren" neben einer Option "Ablehnen", die erst in einer zweiten Ebene auftaucht. Außerdem haken andere Banner in den Einstellungen Dutzende Kästchen vorab an. Wieder andere öffnen sich nach einer Ablehnung auf jeder Seite erneut.
Auch der FTC Bericht zählt Cookie Einwilligungsbanner zu den Bereichen mit Dark Patterns. In Europa verlangen die Datenschutzregeln, dass eine Einwilligung freiwillig, informiert und unmissverständlich ist. Daher ist es sowohl für die Nutzererfahrung als auch für die Rechtssicherheit der sichere Weg, Ablehnen genauso einfach zu machen wie Akzeptieren.
Ein ehrliches Cookie Banner zeigt Zustimmung und Ablehnung auf derselben Ebene mit ähnlichem visuellem Gewicht. Zudem können Nutzer ihre Wahl leicht ändern. Konkrete Gestaltungsregeln finden Sie in unserem Beitrag Cookie Banner rechtssicher und nutzerfreundlich gestalten. Den größeren Rahmen beschreibt unser Leitfaden für eine datenschutzkonforme Website.
Welche Fallen stecken in Formularen und Registrierungen?
Formulare verbergen kleine, aber wirksame Tricks. Vor allem verbreitet ist ein vorab angehaktes Kästchen für Werbung. Nutzer füllen das Formular schnell aus, übersehen das Kästchen und erhalten monatelang Nachrichten, die sie nie wollten. Ein weiteres Beispiel: Sie fragen für eine Testversion weit mehr persönliche Daten ab als nötig.
Ähnliche Fallen sehen wir bei der Registrierung:
- Kontozwang: Für einen einmaligen Kauf ein Kundenkonto verlangen.
- Doppelte Verneinung: Verwirrende Sätze wie "Nicht abwählen, wenn Sie keine Informationen wünschen".
- Versteckte Berechtigungen: Standort, Kontakte oder Benachrichtigungen ohne Erklärung anfordern.
Die ehrliche Alternative: Fragen Sie jede Einwilligung einzeln ab, mit leerem Kästchen und klarem Satz. Der Satz "Ich möchte Angebote per E-Mail erhalten" ist zum Beispiel leicht verständlich und leicht prüfbar. Außerdem nimmt ein Gastkauf die Hürde einer Registrierungspflicht. Ein kurzes, ehrliches Formular bringt somit oft auch bessere Anfragen.
Beeinflussen aufdringliche Popups die SEO Leistung?
Ja, zumindest indirekt. Google Search Central widmet aufdringlichen Interstitials und Dialogen eine eigene Seite. Demnach stören ganzseitige Interstitials und Dialoge, die Inhalte verdecken, die Nutzer. Zudem schwächen sie das Vertrauen und können es Suchmaschinen erschweren, Ihre Inhalte zu verstehen.
Dieselbe Seite nennt auch akzeptable Beispiele, etwa kleine Banner, die nur einen Teil des Bildschirms einnehmen, oder kleine HTML Banner mit Link zur Newsletter Anmeldung. Gesetzlich vorgeschriebene Interstitials wie Altersabfragen bilden allerdings eine Ausnahme.
Hier kommt das Nörgeln ins Spiel. Schließt ein Nutzer ein Newsletter Popup und es öffnet sich in derselben Sitzung erneut, ist das zugleich ein Dark Pattern und eine schlechte Seitenerfahrung. Deshalb empfehlen wir folgende Regeln:
- Zeigen Sie ein abgelehntes Popup für einen festen Zeitraum nicht erneut.
- Nutzen Sie mobil ein kleines Banner statt einer bildschirmfüllenden Ebene über dem Inhalt.
- Machen Sie den Schließen Button sichtbar, ausreichend groß und per Tastatur erreichbar.
Wie erkennen Sie optische Tricks und verwirrende Formulierungen?
Optische Tricks wenden unsere Gewohnheiten gegen uns. Nutzer gehen zum Beispiel meist davon aus, dass der auffällige Button "weiter" bedeutet. Steht auf dem kräftigen Button "Tarif upgraden" und auf dem blassen Link "Kostenlos fortfahren", nutzt das diese Erwartung aus. Ebenso verbreitet ist ein winziges oder kontrastarmes Schließen Symbol.
Verwirrende Formulierungen nutzen dagegen die Sprache selbst, denn sie spielen mit Verneinungen. Doppelte Verneinungen wie "Abbrechen, wenn Sie Benachrichtigungen nicht deaktivieren möchten" führen Nutzer zur falschen Option. Wie finden Sie solche Stellen also auf Ihrer eigenen Website?
- Lesen Sie zunächst jede Buttonbeschriftung ohne Kontext. Ergibt sie für sich allein Sinn?
- Vergleichen Sie Kontrast und Größe der Ablehnung mit der Zustimmung.
- Bedienen Sie dann die Seite einhändig am Smartphone. Erreichen Sie das Schließen Symbol bequem?
- Bitten Sie eine Person, die Ihre Website nicht kennt, den Text zu lesen und zu sagen, welche Option sie wählen würde.
Dieser Schnelltest ersetzt keine professionelle Usability Studie. Trotzdem deckt er offensichtliche Probleme schnell auf.
Was sagen EU Regeln über Dark Patterns?
Zunächst ein Hinweis: Dieser Abschnitt dient der allgemeinen Information und ist keine Rechtsberatung. Bitte wenden Sie sich für Ihren konkreten Fall an eine Fachperson. Da sich Vorschriften ändern können, prüfen Sie den aktuellen Text immer in offiziellen Quellen.
In der Europäischen Union berühren mehrere Regelwerke das Thema gleichzeitig. Das Gesetz über digitale Dienste (DSA) untersagt Anbietern von Onlineplattformen, ihre Oberflächen so zu gestalten, dass sie die freie und informierte Entscheidung der Nutzer verzerren oder beeinträchtigen. Die betreffende Vorschrift trägt den Titel "Gestaltung und Organisation der Online Schnittstelle" und gilt vor allem für Plattformen.
Für einen Onlineshop ohne Plattformcharakter stehen andere Regeln im Vordergrund:
- Richtlinie über unlautere Geschäftspraktiken: Sie verbietet irreführende und aggressive Geschäftspraktiken. Die Leitlinien, auf die die Seite der Europäischen Kommission zur Richtlinie verweist, behandeln Dark Patterns.
- DSGVO: Sie verlangt eine freiwillige und unmissverständliche Einwilligung. Die Leitlinien des EDSA zu irreführenden Designmustern geben dazu praktische Orientierung.
- Verbraucherrechte: Sie verlangen, dass Zahlungspflicht und Gesamtpreis klar erkennbar sind.
Kurz gesagt: Die Regelwerke heißen verschieden, die Botschaft ist dieselbe. Eine Oberfläche, die täuscht oder die Wahl verzerrt, ist riskant.
Wie gehen Verbraucherregeln in den USA und anderen Märkten damit um?
Auch dieser Abschnitt ist allgemeine Information und keine Rechtsberatung. In den USA hat die FTC in ihrem Bericht klar erklärt, dass Dark Patterns eine Priorität ihrer Durchsetzung sind. Der Bericht untersuchte Muster im E-Commerce, in Cookie Einwilligungsbannern, in Apps für Kinder und beim Verkauf von Abonnements.
Verbraucherbehörden in anderen Märkten bewegen sich in eine ähnliche Richtung. Irreführende Preisangaben, Zusatzkosten ohne klare Zustimmung und eine Einwilligung, die nicht dem freien Willen entspricht, sehen Verbraucher und Datenschutzregeln generell kritisch. Die Details unterscheiden sich jeweils von Land zu Land. Prüfen Sie daher die aktuellen Regeln immer bei der zuständigen offiziellen Stelle.
Unser praktischer Rat lautet: Gestalten Sie Ihre Website für den strengsten Markt, den Sie bedienen. Sind Zustimmung und Ablehnung gleich einfach, die Preise von Anfang an transparent und die Kündigung so leicht wie die Anmeldung, erfüllen Sie die Kernerwartungen der meisten Märkte. Zudem stärkt ein solches Design ganz automatisch das Vertrauen der Besucher.
Welche ehrliche Alternative gibt es zu jedem Dark Pattern?
Die folgende Tabelle stellt die häufigsten Muster den ehrlichen Designentscheidungen gegenüber, die Sie stattdessen nutzen können. Sie eignet sich als Prüfliste für Designreviews.
| Dark Pattern | Wirkung auf den Nutzer | Ehrliche Alternative |
|---|---|---|
| Versteckte Kosten | Erfährt den Gesamtpreis erst im letzten Schritt | Pflichtgebühren auf der Produktseite zeigen |
| Untergeschobener Artikel | Zahlt für etwas, das er nicht gewählt hat | Zusatzleistung mit leerem Kästchen anbieten |
| Confirmshaming | Muss sich zum Ablehnen selbst herabsetzen | Beide Optionen neutral formulieren |
| Falscher Countdown | Entscheidet unter falschem Druck | Echtes Enddatum nennen |
| Erschwerte Kündigung | Zahlt weiter für ein ungewolltes Abo | Kündigung so einfach wie Anmeldung |
| Versteckter Ablehnen Button | Erteilt eine ungewollte Einwilligung | Zustimmung und Ablehnung auf einer Ebene |
| Vorab angehaktes Kästchen | Erhält unerwünschte Nachrichten | Kästchen leer lassen, klar formulieren |
| Nörgelndes Popup | Erreicht den Inhalt nicht und verlässt die Seite | Abgelehnte Abfrage eine Zeit lang nicht wiederholen |
Wie Sie sehen, kosten die meisten ehrlichen Alternativen nichts zusätzlich. Oft genügt es also, eine vorhandene Einstellung zugunsten des Nutzers umzustellen.
Wie hängen Barrierefreiheit und Dark Patterns zusammen?
Barrierefreiheit und ehrliches Design verfolgen dasselbe Ziel: Alle Menschen sollen informiert entscheiden können. Die Web Content Accessibility Guidelines (WCAG) des W3C verwenden den Begriff Dark Patterns nicht. Dennoch beschreiben mehrere Erfolgskriterien genau das Gegenteil dieser Muster.
- 2.2.1 Zeitbegrenzung anpassbar: Nutzer können eine Zeitbegrenzung abschalten, anpassen oder verlängern. Das ist das Gegenteil von künstlichem Zeitdruck.
- 3.3.4 Fehlervermeidung (rechtlich, finanziell, Daten): Eingaben mit rechtlichen oder finanziellen Folgen sollten umkehrbar, überprüfbar oder bestätigbar sein.
- 3.2.6 Konsistente Hilfe: Hilfemöglichkeiten sollten auf allen Seiten an derselben Stelle stehen. Einen Support oder Kündigungsweg zu verstecken, widerspricht dieser Idee.
- 2.4.7 Fokus sichtbar: Der Tastaturfokus muss sichtbar sein. Ein versteckter Schließen Button trifft somit auch Tastaturnutzer.
In der Praxis ist eine Prüfung der Barrierefreiheit deshalb zugleich eine Suche nach Dark Patterns. Die Grundlagen erklärt unser Leitfaden zur barrierefreien Website.
Welche Formen nehmen Dark Patterns auf dem Smartphone an?
Smartphonebildschirme sind klein, und Nutzer haben oft wenig Zeit. Beides begünstigt Dark Patterns. Ein Schließen Symbol ist zum Beispiel zu klein zum Antippen oder sitzt direkt am Bildschirmrand. Der Nutzer will es schließen und tippt stattdessen auf die Werbung.
Ein weiteres Beispielszenario: Im Checkout erscheinen die Gebührenzeilen unter dem Gesamtbetrag erst nach dem Scrollen. Am Desktop passt alles auf einen Bildschirm. Mobil tippt der Nutzer dagegen auf den Bestätigen Button, ohne die wichtigen Angaben je zu sehen. Ebenso können fixierte Leisten am unteren Rand dauerhaft einen Teil des Inhalts verdecken.
Für ehrliches mobiles Design empfehlen wir diese Grundsätze:
- Geben Sie Schließen und Ablehnen eine Größe, die sich bequem antippen lässt.
- Zeigen Sie Gesamtpreis und Zusatzgebühren direkt über dem Bestätigen Button, ohne Scrollen.
- Halten Sie fixierte Leisten klein und lassen Sie Nutzer sie schließen.
Kurz gesagt: Prüfen Sie jeden mobilen Bildschirm mit einer Frage. Sieht der Nutzer das ohne Scrollen?
Wie prüfen Sie Ihre Website auf Dark Patterns?
Prüfen Sie die Nutzerreise, nicht einzelne Bildschirme. Nielsen Norman Group stellt fest, dass regelmäßige Usability Tests offensichtliche Muster finden, subtile aber oft übersehen. Daher empfiehlt das Institut einen angepassten Cognitive Walkthrough als Ergänzung. In unseren Audits gehen wir so vor:
- Listen Sie die kritischen Abläufe auf: Kauf, Registrierung, Newsletter, Kündigung, Kontolöschung und Cookie Auswahl.
- Durchlaufen Sie jeden Ablauf aus Sicht Ihres verletzlichsten Nutzers, etwa jemand in Eile, am Smartphone oder mit Screenreader.
- Fragen Sie bei jedem Schritt: Teilt der Nutzer zu viel? Versteht er die Optionen falsch? Steht er unter Zeitdruck? Schämt er sich beim Ablehnen?
- Notieren Sie die Klickzahl für Zustimmung und Ablehnung nebeneinander.
- Ordnen Sie die Funde nach Schwere und legen Sie für jeden eine ehrliche Alternative fest.
Die weiteren Schritte eines vollständigen UX Reviews beschreibt unser Leitfaden zum UX Audit. Möchten Sie, dass wir diese Prüfung für Ihre Website übernehmen, fordern Sie über unser Webdesign Angebot ein Angebot an. Die Ergebnisse und Prioritäten erhalten Sie als schriftlichen Bericht.
Wie verankern Sie ehrliches Design im Team?
Ein einmaliges Audit löst das Problem nur für eine Weile. Mit neuen Kampagnen, Popups und Tests können alte Muster allerdings zurückkehren. Deshalb sollte ehrliches Design die Aufgabe des ganzen Teams sein, nicht die einer einzelnen Person.
In der Praxis bewähren sich einige Gewohnheiten:
- Ergänzen Sie Ihr Designsystem um schriftliche Regeln, etwa "Ablehnen steht auf derselben Ebene wie Zustimmen".
- Nehmen Sie in jeden A/B Testplan mindestens eine Schutzkennzahl auf, zum Beispiel Retouren oder Abmeldungen.
- Machen Sie die Prüfliste vor dem Livegang so verbindlich wie ein Code Review.
- Bitten Sie ein Teammitglied, in jedem Meeting die Frage "Täuscht das den Nutzer?" zu stellen.
Nielsen Norman Group empfiehlt zudem, irreführende Muster offen anzusprechen, sobald jemand sie vorschlägt oder baut, und fairere Alternativen zu suchen. So wird Ehrlichkeit von einer Wahl zur normalen Arbeitsweise des Teams.
Welche Checkliste sollten Sie vor dem Livegang nutzen?
Nutzen Sie die folgende Checkliste vor jeder neuen Seite, Kampagne oder Änderung am Checkout. Am besten gehen Design, Entwicklung und Marketing sie gemeinsam durch.
- Bleibt der Gesamtpreis von der ersten Anzeige bis zur Zahlung gleich?
- Gelangt ein Artikel in den Warenkorb, den der Nutzer nicht gewählt hat?
- Sind alle Einwilligungskästchen standardmäßig leer?
- Sind Ablehnen, Kündigen und Schließen so sichtbar und einfach wie Zustimmen?
- Beruhen Countdown, Bestand und Nachfrage auf echten Daten?
- Fragt die Website in derselben Sitzung erneut nach etwas, das der Nutzer abgelehnt hat?
- Ergeben Buttonbeschriftungen ohne Kontext einen Sinn?
- Ist die Kündigung über denselben Kanal und in vertretbar wenigen Schritten möglich?
- Stehen Zustimmung und Ablehnung im Cookie Banner auf derselben Ebene?
- Erreichen Tastatur und Screenreader jede Option?
Bereitet Ihnen eine Antwort Unbehagen, gestalten Sie diesen Punkt vor dem Livegang neu. Eine kleine Korrektur kostet weit weniger als die Beschwerden danach.
Kurzfristige Conversions oder langfristiges Vertrauen?
Das Hauptargument für Dark Patterns lautet, dass sie Conversions steigern. Kurzfristig kann das in manchen Fällen stimmen. Eine unvollständige Kennzahl führt allerdings zu einer unvollständigen Entscheidung. Solange Retourenquote, Supportanfragen, Rückbuchungen, Kündigungen und negative Bewertungen nicht in dieselbe Tabelle fließen, sehen Sie das echte Ergebnis nicht.
Deshalb empfehlen wir, in A/B Tests mehrere Schutzkennzahlen zu beobachten statt einer einzigen Conversion Zahl. Bei einem Test für ein Newsletter Popup verfolgen Sie also neben den Anmeldungen auch Absprungrate, Abmelderate und wiederkehrende Besuche.
Vertrauen wächst dagegen mit der Zeit. Eine Website, die den Preis von Anfang an nennt, die Kündigung leicht macht und niemanden beschämt, holt Besucher zurück und wird weiterempfohlen. Wie Sie solche Signale aufbauen, zeigt unser Beitrag über Vertrauenselemente auf der Website.
So bauen wir ehrliche Oberflächen in Ihre Website ein
Wenn Talha Aslan und Team eine neue Website beginnen, machen wir ehrliche Gestaltungsregeln zum Teil des Designsystems. Das visuelle Gewicht des Ablehnen Buttons, der Standardzustand von Kästchen und die Preisanzeige folgen somit auf jeder Seite derselben Regel. Folglich bleibt die Regel auch dann bestehen, wenn später jemand eine neue Kampagne ergänzt.
Bei bestehenden Websites führen wir zunächst das oben beschriebene Audit durch. Danach planen wir die Korrekturen nach Wirkung und Aufwand. Die meisten Korrekturen betreffen Texte, Standardeinstellungen und die Hierarchie der Buttons. Ein kompletter Relaunch ist daher selten nötig.
Möchten Sie diesen Ansatz auf Ihrer Website umsetzen, beschreiben Sie Ihr Projekt auf unserer Seite zu unseren Webdesign Leistungen und fordern Sie ein Angebot an. Umfang, Zeitplan und Ergebnisse teilen wir Ihnen schriftlich mit. Eine Website ohne Dark Patterns ist eine Investition in Ihre Nutzer und in den langfristigen Ruf Ihrer Marke.



