Müssen Seiten zur Offenlegung von Website-Richtlinien immer so hässlich sein?

Veröffentlicht: 2022-03-10
Kurze Zusammenfassung ↬ In einigen Fällen müssen Datenschutzrichtlinien, Nutzungsbedingungen und Cookie-Zustimmungsseiten hässlich sein. Aber das bedeutet nicht, dass Sie nicht verbessern können, wie einfach sie zu lesen oder zu navigieren sind (was Besucher definitiv zu schätzen wissen). Heute werden wir uns vier Möglichkeiten ansehen, wie Webdesigner dazu beitragen können, dass mehr Seiten zur Offenlegung von Richtlinien gelesen und den Bedingungen tatsächlich zugestimmt wird.

Es ist nicht so, dass die Verbraucher nicht an den Informationen interessiert wären, die auf den Seiten mit Nutzungsbedingungen oder Datenschutzrichtlinien bereitgestellt werden. Aber diese Seiten… Sprechen Sie über ein schmerzhaftes Design.

Als Webdesigner wissen Sie, dass Datenschutz- und Sicherheitsbedenken Einfluss darauf haben, wie Besucher mit den von Ihnen erstellten Websites interagieren. Aus diesem Grund bauen Sie überhaupt Vertrauenssiegel in Ihre Websites ein.

Aber das bloße Vorhandensein von Links zu „Nutzungsbedingungen“ oder „Datenschutzrichtlinie“ reicht nicht aus, um Besucher zu beruhigen. Diese Seiten müssen leicht lesbar oder zumindest leicht genug sein, um relevante Details herauszuziehen.

Wenn Sie dies noch nicht gewohnt sind, müssen Sie damit beginnen, Ihre Richtlinienseiten so zu gestalten, dass Website-Besucher sich nicht so entmutigt fühlen, dass sie die Bedingungen blindlings akzeptieren und sich selbst einem Risiko aussetzen.

Entwerfen von Richtlinienoffenlegungsseiten, die Besucher lesen werden

Sagen Sie mir die Wahrheit: Wann haben Sie das letzte Mal eine leicht lesbare Seite mit den Nutzungsbedingungen, der Datenschutzerklärung oder einer anderen Seite zur Offenlegung von Richtlinien besucht? Verdammt, wann haben Sie sich das letzte Mal überhaupt die Mühe gemacht, eine Seite mit den Begriffen zu besuchen?

Ein kürzlich von ProPrivacy durchgeführtes Experiment (über das Sie in diesem E-Book lesen können) ergab, dass 100 Personen auf eine Seite mit den Allgemeinen Geschäftsbedingungen stießen:

  • 70 gaben an, auf den Link der Richtlinienseite geklickt zu haben, um ihn zu lesen (wobei dies tatsächlich nur 19 taten ).
  • 33 behaupteten, die Seite vollständig gelesen zu haben ( in Wirklichkeit tat es nur 1! ).

Warum ist das ein Problem? Im Fall dieses Experiments liegt es daran, dass die Benutzer einige ziemlich verrückte Rechte aufgegeben haben, indem sie die Bedingungen unwissentlich akzeptiert haben:

ProPrivacy führte ein soziales Experiment durch, bei dem es darum ging, wie viele Personen Richtlinienseiten besuchen und lesen. Dies ist die Liste der ungewöhnlichen Bedingungen, denen die Besucher der Seite zugestimmt hatten
Das soziale Experiment von ProPrivacy enthielt einige ungewöhnliche Nutzungsbedingungen auf seiner Seite mit den Nutzungsbedingungen. (Bildquelle: ProPrivacy) (Große Vorschau)

Es ist nicht so, dass Ihre Kunden jemals lächerliche „Bedingungen“ wie diese auf ihren Richtlinienseiten verstecken würden. Aber das ist nicht der Punkt. Es gibt andere Dinge – wie die Verwendung von Cookies, was mit in ein Formular eingegebenen E-Mail-Adressen passiert, wie Inhalte von der Website lizenziert werden usw. – die von Bedeutung sind und am Ende auf einer Seite mit den Nutzungsbedingungen begraben werden können, weil sich niemand getraut hat, es zu versuchen und lies es.

