fargeblindhet eller fargesyn-mangel (CVD) rammer rundt 1 av 12 menn og 1 200 kvinner over hele verden. Dette betyr at for hver 100 brukere som besøker nettstedet ditt eller appen din, opp til 8 personer kan faktisk oppleve innholdet mye annerledes som du forventer. Men hvordan kan du sikre at din brukeropplevelse appellerer like mye til disse besøkende? Vi er her for å gi en hjelpende hånd. Så, før du kjører til din design team i panikk, ta en titt på vårt roundup av topp ting å vurdere når du utformer en UX for farge tilgjengelighet.,

Først opp, hva er fargeblindhet?

de Fleste fargen blind folk er i stand til å se ting bare så klart som resten av befolkningen, forskjellen er deres manglende evne til å skille rødt, grønt eller blått lys. Mangel er resultatet av en mutasjon i X-kromosomet – noe som betyr at kvinner er mer sannsynlig å være bærere enn syke – og det kan manifestere seg i 3 måter.

De mest vanlige er rød/grønn fargeblindhet, hvor lider bland alle farger som har rødt eller grønt som en del av hele farge., De som er rammet av Protan fargeblindhet er mindre følsom for rødt lys, mens lider av Deuteranopia har det samme problemet med grønt. For eksempel, en person med Protanopi vil forvirre blå og lilla fordi de ikke kan gjenkjenne den røde element av fargen lilla. Den tredje typen av farge mangel, Tritanopia, er den minst vanlige og refererer til sufferers som strever med å skille blått eller gult lys. Bildet nedenfor viser hva rainbow kan se ut til personer med hver av disse former for fargeblindhet.,

Så, hvordan kan jeg design for bedre farge og tilgjengelighet?

Du tenker kanskje: «hvorfor skal jeg bry å designe for en så liten gruppe av brukere?»Men generelt, de elementene som er gunstig for colorblind brukere er faktisk ansett for å være god design praksis i vid forstand. Så hvis nettstedet ditt er godt designet, og det skal allerede være tilgjengelig for alle brukere.

Designe for tilgjengelighet betyr ikke at de estetiske integriteten til dine design behov for å lide., Med det i tankene, her er topp fem elementer du bør fokusere på for en colorblind-vennlig UX:

Bruk både farger og symboler

Du bør ikke stole på fargen alene for å formidle et budskap, for eksempel, visse typer av fargeblindhet kan gjøre det vanskelig eller umulig å se vanlige røde feilmeldinger. En tilnærming er å bruke både farger og symboler hvor brukernes oppmerksomhet er nødvendig. Et godt eksempel på dette er Facebook er skjemafelt og feil-meldinger festet.,

Fun fact: Facebook logo og beryktet blå farge ordningen var spesielt utvalgt fordi Mark Zuckerberg er rød-grønne fargen blind og ser blå best.

Holde det minimal

Du bør begrense fargepaletten du bruker for ditt nettsted, færre farger du bruker i ditt design, færre tilfeller vil det være for forvirring.

Ikke bare er minimalistisk design en tidløs og estetisk tiltalende trend, den er også nyttig når du utformer for farge tilgjengelighet.,

Bruk mønstre og teksturer for å vise kontrast

Prøv å bruke forskjellige teksturer, i motsetning til i flere farger, for elementer som krever vekt. For eksempel, kan det være vanskelig for farge blinde brukere å tolke grafer og diagrammer. I dette tilfellet, er det bedre å bruke avvikende mønstre, og der det er mulig, bør du plassere tekst i stedet.

Vær forsiktig med kontrasterende farger og nyanser

i Stedet for å stole på svart og hvit som den eneste kontrasterende farger, prøv å bruke en rekke klart kontrasterende farger og nyanser i din design., For eksempel, spillet Word Feide bruker fire farger for sin fliser som lett kan bli preget av de med eller uten farge visjon mangel.

Unngå dårlig farge kombinasjoner

Du trenger å være smart når plukke ut din farge kombinasjoner. Siden fargeblindhet påvirker mennesker på ulike måter, og det er vanskelig å avgjøre hvilke farger som er ‘trygt’ å bruke i web-design.,iv id=»7030bde3c1″> Red

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

Vel… Noen mennesker går år uten å vite at de er fargen blind som effekter kan gå relativt ubemerket, med mindre noen andre punkter dem ut. Bildet nedenfor er vanligvis brukes til å teste for fargeblindhet – gi det en sjanse! (Du finner en link til full test på bunnen av denne artikkelen.)

Fortsatt ikke sikker?

1. Ishihara fargeblindhet Test: Du kan ta den 38 plate basert test og få tilbakemeldinger også.,
2. Farge Blind Sjekk: en Android-App skapt av Colorblindor hvor du kan teste om du er fargen blind i ±60 sekunder.
3. Coblis: fargeblindhet Simulator: her kan du laste opp et bilde og ta en titt på hvordan det vil se ut gjennom øynene til mennesker med ulike typer av fargeblindhet.
4. Mobile Apps: her er 3 Android-og iOS-apper som er spesielt utviklet for å hjelpe farge blinde brukere.,

Konklusjon

Vanligvis, UX designerne skal lage nettsider som er tilgjengelig og brukervennlig for alle., Dessverre, det er ikke en one-size-fits-all-løsning når du utformer for fargeblindhet spesielt, men det er noen viktige UX-design prinsipper å huske på at vil sikkert hjelpe:

1. ikke kun stole på fargen for å formidle et budskap
2. Holde fargepaletten begrenset til 2-eller 3-farger
3. Bruk struktur og mønster for å vise kontrast
4. Vær nøye når du velger noe kontrasterende farger og nyanser
5. Unngå å bruke dårlig farge kombinasjoner