Articles

Hur man designar för färgblindhet

färgblindhet eller färgseende brist (CVD) påverkar runt 1 i 12 män och 1 i 200 kvinnor över hela världen. Detta innebär att för varje 100 användare som besöker din webbplats eller app, kan upp till 8 personer faktiskt uppleva innehållet mycket annorlunda som du förväntar dig. Men hur ser du till att din användarupplevelse appellerar lika till dessa besökare? Vi är här för att hjälpa till. Så, innan du kör till ditt designteam i panik, ta en titt på vår roundup av topp saker att tänka på när du utformar en UX för färgtillgänglighet.,

först upp, vad exakt är färgblindhet?

de flesta färgblinda människor kan se saker lika tydligt som resten av befolkningen, skillnaden är deras oförmåga att skilja rött, grönt eller blått ljus. Bristen är resultatet av en mutation i X-kromosomen-vilket betyder att kvinnor är mer benägna att vara bärare än drabbade – och det kan manifesteras på 3 huvudvägar.

den vanligaste är röd / grön färgblindhet, där drabbade blandar upp alla färger som har rött eller grönt som en del av hela färgen., De som påverkas av Protan färgblindhet är mindre känsliga för rött ljus, medan drabbade av Deuteranopia har samma problem med grönt. Till exempel kommer en person med protanopi att förvirra blått och lila eftersom de inte kan känna igen det röda elementet i färgen lila. Den tredje typen av färgbrist, Tritanopi, är den minst vanliga och hänvisar till drabbade som kämpar för att skilja blått eller gult ljus. Bilden nedan visar hur regnbågen kan se ut för individer med var och en av dessa former av färgblindhet.,

så, hur kan jag designa för bättre färgtillgänglighet?

Du kanske tänker: ”varför skulle jag bry mig om att designa för en så liten grupp användare?”Men i allmänhet anses de element som är gynnsamma för colorblind-användare faktiskt vara god designpraxis i vidare bemärkelse. Så om din webbplats är väl utformad, bör den redan vara tillgänglig för alla användare.

design för tillgänglighet betyder inte att den estetiska integriteten i din design behöver lida., Med detta i åtanke, här är de fem bästa elementen du bör fokusera på för en colorblind-vänlig UX:

använd både färger och symboler

Du bör inte lita på färg ensam för att förmedla ett meddelande; till exempel kan vissa typer av färgblindhet göra det svårt eller till och med omöjligt att se vanliga röda felmeddelanden. Ett tillvägagångssätt är att använda både färger och symboler där användarnas uppmärksamhet krävs. Ett bra exempel på detta är Facebook: s formulärfält och felmeddelandena bifogade.,

roligt faktum: Facebook: s logotyp och ökända blå färgschema valdes specifikt eftersom Mark Zuckerberg är röd-grön färgblind och ser blå bäst.

håll det minimalt

Du bör begränsa färgpaletten du använder för din webbplats; ju färre färger du använder i din design, desto färre fall kommer det att finnas förvirring.

inte bara är minimalistisk design En tidlös och estetiskt tilltalande trend, det är också användbart när du designar för färgtillgänglighet.,

använd mönster och texturer för att visa kontrast

försök att använda olika texturer, i motsats till flera färger, för element som kräver betoning. Det kan till exempel vara svårt för färgblinda användare att tolka diagram och diagram. I det här fallet är det bättre att använda kontrasterande mönster och, om möjligt, placera text istället.

var försiktig med kontrasterande färger och nyanser

istället för att förlita sig på svartvitt som din enda kontrasterande färger; försök att använda en rad tydligt kontrasterande färger och nyanser i din design., Till exempel använder spelet ordet fejden Fyra färger för sina plattor som lätt kan särskiljas av dem med eller utan färgseende brist.

undvik dåliga färgkombinationer

Du måste vara smart när du väljer ut dina färgkombinationer. Eftersom färgblindhet påverkar människor på olika sätt är det svårt att bestämma vilka färger som är ”säkra” att använda i webbdesign.,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?,

    Tja… vissa människor går år utan att veta att de är färgblinda eftersom effekterna kan gå relativt obemärkt om inte någon annan pekar ut dem. Bilden nedan används ofta för att testa för färgblindhet-ge det en chans! (Du kan hitta en länk till det fullständiga testet längst ner i den här artikeln.)

    fortfarande inte säker?

    1. Ishihara färgblindhet Test: du kan ta 38 plattan baserat test och få feedback samt.,
    2. färgblind Check: en Android-App skapad av Colorblindor där du kan testa om du är färgblind i ±60 sekunder.
    3. Coblis: färgblindhet Simulator: här kan du ladda upp en bild och ta en titt på hur det skulle se ut genom ögonen på människor med olika typer av färgblindhet.
    4. mobilappar: här är 3 Android-och iOS-appar speciellt utvecklade för att hjälpa färgblinda användare.,

    slutsats

    generellt bör UX-designers skapa webbplatser som är tillgängliga och användarvänliga för alla., Tyvärr finns det inte en one-size-fits-all lösning när du utformar för färgblindhet specifikt, men det finns några viktiga UX designprinciper att komma ihåg som säkert kommer att hjälpa:

    1. lita inte bara på färg för att förmedla ett meddelande
    2. Håll din färgpalett begränsad till 2 eller 3 färger
    3. använd textur och mönster för att visa kontrast
    4. välj noga kontrasterande färger och nyanser
    5. undvik att använda dåliga färgkombinationer