Hier ist also, was Webdesigner tun können, um diesen Trend umzukehren und Besuchern mehr Gründe zu geben, einer Website zu vertrauen:

Tipp Nr. 1: Formatieren Sie die Seiten genauso wie den Rest der Website

Ich bitte Sie nicht, viel Zeit damit zu verbringen, da die Seiten mit den Nutzungsbedingungen und der Datenschutzrichtlinie nicht so wichtig sind wie die Seiten, die alles verkaufen, was die Marke anbietet. Aber…

Wenn Ihnen ein Geschäftsinhaber, Autor oder Rechtsvertreter eine Kopie für Richtlinienseiten gibt, die wie diese auf der Zappos-Website aussieht, sollten Sie wirklich etwas dagegen unternehmen:

Zappos-Nutzungsbedingungen-Seite mit umfangreicher Verwendung von Text in Großbuchstaben und langen Absätzen
Die Seite mit den Zappos-Nutzungsbedingungen ist eine Wand aus unlesbarem Text. (Bildquelle: Zappos) (Große Vorschau)

Das sieht aus wie etwas, das Sie von einer Anwaltskanzlei erhalten und sich davor fürchten, es zu öffnen. Überlange Absätze. Text in Großbuchstaben. Überschriften mit unsinniger Rechtsterminologie. Kein Wunder, dass sich die meisten Verbraucher nicht die Mühe machen, sich durch diese Seiten zu klicken, geschweige denn, sie zu lesen.

Je nachdem, was Sie erhalten, müssen Sie mit Ihrem Autor oder Rechtsvertreter zusammenarbeiten, um den Inhalt zu bearbeiten, damit er benutzerfreundlicher ist. Was das Design betrifft, ist das alles Sie.

Hier sind einige Möglichkeiten, wie Sie die Formatierung Ihrer Richtlinienoffenlegungsseiten verbessern können:

Erhöhen Sie die Schriftgröße und verringern Sie die Textmenge, wie es die Fishtank Agency tut:

Die Datenschutzrichtlinie der Fishtank Agency
Die Datenschutzrichtlinie der Fishtank Agency ist mit großem Text, fettgedruckten Überschriften und kurzen Abschnitten formatiert. (Bildquelle: Fishtank Agency) (Große Vorschau)

Es sind nicht nur der 18-Pixel-Body-Text oder die 24-Pixel-Header-Tags, die diese Seite so einfach zu lesen machen. Die Abschnitte sind kurz und Sie können sehen, wo sie enden. Außerdem sind die Abschnitte nummeriert, was es einfacher macht, das zu finden, wonach Sie suchen.

Eine andere Möglichkeit besteht darin , den Text wie eine normale Seite zu formatieren, wie es H&M tut:

Die Datenschutzseite von H&M – formatiert wie die Seite für Unternehmensdienste
Die Datenschutzseite von H&M sieht aus wie jede andere Seite, die auf einer Unternehmenswebsite erscheinen würde. (Bildquelle: H&M) (Große Vorschau)

Hier benötigen Sie die Hilfe Ihres Autors oder Rechtsvertreters, da Sie diese juristische Sprache nicht selbst umschreiben können. Wenn Sie jedoch eine benutzerfreundlichere Kopie für eine Richtlinienseite erhalten, teilen Sie sie nach Möglichkeit auf in:

  • Kleinere Abschnitte,
  • Kürzere Sätze und Absätze,
  • Listen mit Aufzählungszeichen,
  • Fettgedruckte Fragen oder Überschriften.

Und wenn Sie viele Informationen haben, die in einer Tabelle organisiert werden können , machen Sie es wie das Smashing Magazine mit diesem Abschnitt über Cookies auf seiner Seite mit den Datenschutzrichtlinien:

