Eine Gestaltung, die Menschen zu etwas bringt, das sie so nicht wollten: der große Knopf für »Alle akzeptieren« neben einem kleinen Link, das Abo, das sich mit zwei Klicks abschließen und nur per Brief kündigen lässt. Hier stehen die häufigsten Muster, was das Gesetz dazu sagt und wie eine faire Abfrage aussieht.
2010 gab der UX-Designer Harry Brignull solchen Gestaltungen einen Namen: Dark Patterns. Auf seiner Website, heute deceptive.design, sammelt er seitdem Beispiele; dort heißen sie inzwischen Deceptive Patterns, täuschende Muster.
Ein Dark Pattern ist keine Panne. Die Gestaltung ist so gewählt, dass mehr Menschen tun, was der Anbieter will: zustimmen, kaufen, bleiben. Oft wirkt sie nur zusammen mit anderen: Eine Farbe allein drängt kaum, eine Farbe, ein versteckter Link und eine Frage bei jedem Besuch zusammen schon.
Die englischen Namen sind die von deceptive.design.
| Muster | So sieht es aus |
|---|---|
| Versteckte Ablehnung Obstruction, Visual interference |
»Alle akzeptieren« ist ein großer farbiger Knopf; ablehnen kann man erst hinter »Einstellungen«, auf einer zweiten Seite. |
| Vorausgewählt Preselection |
Die Häkchen für den Newsletter oder für die Cookies von Partnern sind schon gesetzt. |
| Schwer zu kündigen Hard to cancel |
Abschließen geht mit zwei Klicks, kündigen nur per Brief, am Telefon oder nach fünf Fragen, warum man gehen will. |
| Beschämen Confirmshaming |
Der Knopf zum Ablehnen heißt »Nein danke, ich spare nicht gern Geld«. |
| Nörgeln Nagging |
Dieselbe Frage kommt bei jedem Besuch wieder, bis man zustimmt. |
| Falsche Knappheit Fake scarcity |
»Nur noch 2 Zimmer frei!«, auch wenn es nicht stimmt. |
| Falsche Eile Fake urgency |
Ein Countdown für ein Angebot, der nach dem Neuladen wieder von vorn beginnt. |
| Versteckte Kosten Hidden costs |
Der Preis wächst erst an der Kasse, um Gebühren, die vorher nirgends standen. |
| Irreführende Wörter Trick wording |
»Entfernen Sie das Häkchen nicht, wenn Sie keine Angebote nicht verpassen möchten.« |
| Getarnte Werbung Disguised ads |
Eine Anzeige sieht aus wie der Knopf »Download« der Seite. |
<div class="consent"> <p>Dürfen wir mit einem Cookie zählen, welche Seiten du liest?</p> <button class="choice">Ablehnen</button> <button class="choice">Zustimmen</button> </div>
Beide Knöpfe haben dieselbe Klasse und sehen damit gleich aus.
Am einfachsten ist gar kein Banner: Eine Website, die im Browser nur ablegt, was für ihren Dienst unbedingt nötig ist, etwa die Anmeldung, muss nach § 25 TDDDG nicht fragen.