Fargekoding – en god idé?
Guardian har med Zeitgeist nådd nye høyder når gjelder bruk av fargekoding. Den inneholder hele 10 kategorier av innhold, hver med sin farge – blant dem
tre nyanser av grønt. Jeg vil påstå at dette er minst 7 farger for mye.
Farger har ingen «universell» betydning. Hvorfor har for eksempel sport fått fargen grønt? Bruk av fargekoder krever at brukerne må memorere hva de ulike fargene betyr (i motsetning til ord). Jeg er selvfølgelig ikke en motstander av farger, men bruker man dem til angivelse av kategori skal man huske hvilken utfordring de utgjør for hukommelsen vår.
Jeg synes fargekoding fungerer når det er 2, til nød 3 farger, sånn for eksempel NextGenTel gjør for å skille mellom privat – og bedriftkunder. Da er det i hvert fall mulig å huske hva fargene betyr.
Det Gode Hintet skal være diskret, men likevel lett å forstå. Skal du hinte nytter det ikke å snakke i koder.
Fargekoding – nyttig visuell informasjon eller et påskudd for å friske opp designet?
Her vil jeg gjerne høre fra grafiske designere!
11 kommentarer
Øyvind Ellingsen
16.02.2010 | 15:46
Fargekoding alene (som på Guardians Zeitgeist) gir ikke nok hint til brukeren. Når du må lese betydningen av fargekodene før du forstår sammenhengen har de gjort det komplisert. Forklaringen har de lagt under selve listen (så man må finne den først før du forstår poenget) og de har til og med gitt brukerene hex-koden for fargeverdiene, noe jeg tviler på at den gemene bruker forstår eller har særlig mye nytte av.
Nå kan det jo være at man etter en periode forstår forskjellen og at fargekodingen slik sett fungerer, men jeg tror nok at det ville være mer effektivt å gruppere innhold av samme type og legge til en merkelapp for grupperingen. Da ville jeg med en gang se hva som er nyheter, sport, kultur, osv.
At man i visse tilfeller kan bruke fargekoding som en effekt for å fremheve et skille av innhold (som Nextgentels skille mellom privat og bedrift) kan gi ekstra hint til brukeren. I Nextgentels tilfelle ville det være enda mer tydelig om de la til «Privat» og «Bedrift» i toppfeltet av siden ikke bare i som navn på arkfanene.
Jørgen Dalen
16.02.2010 | 17:15
Det som er interessant med Zeitgeist-eksemplet er at de har gjort det stikk motsatte av hva man ofte gjør innen informasjonsdesign, som er å gruppere innhold som hører sammen.
Har hensikten vært å fortelle om denne uka har vært spesielt grønn eller rosa? Nei, denne blir jeg ikke riktig klok på.
Inge Fossland
16.02.2010 | 18:54
For de som leser The Guardian vil nok ikke fargene føles så fremmed. Jeg leser for eksempel bare de grønne sidene. Og når målet med Zeitgeist er å vise trender i stoffet til The Guardian synes jeg det fungerer fint.
Julia
16.02.2010 | 19:12
I can understand why they chose colours to indicate sections and that for some regular users these might have meaning and assist recognition. Why sports is green and news red is probably a random then a conscious choice. Nothing wrong with that. Colours don’t have always to have meaning. I don’t mind the amount of colours either. The map of the underground in London uses a greater number of colours and most people related to it just fine.
However I do think that Zeitgeist fails in their way they designed the solution. I get overwhelmed by the use of colour instead of assisted, can’t concentrate on any item and just get confused. In addition the fact that some items appear with images and colour stripes instead of boxes doesn´t make thing easier or more recognisable.Their high contrast version, where the name of the category is displayed on the bottom of every box doesn’t succeed much either, in my opinion. Grouping items would definitely help!
The whole thing as it is now reminds me of a discoteque floor from the seventies!
Jørgen Dalen
16.02.2010 | 21:28
Takk for bra innspill, Inge og Julia!
@inge: For deg vil nok grønt være et naturlig valg for idrett
Effekten av læring vil uansett være større enn effekten av grensesnittet, så leser man Guardian daglig vil man sikkert tilegne seg fargekodene greit.
Når det gjelder innlæring av farger mistenker jeg at vanskelighetsgraden stiger eksponensielt med antallet farger.
Tenk på denne oppgaven:
1) Hvilken farge har McDonalds-logoen?
2) Hvilke to farger bruker DNBNor i logoen sin?
3) Hvilke tre farger er det i i det belgiske flagget?
4) Hvilke seks farger er det på rubiks kube?
Selv om man har sett disse utallige ganger blir det fort mye vanskeligere å huske ettersom antallet farger stiger. Nettopp derfor mener jeg at 10 blir i meste laget.
@Julia: I agree with you that colors doesn’t have to have a meaning. In this case the designers have been expicit about their meaning, and that’s why they give the user a cognitive load (instead of a more pleasing experience if they were just eye candy).
Not being to negative, I think Guardian should also have cred because of trying something new.
Kåre Garnes
17.02.2010 | 09:00
Det er greit å bruke farger for å gruppere innhold og signalisere sammenhenger, men å bruke farge alene som navigasjon er Fy-FY!
8% av alle menn er fargeblinde. Hvem har råd til å neglisjere en så stor gruppe? (joda, det er sikkert noen som har råd til det, men det er jo jækla dumt!
)
Kristian
17.02.2010 | 12:46
Jeg er fullstendig enig i at dette ikke fungerer godt. Men fargene MÅ ikke nødvendigvis bety noe i seg selv, fargene skaper også sammenhenger rett og slett ved å være like. For eksempel ser jeg på dagens zeitgeist et rosa element som omhandler Brit Awards – ergo antar jeg at rosa er underholdningsstoff. Jeg ser Champions League i et grønt element, og går ut ifra at alle grønne er sport. Jeg ser Google i en burgunder, og antar det handler om teknologi/vitenskap.
Når jeg sjekker fasiten ser jeg at jeg ikke er 100% on the money, særlig i forhold til nøyaktig hvor smale eller brede termene er, men traff ikke så aller verst heller. Absolutt godt nok. Om jeg har blinket meg ut én sak som ser interessant ut (ut fra tekst/bilde, ikke farge), kan jeg lett se de «relaterte sakene» (som det i praksis blir).
Tipper tanken her ikke har vært å få mest mulig effektiv opplisting av nyhetene innen ulike kategorier – det har man jo resten av nettavisen til – men snarere å gi et blikk på hva som er «tidens ånd» – zeitgeist – akkurat i dag.
Det burde jo selvsagt være mulig å få mer effekt og forståelse ut av så drastisk fargebruk som dette, men i seg selv fungerer iallfall dette aspektet.
jan barstad
17.02.2010 | 17:59
En digresjon til inspirasjon:
http://www.smartmoney.com/map-of-the-market/?view=0&showBranding=1
I dette tilfellet brukes farge grønt/rødt å vise trender i aksjemarkedet og er nær alene brukt som navigasjon til de «hotteste» trendene i aksjemarkedet. Finnes mulighet til å se vinnere & tapere i markedet.
Farger i dette tilfellet funker fint for å se ytterpunktene i utviklingen.
Finnes jo endel menn med defekter i grønt/rødt-sfæren så det er også mulig for visning i gul/blått.
Ifht. Zeitgeist opplever jeg også at samme farge er brukt for å merke to ulike kategorier: #D1008B «Culture» «TV and Radio» . Når du ser Zeitgeist i sort/hvit versjon kan det virke som en feil når to felt med lik farge plutselig får forskjellig label. Det ene kan iflg. Guardian.co.uk virke som å være et underpunkt av det andre, men…
Eksperimentering er imidlertid gøy. Så for å vise trender fra Guardian-sfæren er det sikkert mulig å eksperimentere f.eks med størrelses-kontraster på de ulike «blokkene» for å illustrere et «hot topic» i tillegg til at fargers egenskap av å virke framtredende eller tilbaketrukket kan utnyttes om mulig.
Fargekoding gjort «riktig» kan fungere, men det er lite skalerbart i den forstand at du fort vil kunne få en fargesuppe som gjør mer skade enn nytte. Kanskje ikke ulikt der Zeitgeist er nå på tross av at Guardian lesere har noen fargereferanser. Linken til fargebruken her: http://www.guardian.co.uk/ – er ikke helt åpenbar ved første øyekast.
Jørgen Dalen
17.02.2010 | 21:19
Det eksemplet synes jeg fungerte bedre, Jan: to distinkte farger og bruk av størrelse til å angi kvantitet.
Her er noen som har lagd en «fargesky» av Google news: http://newsmap.jp/
Kristian
18.02.2010 | 10:37
Ah, der var den, ja, Jørgen! Har lett etter den Newsmap-siden. Denne har eksistert i en del år, og jeg syns det er rart om ikke Guardian har hentet litt inspirasjon derfra. Men jeg syns denne fungerer langt bedre. Fargene i seg selv sier ikke så mye her heller, men forklaringen er iallfall lett synlig på siden. Men igjen – det viktigste her er i mine øyne egentlig å se sammenhenger mellom ting med samme farge, og størrelsen imellom de. Dette er også interessant dersom man velger flere land, og kan se forskjeller i hva som dominerer nyhetsbildene.
Men i begge tilfeller syns jeg hovedpoenget er å se trender og sammenhenger, ikke å ha en effektiv måte å finne nyheter på.
CNN har en annen take på det med å vise «trending topics» med sin nye News Pulse (som ikke bruker noe fargekoding eller visualisering, så med fare for å vri diskusjonen over på andre ting):
http://newspulse.cnn.com/
Jeg tror det er gode muligheter for mye spennende og nyttig visualisering av mediebildet fra mediehus, og håper vi får se flere forsøk fremover. Det hadde vært gøy om noen norske våget å prøve seg på noe slikt.
Jørgen Dalen
18.02.2010 | 12:16
Tenker at det er stor forskjell på om
a) fargen kun forteller om elementene tihører samme kategori og
b) fargen forteller hvilken kategori det er
a) krever mye mindre enn brukeren enn b) og hvis det er hensikten fså ungerer det bedre.