Datenschutzrichtlinie des Smashing Magazine mit einer Tabelle, in der die verwendeten Cookies aufgeführt sind
Das Smashing Magazine verwendet eine Tabelle, um die Liste der auf seiner Website verwendeten Cookies zu organisieren. (Bildquelle: Smashing Magazine) (Große Vorschau)

Diese Tabelle macht all diese Informationen, die ansonsten schwer in Absatzform zu lesen wären, viel einfacher zu konsumieren und zu verstehen.

Oder Sie können dem Beispiel der Bank of America folgen und ein Akkordeon verwenden , um viele Inhalte leichter konsumierbar zu machen:

Seite mit den Datenschutzhinweisen der Bank of America mit Akkordeons, die jeden Abschnitt der Richtlinie enthalten
Die Bank of America organisiert ihre Datenschutzhinweise ordentlich unter Akkordeons. (Bildquelle: Bank of America) (Große Vorschau)

Auf diese Weise können sich Besucher einen Moment Zeit nehmen, um jeden Header durchzulesen, ohne von den Richtlinieninformationen überwältigt zu werden. Wenn sie finden, wonach sie suchen, klicken sie auf das Akkordeon, um es zu öffnen, und können sich ausschließlich auf diesen Abschnitt konzentrieren.

Tipp Nr. 2: Fügen Sie der Seite eine Navigation hinzu

In einigen Fällen kann nicht viel getan werden, um die Informationsmenge auf einer Seite zur Offenlegung von Richtlinien zu komprimieren. Und selbst gut formatierte Seiten können für Besucher immer noch eine Herausforderung darstellen, wenn sie zu lang sind.

Eine für diese Seiten spezifische Navigation ist hilfreich. Es gibt verschiedene Möglichkeiten, damit umzugehen.

Die New York Times zum Beispiel enthält die folgenden Navigationswerkzeuge auf ihrer Seite mit den Nutzungsbedingungen:

  • Breadcrumbs zum Zurückverfolgen zu anderen Rechts- oder Hilfeseiten,
  • Eine Suchleiste , um etwas Bestimmtes in den Nutzungsbedingungen zu finden,
  • Ein Inhaltsverzeichnis mit Links zu den einzelnen Abschnitten.
Die Seite mit den Nutzungsbedingungen der New York Times verfügt über Breadcrumbs, eine Suchleiste und ein Inhaltsverzeichnis für eine bessere Navigation
Die Seite mit den Nutzungsbedingungen der New York Times ist einfach zu navigieren. (Bildquelle: The New York Times) (Große Vorschau)

Auch wenn es sich um eine ansonsten allgemeine Begriffsseite handelt, werden diese Navigationswerkzeuge den Schmerz der Besucher lindern, die versuchen, Antworten auf ihre Datenschutzbedenken und -fragen zu finden.

Hier ist eine weitere Option für Sie:

Google verwendet eine klebrige Seitenleistennavigation , um den Leuten zu zeigen, wo sie sich auf der langen Seite mit den Nutzungsbedingungen befinden:

Seite mit den Google-Nutzungsbedingungen mit klebriger Navigation in der Seitenleiste
Die Seite mit den Nutzungsbedingungen von Google verfügt über eine eigene Sticky-Sidebar-Navigation. (Bildquelle: Google) (Große Vorschau)

Benutzer können entweder den Abschnitt auswählen, zu dem sie navigieren möchten, oder die Seitenleiste verwenden, um sich beim Lesen der Seite zu orientieren. Es ist immer eine gute Idee, Ihren Besuchern eine Vorstellung von den Fortschritten zu geben, die sie machen.

Ein weiteres Navigationsbeispiel, das ich Ihnen zeigen möchte, stammt von Indeed:

Indeed-Rechtsseite mit Informationen zu Cookies, Datenschutz, Benutzerrechten in Kalifornien und Nutzungsbedingungen
Indeed konsolidiert alle seine rechtlichen Richtlinien auf einer Rechtsseite. (Bildquelle: Indeed) (Große Vorschau)

