Teil 1: Die dunkle Seite der Conversion Optimierung

Was sind Dark Patterns?
Um eine erste Definition des Begriffs „Dark Pattern” erhaschen zu können, genügt ein kurzer Blick auf die Website des britischen User Experience Spezialisten Harry Brignull:
Dark Patterns are tricks used in websites and apps that make you do things that you didn't mean to, like buying or signing up for something. [...].
– Harry Brignull, www.darkpatterns.org
Übersetzt ins Deutsche bedeutet das: Dark Patterns sind Tricks, die auf Webseiten und Apps eingesetzt werden, um euch zu Handlungen zu verleiten, die ihr gar nicht durchführen wolltet, wie etwa ein ungeplanter Kauf oder auch eine ungewollte Anmeldung zu einem Newsletter.
Wie funktionieren Dark Patterns?
Das hängt natürlich mitunter davon ab, von welchem Dark Pattern genau die Rede ist. Im Allgemeinen lässt sich aber festhalten, dass Dark Patterns unter anderem die folgenden Eigenschaften des gemeinen Nutzers ausnutzen:
- Seiten und Apps werden lediglich überflogen, um möglichst schnell die gesuchten Informationen zu finden
- Gestaltungsmuster werden erlernt (etwa, dass der „Weiter”-Button immer die gleiche Farbe hat)
- „Kosten” und Nutzen werden stets abgewogen (bspw. wird ein großer Zeitaufwand für eine Kontolöschung selten in Kauf genommen, solange kein finanzieller Schaden entsteht).
Für nähere Informationen zur Funktionsweise einzelner Arten von Dark Patterns könnt ihr euch auch das am Ende diesen Beitrags verlinkte YouTube-Video „How Dark Patterns Trick You Online” ansehen.
Dark Patterns: Wandelbare Wesen
Die Erscheinungsformen von Dark Patterns können ganz unterschiedlich sein. Harry Brignull definiert auf seiner Informationsseite, die nach seinen eigenen Worten das Ziel verfolgt, das Bewusstsein für die Existenz dieser Patterns zu stärken und jene Unternehmen bloßzustellen, die auf solche Methoden setzen, 12 verschiedene Typen von Dark Patterns.
Im Rahmen der Studie an der DHBW definierten wir darüber hinaus zwei weitere Dark Patterns.
Nachfolgend möchte ich euch die wohl bekanntesten und absurdesten Patterns vorstellen. Für alle weiteren Patterns könnt ihr gerne der Seite von Harry Brignull einen Besuch abstatten. Dort findet ihr auch die Hall of Shame, welche einen Stream aller Tweets mit der Verlinkung von @darkpatterns abbildet.
Disguised Ads (Brignull)
Bei den sogenannten Disguised Ads handelt es sich um Anzeigen, die als andere Arten von Inhalten oder gar als Navigationselemente getarnt sind, um Sie dazu zu bringen, auf sie zu klicken.

Es geht aber natürlich auch noch perfider. Der ein oder andere Werbetreibende fügt einen kleinen „Pixelfleck” auf seinen Werbebannern ein, die auf Mobilgeräten ausgespielt werden, damit ihr beim Versuch den Schmutz von eurem Display zu entfernen auf die Werbeanzeige tippt und sie damit öffnet.
Confirmshaming (Brignull)
Das Confirmshaming zielt darauf ab, Sie als Nutzer in Verlegenheit zu bringen, eine Ablehnung durchzuführen. Zu diesem Zweck wird die Möglichkeit des Ablehnens so dargestellt und formuliert, dass es Ihnen möglichst unangenehm ist oder gar absurd auf Sie wirkt, abzulehnen.

Misdirection (Brignull)
Hinter der sogenannten Misdirection steckt der simple Ansatz, das User Interface so zu gestalten, dass eure Aufmerksamkeit gezielt auf eine bestimmte Sache gelenkt wird, um beispielsweise von einer günstigeren Alternative abzulenken. Günstig meint hierbei nicht zwingend nur den monetären Aspekt, wie das Beispiel zeigt.

