Tips for design for fargeblinde brukere
Det anslås at omtrent 8% av mennene og 0, 5% av kvinnene er født fargeblinde. Det kan virke som et lavt antall, men hvis du designer for et stort publikum, er det definitivt mindre enn ønskelig å ha et nettsted som er ubrukelig for åtte av hundre menn.
Heldigvis kan du ganske enkelt sørge for at nettstedet ditt er fargeblindvennlig ved alltid å huske informasjonen nedenfor. Vi tar en titt på hva fargeblindhet virkelig betyr og hvordan du kan finpusse designene dine ut fra noen få enkle prinsipper.
Jeg vil begynne med å si at selv om jeg ikke på noen måte er en øyelege, er de fleste av mennene i familien min fargeblinde og eksemplene gitt nedenfor er blitt drevet av bonafide fargeblinde menn. Hvis du er en fargeblind person, kan beskrivelsen av eksemplene nedenfor være litt eller til og med betydelig annerledes, da ingen to sett med fargeblinde øyne vil være den samme.
Vitenskapen
En diskusjon om fargeblindhet kan bli virkelig vitenskapelig veldig raskt. Begrep som Protanopia og Anomalous Trichromacy er nok til å få til og med betydelig intelligente mennesker bundet og forvirret.
Heldigvis trenger du som designer ikke å bli ekspert på fargeblindhet. I stedet kan du gjøre generelle generaliseringer om hva fargeblinde brukere gjør og ikke har problemer med å oppfatte. Dette sparer deg ikke bare for en vitenskapsleksjon, det hjelper deg med å sikre at du designer slik at nesten alle fargeblinde brukere effektivt kan bruke nettstedet ditt i stedet for bare en enkelt type.
Husk dette når du leser informasjonen nedenfor. Hver uttalelse som kommer, vil ikke være sant for alle fargeblinde brukere, men i det minste vil noe av den gjelde for et veldig stort flertall av dem.
Hvis du er interessert i vitenskapen, kan du sjekke Wikipedia forklaring da den er langt mer avansert som passer i denne artikkelen.
Busting myten
For det første kan du trygt satse på at ingen du kjenner bokstavelig talt er fargeblind. Tittelen er faktisk (i de fleste tilfeller) en fullstendig feilnummer. En liten prosentandel av mennesker er født med virkelig monokromatisk syn.
Langt mer nøyaktige vilkår inkluderer "farge nedsatt" eller "farge mangelfull." I stedet for å se verden i svart og hvitt, kan fargeblinde mennesker vanligvis oppfatte og forstå nesten alle farger i spekteret. Et av de tøffeste og mest irriterende spørsmålene du kan stille fargeblinde mennesker er om de kan "se" gul, grønn eller annen farge.
Det virkelige problemet er at det er ganske vanskelig for fargeblinde brukere å skille mellom to farger som er like. Dette er veldig vanskelig å finne ut når du tenker på at farger som i det minste ikke virker som deg, kan virke veldig like en fargeblind person, og omvendt.
Det handler om nyanser
For å gjøre dette lettere å forstå, tenk på alle nyanser av alle fargene du noen gang har sett. Når du for eksempel tenker på fargen "grønn", tenk på hvor mange helt forskjellige fargeprøver som kan matche din definisjon av grønn. Lyse, mørke, dempet, akvarell, neon; igjen og igjen. Dette inkluderer de minste variasjoner der den ene grønnen kan inneholde bare en liten bit mer rødt eller blått lys enn det andre grønt.
Tenk deg at du regnet alle disse forskjellige nyanser av grønt som øynene dine er i stand til å oppfatte, og de tilsvarte, si 1 million (helt vilkårlig antall). Gi den samme oppgaven til en fargeblind person, og de kan komme med 500 000 eller mindre.
Så du forstår, det er ikke slik at fargeblinde mennesker (i de fleste tilfeller) ikke er i stand til eller oppfatter "grønt", i stedet skiller de bare færre grønnfarger enn du gjør. Så der du ser tre lignende nyanser av grønt, vil en fargeblind-bruker kanskje bare se en grønn nyanse
For å gjøre det enda mer komplisert løper ofte lignende nyanser fra forskjellige farger sammen og gjør det vanskelig å bestemme nøyaktig hvilken farge noe faktisk er.
eksempler
Det er alltid litt lettere å forstå med noen få solide eksempler foran deg. Tenk på følgende fire fargeprøver.
Se først på de to nederste fargeprøvene. Tenk først og fremst lysstyrken på fargeprøvene, enda mer enn grunnfargen. Colorblind-brukere skal lett kunne skille mellom disse to fargeprøvene; akkurat som du kan. Hvorvidt en fargeblind person vil identifisere fargene riktig eller ikke, er en helt annen historie, men i det minste er det lett å fortelle at de er forskjellige farger.
Nå er de to øverste fargeprøvene en annen historie. Det forrige eksemplet kan ha deg til å tenke at fargeblinde brukere lett kan skille mellom brunt og grønt, men at du tar feil. Igjen, hvis du bare sammenligner den relative lysstyrken / mørket til de to fargeprøvene, kan du sannsynligvis se hvordan disse to fargeprøvene kan se mer like ut. Tenk nå at de to fargeprøvene for mange fargeblinde vil være identiske.
For å reise enda lenger ned i kaninhullet, la oss gjenta den mørkebrune og legge til en nyanse av mørkerød.
Igjen ser vi to nyanser som er forskjellige farger, men igjen er den relative lysstyrken til fargeprøvene så like at en bruker med fargeblind har problemer med å skille mellom dem.
Et sett med normale øyne skal se fem fargeprøver i arrangementet ovenfor (ett blir gjentatt). Et sett med fargeblinde øyne vil sannsynligvis se tre eller færre!
Smertefulle fargekombinasjoner
Bland lignende nyanser som i eksemplene over, og dine fargeblinde brukere vil ikke merke noe irritert. Men hvis du virkelig vil gjøre nettstedet ditt fullstendig ubrukelig, kan du begynne å overlappe fargenyanser som har samme lysstyrkeverdier, men som har potensial til alvorlig sammenstøt.
Rød og blues, lilla og røde, rosa og blå og nesten enhver kombinasjon av disse er et flott eksempel. Som et eksempel på hva du ikke skal gjøre, kan du vurdere bildet nedenfor.
Mens du kanskje bare ser noe stygg tekst, vil mange fargeblinde brukere se så vibrerende farger at øynene nesten begynner å vanne (jo lenger borte de er, desto dårligere blir det). Det er vanskelig å forklare ordentlig når du ikke kan se det, men det som skjer er at det er tydelig at fargene er veldig forskjellige, men de er faktisk like nok til at kantene der de to fargene møtes blir veldig vanskelige å skille. Dette forårsaker en helt ubehagelig opplevelse for mange fargeblinde brukere når de ser på et bilde som det ovenfor.
Hva så? Hvordan påvirker dette designene mine?
Denne informasjonen er vel og bra, men hvordan gjelder den praktisk design? Svaret er at det er noen få viktige områder der du virkelig bør ta hensyn til hvordan fargeblinde brukere kan oppleve nettstedet ditt annerledes.
En av de vanligste feilene jeg ser er i koblingseffektene. Utallige designere bruker ganske enkelt et fargeskifte som en sveveeffekt og kaller det en dag fordi de kan oppfatte det helt fint.
Når du er i tvil, husk at brukere med fargeblinde kan oppfatte lysstyrkeforskyvninger, for det meste, akkurat som du kan. En virkelig mørk blå og en virkelig lys blå vil være en åpenbar bryter. Så hvis du bytter farger på en hover, må du sørge for at de to fargene er veldig forskjellige i deres relative lysstyrke. Du kan bytte fra en mørkebrun til en lysegrønn, bare ikke fra en mørkebrun til en mørkegrønn.
Videre er det alltid bedre å legge til noe annet visuelt i tillegg til fargeskift. Når brukeren svever over en lenke, kan du legge til en strek, dråpe skygge eller noe annet du kan tenke på for å gjøre for en økt visuell forskjell som ikke bare er avhengig av en fargeendring.
Infografikk
Et annet nøkkelområde der fargeforskjeller er viktig er med datavisualisering. Å velge feil farger for et diagram kan gjøre det bokstavelig talt uleselig for en fargeblind bruker.
Selv om fargene dine er veldig forskjellige, er det ofte en god ide å legge til et lite mønster eller tekstur til forskjellige deler av et diagram for å gjøre det lettere å skille den visuelle.
I eksemplet over, selv om fargene fortsatt er like nok til at en fargeblind bruker kanskje ikke kan se forskjellen, gir stripene en rask og enkel visuell referanse for alle brukere.
spill
Som du kan forestille deg, er mulighetene for fargeblinde brukere å bli utelatt uendelige, men en endelig plass jeg vil diskutere hvor dette kan være spesielt frustrerende for dem er med spill.
Se for deg å prøve å spille iPhone-spillet nedenfor som en fargeblind-bruker. Å matche fargene for å fullføre puslespillet kan være ganske vanskelig!
Mange iPhone-spill har kompensert for dette ved å ha en valgfri fargeblindringsmodus, men for å gjøre det enkelt bare vurdere å legge til symboler i tillegg til farge for å gjøre det lettere for alle å spille. For å illustrere, bør du vurdere et kortstykke spillkort. Det er mer som skjer enn røde kort og svarte kort. Alle som spiller, fargeblind eller ikke, vet at diamantene og hjertene er de røde kortene mens klubber og spar er de svarte kortene. Selv når du ser disse symbolene i et svart-hvitt fotografi, kan du trygt skille mellom de røde og de svarte kortene. Dette er nøyaktig hvordan spillene dine skal utvikles.
Konklusjon
Avslutningsvis, husk bare at det faktisk er veldig enkelt å gjøre nettstedet ditt tilgjengelig for fargeblinde brukere. Du trenger bare å gjøre en bevisst innsats der det påvirker hvordan nettstedet fungerer, eller når fargeoppfatning kan svekke tekstens lesbarhet. Hvem bryr seg om du har en brun bakgrunn som fargeblinde brukere synes er grønn? Det meste av tiden vil de ikke.
Bare sørg for at når det betyr noe, for eksempel med lenker, diagrammer og spill, ser du etter måter å legge til kontrast på. Bruk sterkt kontrasterende farger, implementer mønstre, bruk symboler, og bruk triks med streker, skygger og lignende for å sikre at det er betydelig visuell forskjell på alle de riktige stedene. Det kan ofte være nyttig å bruke en fargeblindringssimulator for å bestemme hvordan fargene på siden påvirker helhetsopplevelsen.
Legg igjen en kommentar nedenfor og gi oss beskjed hvis du noen gang vurderer brukere av fargeblinde når du designer et nettsted og hvordan du imøtekommer deres behov.
