kleurenblindheid of kleurzichtdeficiëntie (CVD) treft ongeveer 1 op de 12 mannen en 1 op de 200 vrouwen wereldwijd. Dit betekent dat voor elke 100 gebruikers die uw website of app te bezoeken, maximaal 8 mensen daadwerkelijk kunnen ervaren de inhoud veel anders dat je zou verwachten. Maar hoe zorgt u ervoor dat uw gebruikerservaring deze bezoekers evenzeer aanspreekt? We zijn hier om een helpende hand te bieden. Dus, voordat je in paniek naar je ontwerpteam rent, kijk dan eens naar onze roundup van top dingen om te overwegen bij het ontwerpen van een UX voor kleurentoegankelijkheid.,

Ten eerste, wat is kleurenblindheid?

De meeste kleurenblinden kunnen dingen net zo duidelijk zien als de rest van de bevolking, het verschil is hun onvermogen om rood, groen of blauw licht te onderscheiden. De tekortkoming is het resultaat van een verandering in het X-chromosoom – betekenend vrouwen zijn waarschijnlijker dragers dan lijders – en het kan op 3 belangrijkste manieren manifesteren.

de meest voorkomende is rood / groene kleurenblindheid, waarbij patiënten Alle kleuren mengen die rood of groen hebben als onderdeel van de hele kleur., Die getroffen door Protan kleurenblindheid zijn minder gevoelig voor rood licht, terwijl patiënten van Deuteranopia hebben hetzelfde probleem met groen. Bijvoorbeeld, een persoon met Protanopia zal blauw en paars verwarren omdat ze het rode element van de kleur Paars niet kunnen herkennen. Het derde type van kleurdeficiëntie, Tritanopia, is de minst voorkomende en verwijst naar patiënten die moeite hebben om blauw of geel licht te onderscheiden. De afbeelding hieronder laat zien hoe de regenboog eruit kan zien aan individuen met elk van deze vormen van kleurenblindheid.,

dus, hoe kan ik ontwerpen voor een betere kleurtoegankelijkheid?

je zou kunnen denken: “waarom zou ik moeite doen met ontwerpen voor zo’ n kleine groep gebruikers?”Maar in het algemeen, de elementen die gunstig zijn voor kleurenblind gebruikers worden eigenlijk beschouwd als goede ontwerppraktijken in de bredere zin. Dus als uw site is goed ontworpen, het moet al toegankelijk zijn voor alle gebruikers.

ontwerpen voor toegankelijkheid betekent niet dat de esthetische integriteit van uw ontwerp moet lijden., Met dat in gedachten, hier zijn de top vijf elementen waar u op moet focussen voor een kleurenblind-vriendelijke UX:

gebruik zowel kleuren als symbolen

u moet niet alleen vertrouwen op kleur om een boodschap over te brengen; bijvoorbeeld, bepaalde soorten kleurenblindheid kunnen het moeilijk of zelfs onmogelijk maken om veelvoorkomende rode foutmeldingen te zien. Een aanpak is om zowel kleuren als symbolen te gebruiken waar de aandacht van de gebruikers vereist is. Een goed voorbeeld hiervan is Facebook ‘ s formulier velden en de fout messaging bijgevoegd.,

Fun fact: Facebook ‘ s logo en beruchte blauwe kleurenschema werd specifiek gekozen omdat Mark Zuckerberg rood-groen kleurenblind is en blauw het beste ziet.

houd het minimaal

u moet het kleurenpalet dat u gebruikt voor uw website beperken; hoe minder kleuren u gebruikt in uw ontwerp, hoe minder gevallen er voor verwarring zullen zijn.

minimalistisch ontwerp is niet alleen een tijdloze en esthetische trend, het is ook handig als u ontwerpt voor kleurentoegankelijkheid.,

gebruik patronen en texturen om contrast te tonen

Probeer verschillende texturen te gebruiken, in tegenstelling tot meerdere kleuren, voor elementen die nadruk vereisen. Het kan bijvoorbeeld moeilijk zijn voor kleurenblinde gebruikers om grafieken en grafieken te interpreteren. In dit geval is het beter om contrasterende patronen te gebruiken en waar mogelijk tekst te plaatsen.

wees voorzichtig met contrasterende kleuren en tinten

in plaats van te vertrouwen op zwart en wit als uw enige contrasterende kleuren; probeer een reeks duidelijk contrasterende kleuren en tinten te gebruiken in uw ontwerp., Bijvoorbeeld, het spel Woord Feud gebruikt Vier Kleuren voor de tegels die gemakkelijk kunnen worden onderscheiden door die met of zonder kleur visie deficiëntie.

vermijd slechte kleurcombo ‘ s

u moet slim zijn bij het kiezen van uw kleurencombinaties. Omdat kleurenblindheid mensen op verschillende manieren beïnvloedt, is het moeilijk om te bepalen welke kleuren ‘veilig’ zijn om te gebruiken in webdesign.,iv id=”7030bde3c1″> Red

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

nou … sommige mensen gaan jaren zonder te weten dat ze kleurenblind zijn omdat de effecten relatief onopgemerkt kunnen blijven, tenzij iemand anders ze aanwijst. De afbeelding hieronder wordt vaak gebruikt om te testen op kleurenblindheid-geef het een go! (Onderaan dit artikel vindt u een link naar de volledige test.)

nog niet zeker?

1. Ishihara kleurenblindheidstest: u kunt de 38-plaattest uitvoeren en ook feedback krijgen.,
2. Kleurenblindcontrole: een Android-App gemaakt door Colorblindor waar u kunt testen of u kleurenblind bent in ±60 seconden.
3. Coblis: kleurenblindheid Simulator: hier kunt u een afbeelding uploaden en bekijken hoe het eruit zou zien door de ogen van mensen met verschillende soorten kleurenblindheid.
4. Mobiele Apps: hier zijn 3 Android-en iOS-apps die speciaal zijn ontwikkeld om kleurenblinde gebruikers te helpen.,

conclusie

in het algemeen moeten UX-ontwerpers websites maken die voor iedereen toegankelijk en gebruiksvriendelijk zijn., Helaas is er niet een one-size-fits-all oplossing bij het ontwerpen voor kleurenblindheid specifiek, maar er zijn een paar essentiële UX design principes in gedachten te houden dat zal zeker helpen:

1. niet alleen vertrouwen op de kleur een boodschap over te brengen
2. Houd uw kleurenpalet beperkt tot 2 of 3 kleuren
3. Gebruik textuur en patronen te laten zien contrast
4. Selecteer zorgvuldig alle contrasterende kleuren en tinten
5. Vermijd het gebruik van slechte kleur combinaties