Gibt es so etwas wie ein nutzerfreundliches Cookie-Banner? Eigentlich nicht. Cookie-Banner nerven. Sie werfen sich einem in den Weg und bevor man nicht irgendetwas angeklickt hat, geht’s nicht weiter. Das ist störend, verwirrend und widerspricht so ziemlich allen Usability-Regeln.

Wir „Web-Professionals“ verbringen einen großen Teil unserer Zeit damit, den Zugang zu Websites so leicht wie möglich zu machen. Die Website soll schnell laden, die Besucher sollen sich wohl fühlen und Vertrauen fassen, sie sollen sich gut orientieren können und schnell finden, was sie suchen. Alles, was für Irritation und Unterbrechung sorgen könnte, räumen wir sorgfältig aus dem Weg.

Inzwischen gibt es kaum eine Website mehr, auf der ich nicht grob unterbrochen werde, nachdem die ersten Inhalte geladen wurden. Und als ob das nicht schon schlimm genug wäre: Ich werde auch noch dazu gedrängt, Dinge anzuklicken, die ich nicht verstehe.

In diesem Artikel denke ich darüber nach, wie man den Schaden ein bisschen begrenzen kann und wie ein halbwegs nutzerfreundliches Cookie-Banner gestaltet sein könnte.

Standard-Cookie-Banner

Am weitesten verbreitet sind derzeit einfache Cookie-Banner, die einen OK-Button und einen Link zur Datenschutzerklärung anbieten.

Das einzige, was ich hier tun kann, ist auf OK klicken. Und die Datenschutzerklärung lesen.

Das ist problematisch – ich habe schließlich keine Wahl. Ob es tatsächlich als Einverständnis zu werten ist, wenn ich nur eine einzige Option habe, ist zumindest umstritten.

Ich fühle mich immer ein bisschen unwohl, nachdem ich so einen OK-Button angeklickt habe. Selbst wenn ich jedes Mal die Datenschutzerklärung lesen würde, hätte ich keine klare Vorstellung, was da gerade passiert ist.

ZUM WEITERLESEN
Bist du sicher, dass du ein Cookie-Banner haben musst?
Du brauchst vielleicht gar kein Cookiebanner

Erweiterte Cookie-Banner

Inzwischen gibt es Cookie-Banner, die einen Schritt weiter gehen. Sie lassen den Besucher wählen zwischen essenziellen Cookies, Werbe- und Analytics-Cookie sowie Cookies von Drittanbietern.

Die essenziellen Cookies sind in der Regel die „ungefährlichen“ Cookies, die für technische Abläufe gebraucht werden. Damit werden keine personenbezogenen Daten gesammelt.

Cookie-Banner der Website borlabs.io, einem Anbieter von kostenpflichtigen Cookie-Banner-Lösungen

Hier habe ich also immerhin eine Wahl. Aber der Schein trügt.

Dark Patterns: Ich tue etwas, was ich eigentlich nicht tun will

Diese Banner – nicht alle, aber viele – verwenden leider häufig Dark Patterns. Dark Patterns sind UI-Elemente, die Nutzer dazu verleiten sollen, etwas zu tun, was im Interesse des Website-Betreibers ist. Aber nicht in ihrem eigenen.

Im Cookie-Banner-Beispiel oben sind per Default nur essenzielle Cookies ausgewählt. Das ist eigentlich sehr freundlich.

Aber wenn man genau hinschaut, sieht man, dass es da zwei Buttons gibt. Einen großen farbigen mit der Aufschrift „Alle Akzeptieren“ und darunter einen „Speichern“ Button.

Der Button „Alle akzeptieren“ ist auffällig gestaltet, der Button mit „Speichern“ darunter ist dagegen kaum zu erkennen. Die hellgraue Hintergrundfarbe bietet kaum Kontrast zur darunterliegenden weißen Fläche. Auf hellen Bildschirmen oder unter schlechten Lichtverhältnissen erkennt man den Button gar nicht als Button.
Ein Paradebeispiel für nicht barrierefrei sozusagen.

Äh, was habe ich jetzt akzeptiert?

Nur wenn ich auf den zweiten, unscheinbaren Button klicke, akzeptiere ich die Grundeinstellung „essenzielle Cookies“. Klicke ich auf den bunten Button, habe ich plötzlich alle Cookies akzeptiert.
Ein Script setzt blitzschnell alle Häkchen und speichert. Wenn man genau hinguckt, sieht man die Häkchen kurz auftauchen.

Ein nutzerfreundliches Cookie-Banner

Korrekt wäre dieses User Interface:

Hier ist der Speichern-Button der aktive Button, konsistent zur Vorauswahl oben. Damit würde man nur die vorausgewählten essenziellen Cookies akzeptieren.

Fazit

Ich möchte eine Wahl haben

Wenn es schon ein Cookie-Banner geben muss, dann sollte es eines sein, das mir Wahl-Möglichkeiten anbietet. Der simple OK-Button ohne weitere Optionen tut das nicht. Hier bleibt außerdem unklar, worauf sich meine Zustimmung bezieht.

Ich kann nachvollziehen, wie es zu diese Bannern kam. Die DSGVO hat für viel Verunsicherung gesorgt und alle wollten bloß nichts falsch machen. Die Rechtslage ist noch dazu unklar und daraus entwickelte sich dann diese merkwürdige Bannerform.

Ich möchte verstehen, worum es geht

Rein formal kann ich mir alle Informationen in der Datenschutzerklärung zusammensuchen. Aber das ist weder realistisch noch nutzerfreundlich.

Ich möchte im Cookie-Banner selbst informiert werden, wozu genau ich hier was anklicken soll. Dann kann ich entscheiden, was ich tun will.

Dieser Text sagt mir leider rein gar nichts:

“Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies.”

So ist es besser, auch wenn man an der Verständlichkeit noch arbeiten könnte:

“Diese Webseite verwendet Cookies zur Analyse und Verbesserung der Webseite, zum Ausspielen personalisierter Anzeigen und zum Teilen von Artikeln in sozialen Netzwerken.”

Ich möchte nicht veräppelt werden

Der Cookie-Banner-Mechanismus sollte meine Wahl nicht heimlich unterlaufen. Wenn das Cookie-Banner zuerst den Eindruck erweckt, dass nur die technisch wichtigen Cookies gesetzt werden, aber dann durch die Hintertür alle anderen Cookies wieder ins Spiel bringt, dann ist das ein ganz schön übler Trick.