Roach Motel (Brignull)
Das „Schabenmotel” dient als Begrifflichkeit dafür, dass es Ihnen sehr leicht gemacht wird, in eine gewisse Situation wie ein Premium-Abonnement hineinzukommen, es dann aber schwer fällt aus dieser Situation wieder herauszukommen.
Wer schon einmal versucht hat sein Amazon-Konto zu löschen – und diesen Prozess rückblickend sogar mit der Einrichtung des Kontos verglichen hat – weiß ganz genau, wovon ich spreche.
Eine kleine Challenge: Versuchen Sie doch tatsächlich mal, ohne Unterstützung durch Anleitungen aus dem Netz, Ihr Amazon-Konto zu löschen und berichten Sie in den Kommentaren davon, wie lange es gedauert hat und wie viele Schritte dafür notwendig waren.
Ich bin gespannt.
Sneak into System (Eigene Studie)
Dieses Dark Pattern haben wir im Rahmen der Studie selbst eingeordnet und benannt. Es leitet sich von „Sneak into basket”, einer inzwischen durch den Europäischen Verbraucherschutz verbotenen Praktik, bei der sich im Verlauf der Bestellstrecke ein zusätzlicher Artikel, ein Upgrade o. Ä. in den Warenkorb schleicht, ab. Dies geschieht häufig durch Optionsschalter, Checkboxen oder eine offensichtliche Auswahl eines Upgrades, gepaart mit einer Misdirection.
Beim Sneak into System entsteht in aller Regel zwar kein finanzieller Schaden, doch auf der emotionalen Ebene ist der Schaden vergleichbar groß. Hier versucht sich beim Installieren einer gewünschten Software, weitere Software aufzudrängen, die ihr eigentlich gar nicht haben möchtet. Bekannt für diese Praktik sind vor allem bekannte Software-Portale, bei denen ihr den Installer des Portals nutzt, um die Software zu installieren. Auch hier wird sich oftmals der Misdirection bedient, um euch auch wirklich zur Installation zu bewegen.

Fear of missing out – FOMO (Eigene Studie)
Zu Deutsch: Die Angst, etwas zu verpassen – zum Beispiel dieses unschlagbar gute Angebot für das Hotelzimmer, das in der letzten Stunde schon 29 Mal gebucht wurde und von dem nur noch zwei Stück verfügbar sind. Wer kennt es nicht?

