{"id":229225,"date":"2021-09-23T10:30:00","date_gmt":"2021-09-23T08:30:00","guid":{"rendered":"https:\/\/devowl.io\/?p=229225"},"modified":"2025-05-02T18:23:49","modified_gmt":"2025-05-02T16:23:49","slug":"design","status":"publish","type":"blog","link":"https:\/\/devowl.io\/de\/cookie-banner\/design\/","title":{"rendered":"Cookie Banner Design \u2013 10 Tipps f\u00fcr kreativen Datenschutz!"},"content":{"rendered":"

Spieglein, Spieglein an der Wand, wer hat das sch\u00f6nste (und zugleich datenschutzkonformste) Cookie Banner im ganzen Land?<\/p>\n

Cookie Banner und der Datenschutz sind sp\u00e4testens seit dem Urteil in der Rechtssache C-673\/17 des EuGH<\/a> (Opt-in Cookie Banner Pflicht) genauso unzertrennlich wie Pech und Schwefel. Wenn du dir unseren Artikel Was ist ein Cookie Banner?<\/a> aufmerksam durchgelesen hast, hast du bereits einen guten \u00dcberblick \u00fcber die rechtlichen Voraussetzungen von Cookie Pop-up-Fenstern und Bannern erhalten. Da du als Website-Betreiber jetzt wei\u00dft, wann \u00fcberhaupt ein Cookie Consent Banner erforderlich ist<\/a> und wof\u00fcr du einen Cookie Banner ben\u00f6tigst<\/a>, kommen wir nun zum kreativen Teil: dem Cookie Banner Layout.<\/p>\n<\/div><\/div>

<\/i><\/div>

Wir m\u00fcssen darauf hinweisen, dass die folgenden Aussagen keine Rechtsberatung darstellen. Wir k\u00f6nnen dir daher nur Einsch\u00e4tzungen aus unserer intensiven Erfahrung mit den EU-Rechtsvorschriften in der Praxis und eine technische Einsch\u00e4tzung der Situation geben.<\/p>\n<\/div><\/div><\/div>

\n<\/div><\/div>

Weshalb ist die Gestaltung von Cookie Bannern wichtig?<\/h2>\n

Data protection on the Internet is a sensitive issue, which is why many website visitors are also sceptical about cookie banners. A banner or pop-up window that denies access to the website until you have given your consent to so-called cookies – looks anything but trustworthy at first glance. This makes it all the more challenging for website operators to encourage their visitors to give their consent to the setting of cookies and the processing of personal data. The art therefore lies in using visual means to maximize the consent rate of visitors while remaining within the bounds of the legal.<\/p>\n

Mindestens ebenso wichtig wie die \u00c4sthetik ist ein korrekter Cookie-Hinweistext.<\/strong><\/p>\n

Ein mangelhafter Text im Cookie Hinweis kann f\u00fcr die nicht korrekte Einhaltung des Datenschutzes ausschlaggebend sein. Einen DSGVO-konformen Cookie Hinweis-Beispieltext findest du in unserem Artikel \u00fcber Cookie Banner-Textbeispiele<\/a>, in welchem wir unter anderem einen Cookie Hinweis-Mustertext zerpfl\u00fccken und n\u00e4her erl\u00e4utern.<\/p>\n<\/div><\/div>

UX Design im Cookie Banner<\/h3>\n

User Experience ist der englische Begriff f\u00fcr \u201eNutzererlebnis\u201c. User Experience Design (UXD) thematisiert folglich die Gestaltung des Nutzererlebnisses bzw. der Nutzererfahrung. UXD zielt darauf ab, etwa eine Website oder eine App so zu gestalten, dass die Erfahrung der spezifischen Zielgruppe verbessert oder optimiert wird. Kern des Ganzen ist das Zusammenspiel von N\u00fctzlichkeit, Funktionalit\u00e4t und Attraktivit\u00e4t.<\/p>\n

Demnach n\u00fctzt dir das sch\u00f6nste und originellste Cookie Banner Design nichts, wenn du deinen Besucher nicht gleicherma\u00dfen dar\u00fcber informierst, zu welchem Zweck deine Website \u00fcberhaupt Cookies verwendet. Der Cookie Banner sollte deinem Besucher also den Mehrwert bieten so einfach wie m\u00f6glich dar\u00fcber aufgekl\u00e4rt zu werden, worin er einwilligen kann.<\/p>\n<\/div><\/div>

UI Design im Cookie Banner<\/h3>\n

Oftmals werden UI Design und UX Design f\u00e4lschlicherweise gleichgesetzt. Auch wenn beide Begriffe sehr \u00e4hnlich klingen, bestehen essenzielle Unterschiede. Anders als UXD beschreibt User Interface Design (UID) die Gestaltung der grafischen Oberfl\u00e4che, auf der Nutzer agieren (Austausch zwischen Mensch und Maschine). In puncto UID sind leichte Bedienbarkeit, Intuition und Effizienz wichtige Schl\u00fcsselbegriffe.<\/p>\n

Dein Website-Besucher sollte demzufolge unter anderem in der Lage sein, alle wichtigen Buttons des Cookie Consent Banners sofort finden zu k\u00f6nnen, ohne sich durch ein Klick-Labyrinth k\u00e4mpfen zu m\u00fcssen. Allgemein sind Klick-Labyrinthe also zu vermeiden. Bei manchen Cookie Bannern im Internet wirst du sie dennoch finden. Und das ganz bewusst! Beispielsweise setzt der TCF Standard<\/a> auf eine hohe Komplexit\u00e4t f\u00fcr den Nutzer, um ihn zur einfachsten Interaktion zu dr\u00e4ngen: Allen Cookies zustimmen.<\/p>\n

Im Gegensatz zu UX Design holt UI Design die Zielgruppe nicht auf einer emotionalen, sondern auf einer interaktiven Ebene ab.<\/p>\n<\/div><\/div>

Wie das Cookie Banner Design die Einwilligungsrate beeinflusst<\/h2>\n

Cookies im Internet \u2013 wahrscheinlich hat nicht einmal das Kr\u00fcmelmonster sie gern. In unserem Blog-Artikel Cookies im Internet \u2013 das solltest du unbedingt wissen!<\/a> kannst du nachlesen, was es mit den kleinen Textdateien auf sich hat und weshalb sie eventuell doch nicht so b\u00f6se sind, wie oft angenommen wird.<\/p>\n

Nevertheless, this does not change the fact that many Internet users would like to ban cookies – not to mention cookie banners (also called opt-in banners) – from the World Wide Web. Cookies are simply annoying! That’s why many website operators are now using various methods to elicit consent from their visitors, beyond the use of cute biscuit emojis in cookie banners.<\/p>\n

Aber Achtung!<\/strong> Der Grad zwischen rechtskonform und rechtswidrig ist hierbei \u00e4u\u00dfert schmal. Den Grund erkl\u00e4ren wir dir im Folgenden.<\/p>\n<\/div><\/div>

Dark Patterns – what is that?<\/h3>\n

\"DarkSolltest du Dark Patterns verwenden, haben wir dich offiziell an die dunkle Seite der Macht verloren \ud83d\ude09 Grob zusammengefasst verfolgen Dark Patterns beabsichtigt nutzerun<\/strong>freundliche Designmuster, welche die Nutzer t\u00e4uschen oder auch in eine Falle locken sollen \u2013 unter anderem einen unbeabsichtigten Kauf t\u00e4tigen oder eine ungewollte Anmeldung durchzuf\u00fchren. Und wo k\u00f6nnte man solche tr\u00fcgerischen Strategien super anwenden, um zahlreich Daten abgrasen? Glasklar: in Cookie Bannern.<\/p>\n

Dark Patterns befinden sich in einer rechtlichen Grauzone, da das Gesetz meist nicht konkret dazu Stellung nimmt. Jedoch urteilen Gerichte immer wieder \u00fcber diese Strategien. In der Tendenz fallen viele Urteile zugunsten des Datenschutzes aus. Folglich k\u00f6nnen Ideen, die sich heute noch in einer Grauzone befinden, morgen schon verboten sein. Folglich solltest du lieber die Finger von solchen Methoden lassen!<\/strong><\/p>\n

Ein Beispiel f\u00fcr Dark Patterns<\/h4>\n

Now, you’re probably wondering what exactly dark patterns strategies look like in practice. The dark patterns trap can be sprung at many points of contact with a website.<\/p>\n

Bez\u00fcglich Aufbau, Schriftart, Textwahl und Buttons werden Cookie Consent Banner oft dahin gehend konzipiert, den Besuchern einer Website das Ablehnen von Cookies so schwer wie m\u00f6glich zu gestalten bzw. sie dazu zu dr\u00e4ngen, alle Cookies anzunehmen.<\/p>\n

Beispiel: Website-Besucher m\u00fcssen erst auf mehrere Buttons klicken, um nicht alle Cookies akzeptieren zu m\u00fcssen.<\/p>\n<\/div><\/div>

Nudging – what is it?<\/h3>\n

Similar to dark patterns, so-called “nudging” is an ethically controversial method of obtaining consent. Nudging can be seen as a precursor to dark patterns. “Nudging” means something like “pushing”. The aim is to nudge the user in the “right” direction – in other words, to obtain their consent to the setting of all cookies and the processing of personal data. Simple yes\/no answer options are now only available in the rarest of cases. Rather, many cookie consent banners now have a quiz-like character, with many open questions and even more vague statements.<\/p>\n

Nudging in Cookie Bannern<\/h4>\n

Bekannte Nudging-Beispiele in Cookie Hinweisen sind unter anderem:<\/p>\n

\"Cookie<\/p>\n