Cecilie Tveter
Interaksjonsdesigner og rådgiver, IXD
Brenner for å skape fantastiske digitale opplevelser. Fokus på å strukturere innhold, utvikle konsepter, tilgjengelighet og interaksjonsdesign.
Følg meg på Twitter
Farger og kombinasjoner av dette er tradisjonelt noe som interesserer kvinner i større grad enn menn, kanskje har dette en sammenheng med at så mange som mellom 5 og 8 % av alle menn er fargeblinde? Når det gjelder kvinner er tilsvarende andel rundt 0,3 %. Det betyr at nesten 10 % av dine besøkende kan være fargeblinde.
Fargeblind? Ser du hvilket tall som skjuler seg her? (http://www.altomsyn.no/test-synet-her/fargeblindhetstest-1)
Dårlig fargebruk ødelegger for brukerne
De alle fleste som lider av fargeblindhet har store problemer med å skille mellom rødt og grønt. I tillegg har noen har problemer med å skille mellom gult og blått, mens noen få ikke klarer å skille mellom farger i det hele tatt. For en fargeblind person kan feil kombinasjon av farger på et nettsted gjøre navigasjon og interaksjon helt umulig.
Her er et par eksempler på grensesnitt som bruker fargene rød og grønn som kritiske informasjonsbærere:
En fargeblind person som har problemer med rødt og grønt vil ikke kunne hente noen informasjon her.
Bevisst fargebruk gir bedre brukeropplevelse
Ved hjelp av litt bevissthet og noen enkle huskeregler kan du skape et nettsted som er fullt funksjonelt for fargeblinde, uten å måtte redusere kvaliteten på fargeutvalget eller designet ditt.
- Forsøk å unngå bruk av kun farge til å formidle kritisk informasjon til dine besøkende. Unngå spesielt fargene rød og grønn.
- Sørg for sterke kontraster mellom tekst og bakgrunn
Dette vil bidra til å øke tilgjengeligheten på nettstedet ditt. Resultatet av god tilgjengelighet er blant annet:
- Du oppnår høyere rangering hos google
- Du når et større antall brukere
- Du styrker ditt omdømme
- Du skaper en bedre brukeropplevelse – for alle
- Du er forbredt på en ny lovgiving som vil forby ekskludering på nett
Ikke lukk øynene for de fargeblinde
Når vi jobber med utvikling av nettsteder er det viktig å ha en forståelse og bevissthet for hvor stort utslag valg av farger kan ha for brukeropplevelsen til et stort utvalg av dine besøkende. Unngå fargene rødt og grønt i viktige informasjonbærere og vær bevisst på å ha gode kontaster mellom for- og bakgrunn, så er du langt på vei i å inkludere – også de fargeblinde.
PS: tallet som skjulte seg i fargeblindhetstesten øverst i artikkelen var 6
11 kommentarer til "Ekstremt mange menn er fargeblinde – hva betyr dette når vi utvikler nettsteder?"
Sitter med en liten wow-klump i magen. Tror ikke jeg noengang ville kommet på å tenke på problemstillingen, engang. Brillefine eksempler!
[...] This post was mentioned on Twitter by Fredrik Johnsen, Céline Thommesen and Sermo Consulting, Cecilie Tveter. Cecilie Tveter said: Ekstremt mange menn er fargeblinde…..nytt innlegg på kuttisme http://bit.ly/9KmB9w [...]
Godt poeng, men…
Hvis 5%-8% av menn er fargeblinde, og kun 0,3% av kvinner er fargeblinde, har man ikke nesten 10% fargeblinde. Dersom kun menn besøker sidene dine, har du maksimalt 8% fargeblinde, dersom det er jevnt fordelt mellom kvinner og menn, har du mellom 2,65% og 4,15% fargeblinde blant dine besøkende.
Uansett en viktig påminnelse om at ikke alle brukergrensesnitt fungerer like bra for alle brukere!
[...] Ekstremt mange menn er fargeblinde – hva betyr dette når vi … Publisert i Brukervennlighet, Grafisk design, Interaksjonsdesign, Søkemotoroptimalisering, Tilgjengelighet. Farger og kombinasjoner av dette er tradisjonelt noe som interesserer kvinner i større grad enn menn, kanskje har dette en … http://www.kuttisme.no/ — Tue, 10 Aug 2010 01:01:31 -0700 [...]
Hei, Cecilie og takk for flott bloggpost!
Her er to linker som kan være interessante:
1) Slik ser fargene på denne siden ut, for grønn/rød fargeblinde:
http://colorfilter.wickline.org/?a=1;r=;l=0;j=1;u=www.kuttisme.no/2010/08/10/ekstremt-mange-menn-er-fargeblinde-%25E2%2580%2593-hva-betyr-dette-nar-vi-uvikler-nettsteder;t=d
2) Her kan du filtrere og sjekke fargene på websider, slik fargeblinde vil se dem:
http://colorfilter.wickline.org/
Jobber med dette nå da vi utvikler en site med grønn palett (ikke grønnfarge som kritiske informasjonsbærere :)
@alftore
takk for gode tilbakemeldinger og gode innspill til verktøy :) Godt å vite at det er mange pådrivere for et inkluderende samfunn der ute.
Bra eksempel! Moro at tom. Apple kan gjere ganske grunnleggande tabbar med sine UI.
Skreiv ein artikkel om dette for eit par år sidan med link til eit verktøy for å simulere nettsider for fargebline: http://www.fireisland.no/tips/fargeblindhet-pa-internett/
Tilgjengelighet er noe jeg har drevet med i godt over 10 år – før jeg begynte med SEO, og har utviklet en rekke websider som validerer til WAI-WCAG AAA.
Det er imidlertid SEO som har blitt et av mine spesialfelt, og jeg vil poengtere at det finnes overhode ingen indikasjon på at et tilgjengelig nettsted – eller et som enkelt og greit passerer en eller annen HTML/XHTML validator – dermed rangerer bedre i Google.
Uten å (overhode) beskylde deg for å gjøre dette, men dette er en myte som desverre mange Usability-folk har argumentert med opp igjennom tidene, og dermed at SEO er noe tullball, siden god usability og tilgjengelighet “automatisk” gir deg bedre rangeringer…
Utover det har du selvsagt helt rett i de fleste andre tingene du nevner, men det er jo ellers vel så viktig å ta hensyn til målgruppen, i stedet for å kjøre full tilgjengelighetstesting av rent prinsipp – som med Crestock hvor jeg arbeidet tidligere var majoriteten av de besøkende fotografer og designere, og det er da rimelig å anta at de færreste i disse profesjonene lider av fargeblindhet – med mindre en fotograf har spesialisert seg på Svart/Hvitt bilder, da ;-)
Sverre
Det har i ale fall vært eksempler på at webanalysen blir riktigere når siden validerer.
http://www.kuttisme.no/2008/12/21/kuttisme-julekalender-del-21-teknisk-validering-gir-bedre-webanalyse/
@Sverre Bech-Sjøthun
Tilgjengelighet og SEO går hånd i hånd og et tilgjengelig nettsted handler om veldig mye mer en html og css som validerer. Tiltak som meningsbærende lenkenavn, semantisk oppbygd kode, gode beskrivelser av bilder, konsistent struktur og navigasjon bidrar alle til økt tilgjengelighet – og samtidig til økt SEO.
Det handler ikke om å droppe SEO til fordel for tilgjengelighet eller usability men om at alt henger tett sammen. En søkemotor vil på mange måter navigere på samme måte som en blind person vil gjøre. Og både en søkemor og en blind person vil sette pris på mye av den samme tilretteleggingen.
Når det gjelder tilgjengelighet og målgrupper bli dette fremover enklere å forholde seg til. Vi venter på et lovverk som vil pålegge alle nettsteder som henvender seg til almennheten å utforme tilgjengelige nettsteder. Når det gjelder mer nisjenettsteder er det som ellers i livet – sunn fornuft som er førende,
Statistiske kart og diagrammer bør bruke ulike lysverdier av én farge for å skille områder fra hverandre i stedet for å bytte farge.
En måte å sjekke om du har god kontrast mellom områder i et fargebilde er å gjøre det om til svart/hvitt, angre tilbake til farger og justere ved behov i GIMP eller annet bildebehandlingsprogram.
Beste hilsen
Haakon