Dies ist die rechtliche Seite von Indeed. Es enthält jede einzelne seiner Richtlinien:

  • Cookie-Richtlinie,
  • Datenschutz-Bestimmungen,
  • kalifornische Datenschutzrechte,
  • Nutzungsbedingungen.

Es verwendet eine klebrige Sidebar-Navigation ähnlich wie Google. Ich möchte jedoch, dass Sie einen Blick darauf werfen, wie dies auf dem Handy gehandhabt wird:

Tatsächlich legale Seite auf dem Handy mit Sticky-Top-Navigation
Indeed hängt seine legale Seitennavigation an den oberen Rand der mobilen Website. (Bildquelle: Indeed) (Große Vorschau)

Anstatt die Sticky-Navigation ganz aufzugeben (was einige Websites tun), bringt Indeed die Navigation der legalen Seite oben auf dem mobilen Bildschirm an :

Indeed mobile Website mit Drop-down-Navigation für die rechtliche Seite
Tatsächlich können Benutzer mit der Sticky Mobile-Navigation auf der Rechtsseite interagieren. (Bildquelle: Indeed) (Große Vorschau)

Auch hier dient diese Sticky-Navigation einem doppelten Zweck: Indeed-Besuchern den Weg zu den benötigten Informationen zu erleichtern und sie gleichzeitig an dem zu orientieren, was sie gerade lesen.

Tipp Nr. 3: Lassen Sie Besucher ihre Bedingungen personalisieren

Wenn Sie Websites für große Unternehmen, beliebte Social-Media-Plattformen und Mega-E-Commerce-Websites erstellen, müssen Sie bedenken, dass nicht nur Englischsprachige in den Vereinigten Staaten die Seiten zur Offenlegung von Richtlinien lesen. Daher sollten sich die Begriffe von Sprache zu Sprache und von Land zu Land ändern.

Wie gehen Sie damit um? Leicht. Schauen wir uns einige Beispiele an.

Apple bittet die Besucher , ein Thema, einen Ort und eine Sprache auszuwählen :

Apple Legal-Seite: Wählen Sie ein Thema, wählen Sie einen Ort, wählen Sie eine Sprache
Apple ermöglicht es Benutzern, das Rechtsdokument für ihren spezifischen Standort und ihre Sprache zur Ansicht auszuwählen. (Bildquelle: Apple) (Große Vorschau)

BuzzFeed ist eine weitere Website, die es globalen Benutzern ermöglicht, ihre rechtlichen Seiten basierend auf ihrem Wohnort und ihrer Sprache oder ihrem englischen Dialekt anzupassen:

Rechtliche Seite von BuzzFeed: Datenschutzrichtlinie, Benutzervereinbarung, DMCA (für Benutzer in Mexiko)
Die Rechtsseite von BuzzFeed enthält Optionen zum Anzeigen der Datenschutzrichtlinie, der Benutzervereinbarung und des DMCA für die Region des Benutzers. (Bildquelle: BuzzFeed) (Große Vorschau)

Zuerst wählen Benutzer aus, welches Dokument sie anzeigen möchten. Anschließend werden die entsprechenden Begriffe unten in einem leicht lesbaren Format ausgefüllt. Sie können dann „Rechtliche Bestimmungen lesen für“ auswählen, wenn es nicht in ihrer bevorzugten Region oder Sprache ist.

Dies ist auch ideal für die Website-Performance. Einige Websites verlinken einfach auf PDFs, die die verschiedenen Übersetzungen regionaler Richtlinien enthalten. Je mehr Dateien Sie jedoch zu Ihrem Server hinzufügen, desto langsamer wird er geladen. Auf diese Weise ändert sich der Inhalt auf der Website dynamisch, je nachdem, wer ihn betrachtet.

Tipp Nr. 4: Stellen Sie auffällige Zusammenfassungen bereit