Im zweiten, bald folgenden Teil des Beitrags geht es um die "trockene Theorie": Die Studie. Wer nicht warten möchte, kann sich unter folgendem Link meinen Lightning Talk zum Thema "Dark Patterns" beim WordCamp Zürich 2019 ansehen, bei dem ich zum Ende hin in Kurzform auf die Studie eingehe: Dark Patterns - WordCamp Zürich 2019
Und hier noch der Link zum oben genannten YouTube-Video: How Dark Patterns Trick You Online
Auch ohne Dark Patterns schaffen wir es, mit gelungenem Webdesign Ihre Kunden zu überzeugen. Melden Sie sich noch heute bei uns.
Beratung anfragen
Wählen Sie einen Termin für ein 30-minütiges Erstgespräch.
Kontakt aufnehmen
Schreiben Sie uns kurz, worum es geht.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Hierarchie
Wir gewichten Inhalte über Größe, Position und Kontrast, sodass das Wichtigste sofort führt. Ihr Besucher findet sich zurecht, ohne zu suchen, und der nächste Schritt liegt immer nahe. Das senkt Absprünge und entlastet Ihren Vertrieb.
Konsistenz
Buttons, Abstände und Begriffe folgen einem festen System über alle Seiten hinweg. Neue Inhalte fügen sich automatisch ein, die Pflege bleibt einfach und wirkt nach außen verlässlich. So entsteht ein Auftritt, der zusammengehört.
Marke auf dem Schirm
Farben, Typografie und Bildsprache übersetzen Ihre Marke in eine Oberfläche, die man wiedererkennt. Gestaltung und Funktion greifen ineinander, statt sich zu behindern. Das Ergebnis trägt Ihre Identität und bleibt zugleich zugänglich.
Orientierung
Navigation, Einstiege und Seitenstruktur führen Besucher gezielt zum passenden Angebot. Sie erkennen schnell, ob sie richtig sind, und verlieren keine Zeit. Das erhöht die Chance, dass aus Interesse ein Lead wird.
Verständlichkeit
Wir bereiten Produkte, Leistungen und Optionen so auf, dass sie ohne Rückfrage einzuordnen sind. Komplexe Angebote werden vergleichbar, Hürden auf dem Weg zum Lead fallen weg. So qualifiziert sich Ihr Interessent selbst vor.
Vertrauen
Klare Sprache, nachvollziehbare Struktur und sichtbare Belege geben Sicherheit. Gerade in längeren B2B-Entscheidungen mit mehreren Beteiligten zählt das. Ihre Website überzeugt damit auch jene, die später dazukommen.
Stabilität
Geprüfte Updates, Monitoring und feste Abläufe halten die Plattform sicher und verfügbar. Probleme werden behoben, bevor sie für Sie sichtbar werden. So läuft Ihre Website im Hintergrund verlässlich weiter.
Skalierbarkeit
Die Architektur ist auf Wachstum ausgelegt. Weitere Inhalte, Sprachen, Marken oder Standorte lassen sich ergänzen, ohne neu zu beginnen. Strukturen ziehen mit, statt zu bremsen.
Wartbarkeit
Saubere Strukturen und dokumentierte Erweiterungen machen die Pflege planbar. Auch ein neues Team versteht das System schnell und arbeitet sicher weiter. Das hält die laufenden Kosten überschaubar.
Kontakt aufnehmen
Erzählen Sie uns kurz, worum es bei Ihrer Oberfläche geht. Wir melden uns mit einer ersten Einschätzung.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Kontakt aufnehmen
Sagen Sie uns kurz, wo es in der Nutzerführung hakt. Wir melden uns mit einem konkreten nächsten Schritt.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Kontakt aufnehmen
Beschreiben Sie kurz Ihr TYPO3-Anliegen. Wir melden uns mit einer Ersteinschätzung.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Beratung anfragen
Wählen Sie einen Termin.
Beratung anfragen
Wählen Sie einen Termin.
Beratung anfragen
Wählen Sie einen Termin.
Kontakt aufnehmen
Sagen Sie uns kurz, worum es bei Ihrem Webprojekt geht. Wir melden uns mit einer ersten Einschätzung.
Formular wird geladen …
Danke!
Ihre Nachricht ist angekommen. Wir melden uns in Kürze bei Ihnen.
Beratung anfragen
Wählen Sie einen Termin für ein Erstgespräch.
Stabilität
Geprüfte Updates, Monitoring und feste Abläufe halten Ihre Website sicher und verfügbar. Probleme werden behoben, bevor sie für Sie sichtbar werden.
Skalierbarkeit
Die Architektur ist auf Wachstum ausgelegt: weitere Inhalte, Sprachen oder Standorte lassen sich ergänzen, ohne neu zu beginnen.
Wartbarkeit
Saubere Strukturen und dokumentierte Umsetzung machen die Pflege planbar. Auch ein neues Team versteht das System schnell.
UX Interface Audit
Das Audit liefert eine priorisierte Liste von Verbesserungen für zentrale Seiten und Module.
Hilfreich, wenn zentrale Seiten inkonsistent sind oder Hürden enthalten und Vertrauen und Orientierung leiden.
UX-Optimierungs-Check
Der Check zeigt, wo Orientierung, Formulare und Leads unnötig schwer werden.
Hilfreich, wenn Nutzer den Weg zum Lead nicht finden oder Formulare bremsen.
Informationsarchitektur-Sprint
Der Sprint ordnet Struktur, Navigation und Pflege, bevor ein Relaunch startet.
Sinnvoll, wenn Navigation und Seitenbaum gewachsen sind und wichtige Seiten unsichtbar bleiben.
TYPO3 Health Check
Der Check liefert eine klare Prioritätenliste zu Ladezeiten, Sicherheit, Barrierefreiheit und Sichtbarkeit.
Hilfreich, wenn Performance, Sicherheit und Wartbarkeit gleichzeitig wackeln und die Reihenfolge fehlt.