Articles

Sådan designes til farveblindhed

Farveblindhed eller farvesynsmangel (CVD) påvirker omkring 1 ud af 12 mænd og 1 ud af 200 kvinder over hele verden. Dette betyder, at for hver 100 brugere, der besøger dit websiteebsted eller din app, kan op til 8 personer faktisk opleve indholdet meget anderledes, som du ville forvente. Men hvordan sikrer du, at din brugeroplevelse appellerer lige til disse besøgende? Vi er her for at give en hjælpende hånd. Så før du kører til dit design team i panik, tage et kig på vores roundup af top ting at overveje, når du designer en U.for farve tilgængelighed.,

først op, Hvad er farveblindhed?

de fleste farveblinde mennesker er i stand til at se tingene lige så tydeligt som resten af befolkningen, forskellen er deres manglende evne til at skelne rødt, grønt eller blåt lys. Manglen er resultatet af en mutation i Chromos-kromosomet – hvilket betyder, at kvinder er mere tilbøjelige til at være bærere end syge – og det kan manifestere sig på 3 hovedmåder.

den mest almindelige er rød / grøn farveblindhed, hvor syge blander alle farver, der har rød eller grøn som en del af hele farven., De, der er berørt af Protan-farveblindhed, er mindre følsomme over for rødt lys, mens patienter med deuteranopi har det samme problem med grønt. For eksempel vil en person med protanopi forvirre blå og lilla, fordi de ikke kan genkende det røde element i farven lilla. Den tredje type farvemangel, Tritanopia, er den mindst almindelige og henviser til syge, der kæmper for at skelne mellem blåt eller gult lys. Billedet nedenfor viser, hvordan regnbuen kan se ud for personer med hver af disse former for farveblindhed.,

så hvordan kan jeg designe for bedre farvetilgængelighed?

du tænker måske: “hvorfor skulle jeg gider at designe for en så lille gruppe brugere?”Men generelt betragtes de elementer, der er gunstige for farveblindbrugere, faktisk som god designpraksis i bredere forstand. Så hvis dit .ebsted er godt designet, skal det allerede være tilgængeligt for alle brugere.

design for tilgængelighed betyder ikke, at den æstetiske integritet af dit design skal lide., Med det i tankerne, her er de fem elementer, du bør være fokus på for en farveblind-venligt UX:

Anvendelse både farver og symboler

Du bør ikke stole på farven alene at formidle et budskab, for eksempel visse typer af farveblindhed kan gøre det vanskeligt eller endog umuligt at se fælles red fejlmeddelelser. En tilgang er at bruge både farver og symboler, hvor brugernes opmærksomhed er påkrævet. Et godt eksempel på dette er Facebook ‘ s formularfelter og vedhæftede fejlmeddelelser.,

Sjovt faktum: Facebook ‘ s logo og berygtede blå farve ordning var specielt udvalgt, fordi Mark Zuckerberg er rød-grøn farveblind, og ser blå er den bedste.

hold det minimalt

Du bør begrænse den farvepalet, du bruger til dit websiteebsted; jo færre farver du bruger i dit design, jo færre tilfælde vil der være forvirring.

ikke kun er minimalistisk design En tidløs og æstetisk tiltalende tendens, det er også nyttigt, når du designer for farvetilgængelighed.,

brug mønstre og teksturer til at vise kontrast

prøv at bruge forskellige teksturer, i modsætning til flere farver, til elementer, der kræver vægt. For eksempel kan det være svært for farveblinde brugere at fortolke grafer og diagrammer. I dette tilfælde er det bedre at bruge kontrasterende mønstre og, hvor det er muligt, placere tekst i stedet.

Vær forsigtig med kontrasterende farver og nuancer

i Stedet for at stole på sort og hvid som din eneste kontrastfarver, kan du prøve at bruge en række klart kontrasterende farver og nuancer i dit design., For eksempel bruger spillet Feord Feud Fire farver til sine fliser, der let kan skelnes af dem med eller uden farvesyn mangel.

undgå dårlige farvekombinationer

Du skal være smart, når du vælger dine farvekombinationer. Da farveblindhed påvirker mennesker på forskellige måder, er det vanskeligt at bestemme, hvilke farver der er ‘sikre’ at bruge i webebdesign.,iv id=”7030bde3c1″> Red

  • Green & Brown
  • Blue & Purple
  • Green & Blue
  • Light Green & Yellow
  • Blue & Grey
  • Green & Grey
  • Green & Black
  • Side note: how do you know if you’re color blind?,

    Nå… nogle mennesker går år uden at vide, at de er farveblinde, da virkningerne kan gå relativt ubemærket, medmindre en anden påpeger dem. Billedet nedenfor bruges ofte til at teste for farveblindhed – giv det en chance! (Du kan finde et link til den fulde test nederst i denne artikel.)

    stadig ikke sikker?

    1. Ishihara Farveblindhed Test: Du kan tage de 38 plade-baseret test og få feedback, så godt.,
    2. farveblind Check: en Android-App oprettet af Colorblindor, hvor du kan teste, om du er farveblind på 60 60 sekunder.
    3. Coblis: Farveblindhedssimulator: her kan du uploade et billede og se på, hvordan det ville se ud gennem øjnene på mennesker med forskellige typer farveblindhed.
    4. Mobile Apps: her er 3 Android-og iOS-apps, der er specielt udviklet til at hjælpe farveblinde brugere.,

    konklusion

    Generelt skal U.-designere oprette websebsteder, der er tilgængelige og brugervenlige for alle., Desværre er der ikke en one-size-fits-all løsning, når designe for farveblindhed specifikt, men der er et par væsentlige UX-design principper for at huske på, at vil helt sikkert hjælpe:

    1. ikke kun er afhængige af farve for at formidle et budskab
    2. Hold din farve palet begrænset til 2 eller 3 farver
    3. Brug struktur og mønstre til at vise kontrast
    4. Omhyggeligt vælge en kontrasterende farver og nuancer
    5. Undgå at bruge dårlige farvekombinationer