Angenommen, das Unternehmen, für das Sie eine Website erstellen, hat sehr strenge rechtliche Bedingungen. Ihr Rechtsteam hat ihnen geraten, den Inhalt der Offenlegung der Richtlinie nicht zu ändern, da sie ihn benötigen, um vor Gericht zu bestehen, falls etwas passieren sollte.

Das gibt Ihnen nicht viel Flexibilität in Bezug darauf, wie Sie die Seite dann gestalten. Sicher, Sie können die Überschriften extra groß und fett machen und Sie können H2, H3 und H4 verwenden, um eine Hierarchie zu erstellen. Das hilft ein wenig bei der Lesbarkeit, aber nicht viel.

Wenn es keine Möglichkeit gibt, den rechtlichen Inhalt selbst zu manipulieren, sind Zusammenfassungen der richtige Weg.

LinkedIn ist eine Website, die dies tut:

LinkedIn-Nutzungsvereinbarung – Übersetzung von Juristensprache in Klartext
LinkedIn bietet kurze Erklärungen zu jeder seiner Nutzungsbedingungen im Klartext. (Bildquelle: LinkedIn) (Große Vorschau)

Der Nutzungsvereinbarungsvertrag wird vollständig auf der linken Seite des Bildschirms bereitgestellt. Auf der rechten Seite befinden sich Textausschnitte in einer viel größeren Schriftart.

Dies sind die Zusammenfassungen für jeden Abschnitt , die in Laiensprache geschrieben sind, was LinkedIn-Benutzer davon abhält, sich durch langwierige Erklärungen von komplex formulierten Bedingungen oder Begriffen zu quälen.

Auf dem Handy erscheinen diese auffälligen Zusammenfassungen vor all dem langweiligen Juristenjargon:

LinkedIn-Nutzungsvereinbarung – Übersetzung von Juristensprache in Klartext für mobile Benutzer
LinkedIn enthält Zusammenfassungen für jeden Abschnitt seiner Benutzervereinbarung auf der mobilen Website. (Bildquelle: LinkedIn) (Große Vorschau)

Sephora ist eine weitere Website, die auf ihren Seiten mit den Nutzungsbedingungen prägnante, benutzerfreundliche Zusammenfassungen enthält. So sieht es auf der Seite Nutzungsbedingungen aus:

Die Seite mit den Nutzungsbedingungen von Sephora enthält „Die kurze und süße Version“ in Rot, um ihre komplexe Rechtssprache zusammenzufassen
Sephora bietet „die kurze und süße Version“ für jeden Begriff seiner Website. (Bildquelle: Sephora) (Große Vorschau)

Ich würde argumentieren, dass die Art und Weise, wie dies gestaltet ist, mit dem roten Aufdruck „ Die kurze und süße Version “, die Besucher dazu ermutigt, sich nur auf die Zusammenfassungen zu konzentrieren.

Solange nichts Wichtiges bei der Übersetzung verloren geht oder in diesen Zusammenfassungen übersehen wird, halte ich das für eine brillante Idee. Das Rot ist viel einfacher zu finden, wenn Sie schnell durch eine Seite scrollen, als ein schwarzes Header-Tag.

Einpacken

Ich weiß, dass diese Seiten oft bis zum Ende eines Designprojekts gespeichert werden, weil … wen interessiert das? Da die Verbraucher jedoch immer klüger werden, wenn es um ihre Daten und ihre Privatsphäre im Internet geht, können Sie es sich nicht leisten, eine gleichgültige Haltung einzunehmen, wenn es darum geht, Seiten zur Offenlegung von Richtlinien auf einer Website zu erstellen.

Indem Sie sich zusätzliche Zeit nehmen, um ihre Lesbarkeit und Navigationsfähigkeit zu verbessern, ermutigen Sie die Besucher, diese Seiten tatsächlich zu lesen, und stellen Sie sicher, dass sie mit den Bedingungen vertraut sind, denen sie andernfalls blind oder unwissentlich zustimmen würden. Damit verhelfen Sie der Website am Ende zu mehr zufriedenen Kunden bzw. Nutzern.