Tipps zum Entwerfen für farbenblinde Benutzer
Es wird geschätzt, dass etwa 8% der Männer und 0, 5% der Frauen farbenblind geboren werden. Das mag wie eine geringe Zahl erscheinen, aber wenn Sie für ein großes Publikum entwerfen, ist es definitiv weniger wünschenswert, eine Website zu haben, die für acht von hundert Männern unbrauchbar ist.
Glücklicherweise können Sie ziemlich einfach sicherstellen, dass Ihre Website farbenblind ist, indem Sie immer die folgenden Informationen berücksichtigen. Wir werden uns ansehen, was Farbenblindheit wirklich bedeutet und wie Sie Ihre Designs anhand einiger einfacher Prinzipien optimieren können.
Zunächst möchte ich sagen, dass die meisten Männer in meiner Familie farbenblind sind, obwohl ich keineswegs ein Augenarzt bin, und dass die unten aufgeführten Beispiele von bonafiden farbenblinden Männern geführt wurden. Wenn Sie eine farbenblinde Person sind, kann Ihre Beschreibung der folgenden Beispiele geringfügig oder sogar erheblich abweichen, da keine zwei farbenblinden Augen ganz gleich sind.
Die Wissenschaft
Eine Diskussion über Farbenblindheit kann sehr schnell sehr wissenschaftlich werden. Begriffe wie Protanopie und Anomale Trichromie reichen aus, um selbst sehr intelligente Menschen sprachlos und verwirrt zu machen.
Glücklicherweise müssen Sie als Designer kein Experte für Farbenblindheit werden. Stattdessen können Sie allgemein anwendbare Verallgemeinerungen darüber vornehmen, was farbenblinde Benutzer tun, und haben keine Probleme, sie wahrzunehmen. Dies erspart Ihnen nicht nur eine naturwissenschaftliche Lektion, sondern stellt auch sicher, dass Sie so gestalten, dass fast alle farbenblinden Benutzer Ihre Website effektiv nutzen können und nicht nur einen einzigen Typ.
Beachten Sie dies, wenn Sie die folgenden Informationen lesen. Jede Aussage gilt nicht für alle farbenblinden Benutzer, aber zumindest ein Teil davon gilt für eine sehr große Mehrheit von ihnen.
Wenn Sie sich für die Wissenschaft interessieren, lesen Sie die Erklärung von Wikipedia, da diese in diesem Artikel weitaus weiter fortgeschritten ist.
Den Mythos sprengen
Zuallererst können Sie sicher wetten, dass niemand, den Sie kennen, buchstäblich farbenblind ist. Der Titel ist in der Tat (in den meisten Fällen) eine vollständige Fehlbezeichnung. Ein winziger Prozentsatz der Menschen wird mit wirklich monochromatischem Sehen geboren.
Weitaus genauere Begriffe sind "farbbehindert" oder "farbmangelhaft". Anstatt die Welt in Schwarzweiß zu sehen, können farbenblinde Menschen normalerweise fast jede Farbe im Spektrum wahrnehmen und verstehen. Eine der albernsten und nervigsten Fragen, die Sie farbenblinden Menschen stellen können, ist, ob sie Gelb, Grün oder eine andere Farbe „sehen“ können oder nicht.
Das eigentliche Problem ist, dass es für farbenblinde Benutzer ziemlich schwierig ist, zwischen zwei ähnlichen Farben zu unterscheiden. Dies ist wirklich schwierig herauszufinden, wenn man bedenkt, dass Farben, die Ihnen nicht im geringsten ähnlich erscheinen, einer farbenblinden Person sehr ähnlich erscheinen können und umgekehrt.
Alles dreht sich um Schatten
Um dies verständlicher zu machen, denken Sie an alle Schattierungen aller Farben, die Sie jemals gesehen haben. Wenn Sie beispielsweise an die Farbe „Grün“ denken, denken Sie daran, wie viele völlig unterschiedliche Farbfelder Ihrer Definition von Grün entsprechen könnten. Hell, dunkel, gedämpft, Aquarell, Neon; und weiter. Dies schließt die geringsten Abweichungen ein, bei denen ein Grün möglicherweise nur ein kleines bisschen mehr rotes oder blaues Licht enthält als das andere Grün.
Stellen Sie sich nun vor, Sie haben all diese verschiedenen Grüntöne gezählt, die Ihre Augen wahrnehmen können, und sie entsprachen beispielsweise 1 Million (völlig willkürliche Zahl). Geben Sie jetzt einer farbenblinden Person die gleiche Aufgabe, und sie kann sich 500.000 oder weniger einfallen lassen.
Sie sehen, es ist nicht so, dass farbenblinde Menschen (in den meisten Fällen) unfähig sind oder „Grün“ wahrnehmen, sondern sie unterscheiden lediglich weniger Grüntöne als Sie. Wenn Sie also drei ähnliche Grüntöne sehen, sieht ein farbenblinder Benutzer möglicherweise nur einen Grünton
Um es noch komplizierter zu machen, laufen ähnliche Farbtöne aus verschiedenen Farben oft zusammen und machen es schwierig, genau zu bestimmen, welche Farbe etwas tatsächlich hat.
Beispiele
Mit ein paar soliden Beispielen vor Ihnen ist es immer ein bisschen einfacher zu verstehen. Betrachten Sie die folgenden vier Farbfelder.
Schauen Sie sich zuerst die beiden unteren Farbfelder an. Berücksichtigen Sie in erster Linie die Helligkeit der Farbfelder, noch mehr als die Grundfarbe. Benutzer von Farbenblind sollten leicht in der Lage sein, zwischen diesen beiden Farbfeldern zu unterscheiden. so wie du kannst. Ob eine farbenblinde Person die Farben korrekt identifiziert oder nicht, ist eine völlig andere Geschichte, aber zumindest ist es leicht zu erkennen, dass es sich um unterschiedliche Farben handelt.
Jetzt sind die beiden obersten Farbfelder eine andere Geschichte. Im vorherigen Beispiel haben Sie vielleicht gedacht, dass farbenblinde Benutzer leicht zwischen Braun und Grün unterscheiden können, aber Sie würden sich irren. Wenn Sie nur die relative Helligkeit / Dunkelheit der beiden Farbfelder vergleichen, können Sie wahrscheinlich sehen, wie diese beiden Farbfelder ähnlicher aussehen könnten. Bedenken Sie nun, dass für viele farbenblinde Personen die beiden oberen Farbfelder identisch sind.
Um noch weiter durch das Kaninchenloch zu gelangen, wiederholen wir das Dunkelbraun und fügen einen dunkelroten Farbton hinzu.
Wieder sehen wir zwei Schattierungen, die unterschiedliche Farben haben, aber wieder ist die relative Helligkeit der Farbfelder so ähnlich, dass ein farbenblinder Benutzer Schwierigkeiten haben wird, zwischen ihnen zu unterscheiden.
Ein Satz normaler Augen sollte in der obigen Anordnung fünf verschiedene Farbfelder sehen (eines wird wiederholt). Ein Satz farbenblinder Augen wird wahrscheinlich drei oder weniger sehen!
Schmerzhafte Farbkombinationen
Mischen Sie ähnliche Farbtöne wie in den obigen Beispielen, und Ihre farbenblinden Benutzer werden entweder nicht bemerken, dass sie leicht verärgert sind. Wenn Sie Ihre Website jedoch wirklich unbrauchbar machen möchten, überlappen Sie Farbtöne mit ähnlichen Helligkeitswerten, die jedoch möglicherweise ernsthafte Konflikte verursachen.
Rot und Blau, Purpur und Rot, Rosa und Blau und fast jede Kombination davon sind ein gutes Beispiel. Betrachten Sie als Beispiel, was nicht zu tun ist, das folgende Bild.
Während Sie möglicherweise nur hässlichen Text sehen, sehen viele farbenblinde Benutzer so vibrierende Farben, dass ihre Augen fast zu tränen beginnen (je weiter sie entfernt sind, desto schlimmer wird es). Es ist schwierig, es richtig zu erklären, wenn man es nicht sehen kann, aber im Grunde ist es offensichtlich, dass die Farben sehr unterschiedlich sind, aber tatsächlich so ähnlich, dass die Kanten, an denen sich die beiden Farben treffen, sehr schwer zu unterscheiden sind. Dies führt für viele farbenblinde Benutzer zu einer insgesamt unangenehmen Erfahrung, wenn sie ein Bild wie das oben gezeigte anzeigen.
Na und? Wie wirkt sich das auf meine Designs aus?
Diese Informationen sind alle gut und schön, aber wie trifft sie praktisch auf das Design zu? Die Antwort ist, dass es einige Schlüsselbereiche gibt, in denen Sie wirklich darauf achten sollten, wie farbenblinde Benutzer Ihre Website möglicherweise anders erleben.
Einer der häufigsten Fehler, den ich sehe, sind Link-Hover-Effekte. Unzählige Designer wenden einfach eine Farbverschiebung als Schwebeeffekt an und nennen sie einen Tag, weil sie sie gut wahrnehmen können.
Denken Sie im Zweifelsfall daran, dass farbenblinde Benutzer Helligkeitsverschiebungen größtenteils genauso wahrnehmen können wie Sie. Ein wirklich dunkles Blau und ein wirklich helles Blau werden ein offensichtlicher Schalter sein. Wenn Sie also die Farben bei einem Hover wechseln, stellen Sie sicher, dass die beiden Farben in ihrer relativen Helligkeit sehr unterschiedlich sind. Sie können von dunkelbraun zu hellgrün wechseln, nur nicht von dunkelbraun zu dunkelgrün.
Außerdem ist es immer besser, zusätzlich zu Farbverschiebungen visuell etwas anderes hinzuzufügen. Wenn der Benutzer mit der Maus über einen Link fährt, fügen Sie einen Strich, einen Schlagschatten oder etwas anderes hinzu, um einen größeren visuellen Unterschied zu erzielen, der nicht nur auf einer Farbänderung beruht.
Infografiken
Ein weiterer wichtiger Bereich, in dem Farbunterschiede wichtig sind, ist die Datenvisualisierung. Die Auswahl der falschen Farben für ein Diagramm kann es für einen farbenblinden Benutzer buchstäblich unlesbar machen.
Selbst wenn Ihre Farben sehr unterschiedlich sind, ist es oft eine gute Idee, verschiedenen Teilen eines Diagramms ein kleines Muster oder eine kleine Textur hinzuzufügen, um die visuelle Unterscheidung zu erleichtern.
Im obigen Beispiel bieten die Streifen eine schnelle und einfache visuelle Referenz für alle Benutzer, obwohl die Farben immer noch so ähnlich sind, dass ein farbenblinder Benutzer den Unterschied möglicherweise nicht erkennen kann.
Spiele
Wie Sie sich vorstellen können, sind die Möglichkeiten für farbenblinde Benutzer endlos, aber ein letzter Punkt, den ich diskutieren möchte, wo dies für sie besonders frustrierend sein kann, sind Spiele.
Stellen Sie sich vor, Sie versuchen, das unten stehende iPhone-Spiel als farbenblinder Benutzer zu spielen. Es könnte ziemlich schwierig sein, die Farben aufeinander abzustimmen, um das Rätsel zu lösen!
Viele iPhone-Spiele haben dies durch einen optionalen Farbenblindmodus kompensiert. Um dies jedoch zu vereinfachen, sollten Sie zusätzlich zur Farbe Symbole hinzufügen, um das Spielen für alle zu vereinfachen. Betrachten Sie zur Veranschaulichung ein Kartenspiel. Es ist mehr los als rote und schwarze Karten. Jeder, der spielt, ob farbenblind oder nicht, weiß, dass die Diamanten und Herzen die roten Karten sind, während Keulen und Pik die schwarzen Karten sind. Selbst wenn Sie diese Symbole auf einem Schwarzweißfoto sehen, können Sie sicher zwischen der roten und der schwarzen Karte unterscheiden. Genau so sollten Ihre Spiele entwickelt werden.
Fazit
Denken Sie abschließend daran, dass es wirklich einfach ist, Ihre Website für farbenblinde Benutzer zugänglich zu machen. Sie müssen sich nur bewusst anstrengen, wenn dies die Funktionsweise der Website beeinflusst oder wenn die Farbwahrnehmung die Lesbarkeit von Text beeinträchtigen kann. Wen kümmert es, wenn Sie einen braunen Hintergrund haben, den farbenblinde Benutzer für grün halten? Meistens werden sie es sicher nicht.
Stellen Sie nur sicher, dass Sie, wenn es darauf ankommt, z. B. bei Links, Diagrammen und Spielen, nach Möglichkeiten suchen, den Kontrast zu erhöhen. Verwenden Sie kontrastreiche Farben, Farben, implementieren Sie Muster, wenden Sie Symbole an und verwenden Sie Tricks mit Strichen, Schatten und dergleichen, um sicherzustellen, dass an den richtigen Stellen signifikante visuelle Unterschiede bestehen. Es kann oft hilfreich sein, einen Farbenblindheitssimulator zu verwenden, um zu entscheiden, wie sich die Farben auf der Seite auf das Gesamterlebnis auswirken.
Hinterlassen Sie unten einen Kommentar und teilen Sie uns mit, ob Sie beim Entwerfen einer Website jemals farbenblinde Benutzer berücksichtigen und wie Sie deren Anforderungen gerecht werden.
