Farbenblindheit oder Farbsehen Mangel (CVD) betrifft etwa 1 in 12 Männer und 1 in 200 Frauen weltweit. Dies bedeutet, dass pro 100 Benutzer, die Ihre Website oder App besuchen, bis zu 8 Personen den Inhalt tatsächlich anders erleben können, als Sie es erwarten würden. Aber wie stellen Sie sicher, dass Ihre Benutzererfahrung diese Besucher gleichermaßen anspricht? Wir sind hier, um zu helfen. Bevor Sie also in Panik zu Ihrem Designteam laufen, werfen Sie einen Blick auf unsere Zusammenfassung der wichtigsten Dinge, die Sie beim Entwerfen eines UX für die Farbzugänglichkeit berücksichtigen sollten.,

Was genau ist Farbenblindheit?

die Meisten Farbe blinde Menschen in der Lage sind Dinge zu sehen, die ebenso deutlich wie der rest der Bevölkerung, der Unterschied ist Ihre Unfähigkeit, zu unterscheiden, roten, grünen oder blauen Licht. Der Mangel ist das Ergebnis einer Mutation im X-Chromosom – dh Frauen sind eher Träger als Betroffene – und kann sich auf drei Arten manifestieren.

Am häufigsten ist die rot/grüne Farbenblindheit, bei der Betroffene alle Farben mischen, die Rot oder Grün als Teil der gesamten Farbe haben., Diejenigen, die von Protan-Farbenblindheit betroffen sind, reagieren weniger empfindlich auf rotes Licht, während Patienten mit Deuteranopie das gleiche Problem mit Grün haben. Zum Beispiel verwechselt eine Person mit Protanopie Blau und Lila, weil sie das rote Element der Farbe Lila nicht erkennen kann. Die dritte Art von Farbmangel, Ttanopie, ist die am wenigsten verbreitete und bezieht sich auf Betroffene, die Schwierigkeiten haben, blaues oder gelbes Licht zu unterscheiden. Das Bild unten zeigt, wie der Regenbogen für Personen mit jeder dieser Formen der Farbenblindheit aussehen kann.,

Also, wie kann ich für eine bessere Farbzugänglichkeit entwerfen?

denken Sie vielleicht: „warum sollte ich mir die Mühe Entwurf für eine so kleine Gruppe von Benutzern?“Aber im Allgemeinen werden die Elemente, die für Colorblind-Benutzer günstig sind, tatsächlich als gute Designpraktiken im weiteren Sinne angesehen. Wenn Ihre Website also gut gestaltet ist, sollte sie bereits für alle Benutzer zugänglich sein.

Design für Barrierefreiheit bedeutet nicht, dass die ästhetische Integrität Ihres Designs leiden muss., In diesem Sinne sind hier die fünf wichtigsten Elemente, auf die Sie sich für eine farbenblind-freundliche UX konzentrieren sollten:

Verwenden Sie beide Farben und Symbole

Sie sollten sich nicht allein auf Farbe verlassen, um eine Nachricht zu übermitteln. Ein Ansatz besteht darin, sowohl Farben als auch Symbole zu verwenden, bei denen die Aufmerksamkeit der Benutzer erforderlich ist. Ein gutes Beispiel dafür sind die Formularfelder von Facebook und die angehängte Fehlermeldung.,

Fun fact: Facebooks Logo und berüchtigtes blaues Farbschema wurde speziell ausgewählt, weil Mark Zuckerberg rot-grün ist farbenblind und sieht Blau am besten.

Halten Sie es minimal

Sie sollten die Farbpalette begrenzen, die Sie für Ihre Website verwenden; Je weniger Farben Sie in Ihrem Design verwenden, desto weniger Instanzen werden für Verwirrung sorgen.

Minimalistisches Design ist nicht nur ein zeitloser und ästhetisch ansprechender Trend, sondern auch nützlich, wenn Sie für Farbzugänglichkeit entwerfen.,

Verwenden Sie Muster und Texturen, um Kontrast anzuzeigen

Versuchen Sie, verschiedene Texturen im Gegensatz zu mehreren Farben für Elemente zu verwenden, die eine Betonung erfordern. Beispielsweise kann es für farbenblinde Benutzer schwierig sein, Diagramme und Diagramme zu interpretieren. In diesem Fall ist es besser, kontrastierende Muster zu verwenden und, wo möglich, stattdessen Text zu platzieren.

Seien Sie vorsichtig mit kontrastierenden Farben und Farbtönen

Anstatt sich auf Schwarz und Weiß als einzige kontrastierende Farben zu verlassen; Versuchen Sie, eine Reihe von klar kontrastierenden Farben und Farbtönen in Ihrem Design zu verwenden., Zum Beispiel verwendet das Spiel Word Feud vier Farben für seine Kacheln, die leicht von denen mit oder ohne Farbsichtmangel unterschieden werden können.

Vermeiden Sie schlechte Farbkombinationen

Sie müssen schlau sein, wenn Sie Ihre Farbkombinationen auswählen. Da Farbenblindheit Menschen auf unterschiedliche Weise beeinflusst, ist es schwierig zu bestimmen, welche Farben im Webdesign „sicher“ sind.,iv id=“7030bde3c1″> Red

Side note: how do you know if you’re color blind?,

Gut… Manche Menschen gehen Jahre ohne zu wissen, dass Sie farbenblind sind als die Effekte gehen kann, relativ unbemerkt, es sei denn, jemand anderes darauf Sie aus. Das Bild unten wird häufig verwendet, um auf Farbenblindheit zu testen – probieren Sie es aus! (Sie können einen Link zum vollständigen Test am Ende dieses Artikels finden.)

immer Noch nicht sicher?

1. Ishihara Farbenblindheit Test: Sie können nehmen die 38 platte basierend test und erhalten feedback als gut.,
2. Farbenblindprüfung: Eine von Colorblindor erstellte Android-App, mit der Sie in ±60 Sekunden testen können, ob Sie farbenblind sind.
3. Coblis: Color Blindness Simulator: Hier können Sie ein Bild hochladen und einen Blick darauf werfen, wie es mit den Augen von Menschen mit verschiedenen Arten von Farbenblindheit aussehen würde.
4. Mobile Apps: Hier sind 3 Android-und iOS-Apps, die speziell entwickelt wurden, um farbenblinden Benutzern zu helfen.,

Fazit

Im Allgemeinen sollten UX-Designer Websites erstellen, die für alle zugänglich und benutzerfreundlich sind., Leider gibt es keine einheitliche Lösung, wenn Sie speziell für Farbenblindheit entwerfen, aber es gibt einige wesentliche UX-Designprinzipien, die sicherlich hilfreich sind:

1. Verlassen Sie sich nicht nur auf Farbe, um eine Nachricht zu übermitteln
2. Halten Sie Ihre Farbpalette auf 2 oder 3 Farben begrenzt
3. Verwenden Sie Textur und Muster, um Kontrast anzuzeigen
4. Wählen Sie kontrastierende Farben und Schattierungen sorgfältig aus
5. Vermeiden Sie schlechte Farbkombinationen