Velg de beste fargene til nettsiden din – våre 6 tips!

Når du skal sette opp en nettside, kan valget av farger virke som en bagatell. Sannheten er at fargene du velger spiller en større rolle enn du kanskje tror. Faktisk har farger en ganske stor påvirkning på våre oppfatninger og inntrykk av verden generelt. De påvirker også inntrykkene vi får av bedrifter og produkter.

På samme måte vil brukerne på din nettside danne et inntrykk av din merkevare når de besøker siden din, og fargene er i aller høyeste grad med på å påvirke dette inntrykket.

Studier viser at vi i gjennomsnitt bruker ett og et halvt minutt fra vi danner oss et førsteinntrykk av et produkt, til vi bestemmer oss for om vi skal kjøpe det. Opp til 90% av dette førsteinntrykket baseres på farger.

Dette viser hvor viktig det er å tenke på fargevalg når du setter opp nettsiden din, uansett om du har en vanlig nettside, en nettbutikk eller en blogg hvor du deler ekspertisen og tankene dine med verden.

I denne artikkelen dykker vi ned i psykologien bak farger og ser på hvordan du kan bruke farger til å skape en god brukeropplevelse på nettsiden din og styrke din merkevare. Vi deler også 6 tips for hvordan man velger farger så enkelt som mulig.

 

Fargepyskologi

Psykologien bak farger er en vitenskapelig studie om hvordan farger påvirker mennesker. Vi ser på teorien om at ulike farger vil skape en emosjonell reaksjon hos mennesker, og dermed er med på å forme atferd og handlinger. 

Farger har vært studert lenge før markedsføring og nettsider ble kjente fenomen. Selv de gamle egypterne forsto at farger påvirker hva vi føler, og brukte malte rom eller sollys som skinte gjennom krystaller som en form for terapi. Hvorvidt det faktisk fungerte er ikke godt å si, men det gir et inntrykk av hvor viktig farger er og alltid har vært. 

Mange artikler kan fortelle om de mest vanlige assosiasjonene vi har til spesifikke farger. For eksempel assosierer mange fargen grønn med vekst og miljøbevissthet – og gult med glede, energi og positivitet.

Selv om noen av disse assosiasjonene ofte stemmer, er det også viktig å ta med i betraktning at vår opplevelse av farge også avhenger av hvem vi er, hvor vi vokste opp, hvor gamle vi er, konteksten fargen blir presentert i og mye mer.

I en undersøkelse fra Storbritannia så de for eksempel at mennesker fra Storbritannia syntes fargen gulgrønn var ekkel, mens det blant Himba-folket i Namibia var en farge de satte pris på. Dette viser at noen av våre assoasjoner til farger kan påvirkes av kultur. Vi skal se mer på hva farger kan signalisere lengre ned i artikkelen.

Farger og følelser

Fargene som er til stede i omgivelsene vi befinner oss i påvirker alt fra humøret og følelsene våre, til våre tanker, vår velvære, samt oppfatningen av steder og ting vi blir presentert for. Farger kan derfor spille en avgjørende rolle i markedsføring, nettopp fordi de på strategiske måter kan hjelpe å forme brukeropplevelsen. 

De fleste av oss har kanskje kjøpt noe en gang (eller ti) fordi vi fikk en god følelse av produktet, og atmosfæren i butikken eller nettsiden påvirket oss. Selv når vi ikke egentlig har behov for produktet kan mange bli påvirket til å kjøpe det likevel på grunn av følelsene produktet eller stemningen vekker i oss. 

Kalkulasjonen kan derfor være så enkelt som: farger påvirker følelsene du har, og følelsene påvirker handlingene du gjør. Ergo: farger kan i aller høyeste grad brukes som et verktøy i markedsføring og webdesign. 

Vi skal se nærmere på hvorfor farger på nettsiden din er viktig. 

Farger og UX design

Fargene på veggene i et rom kan påvirke vårt inntrykk av et rom, og kan til og med få dem til å virke større, mindre eller mer innbydende. Det samme gjelder nettsiden din, som på mange måter kan tenkes på som et digitalt rom som brukerne går inn i når de trykker på en link i søkeresultatet. Men hva er det egentlig som gjør farger på nettsiden så viktig?

Hvorfor er fargene på en nettside viktig?

Farger er en av de viktigste verktøyene i UX design. Nettsidens farger er med på å danne inntrykket av din merkevare, styrke merketilliten, rette oppmerksomheten mot elementer, fremkalle følelser og påvirke handlinger. 

Målet med fargestrategien din bør være å velge farger som går godt sammen, ikke blir overveldende og kommuniserer det samme gjennom hele nettsiden din. Vi har inkludert noen tips om hvordan du går frem når du velger din fargepalett nederst i denne artikkelen. 

Farger og merkevarebygging

I mange tilfeller kan rett fargevalg bidra til økt salg og gjøre det lettere for dine kunder å huske din merkevare. Om vi for eksempel nevner «Fries» og fargene rød og gul, er det ikke usannsynlig at du umiddelbart ser for deg en viss hurtigmatrestaurant.

Kanskje kombinasjonen av gult, blått og ordet «møbler» får deg til å tenke på en stor kjede som også er kjent for svenske kjøttboller? Eller fargen blå og sosiale medier? Det kan hende du tenker på flere SoMe-plattformer nå, og det er det i så fall en god grunn til. Det skal vi se nærmere på lengre ned i artikkelen. 

Farger og webtilgjengelighet

Fargene på nettsiden din påvirker også webtilgjengeligheten. Det vil si hvor tilgjengelig og inkluderende nettsiden er for alle mennesker, for eksempel personer med nedsatt synsevne eller som har fargesvakhet.

Når det gjelder farger og hvordan det kan påvirke webtilgjengeligheten, er viktige ting å tenke på for eksempel lesbarheten på tekst i visse farger, fargene som brukes på bakgrunner og fargekontraster. 

For å sikre at innholdet er lesbart for alle og en hver, bør du sørge for at man for eksempel ikke trenger å kunne se alle de ulike fargene for å oppfatte innholdet. Om du har en graf med stolper i forskjellige farger kan du vurdere å gi stolpene forskjellige mønster i tillegg, slik at man enkelt kan se forskjell på dem selv om man ikke ser fargene. Dersom en stor andel av målgruppen din er eldre, er lesbarheten ekstremt viktig.

Her er noen fargekombinasjoner du bør unngå om du vil sikre god lesbarhet på nettsiden din:

• grønn og rød
• grønn og blå
• grønn og brun
• grønn og sort
• grønn og sort
• blå og grå
• lysegrønn og gul
• blå og lilla

Hva betyr fargene?

Som vi har nevnt tidligere i artikkelen er det nok ikke mulig å velge farger som blir oppfattet på nøyaktig lik måte av absolutt alle. Det er såpass mange faktorer som påvirker vår oppfatning av farger at det er vanskelig å sitte med en absolutt fasit.

Det finnes likevel flere teorier innen UX design som omhandler hvilke farger man skal velge avhengig av hvilke signaler du ønsker å sende til brukerne. 

• Blå: lojalitet, tillit og kommunikasjon

• Grønn: velstand, natur og fornyelse. Limegrønn signaliserer vekst. 

• Oransje: kreativitet, energi og eventyrlyst – det kan også oppfattes som litt retro 

• Gul: glede og positivitet. Pastellfarger er bra for kjønnsnøytrale design. Sterkere farger signaliserer kreativitet. 

• Lilla: kongelig, noe mystisk eller spirituelt og kreativitet.

• Sort: sofistikert og luksuriøst. Avhengig av konteksten kan sort også oppfattes negativt.

• Hvit: renhet og simpelhet. Et populært valg for minimalistiske design.  

• Grå: konservativt eller dystert, avhengig av kontekst.

• Brun: jordnært og koselig, ofte forbundet med natur, men kan også tolkes som kjedelig.

Selv om globaliseringen har gjort våre assosiasjoner mer standardisert over flere land og kulturer, er det fremdeles viktig å huske at tolkningen av farger alltid vil variere. I USA forbindes for eksempel fargen grønn med penger (som er fargen på dollarsedler), mens i Kina er det fargen rød som forbindes med penger. 

6 tips til hvordan du bruker farger på nettsiden eller nettbutikken din

Her er 6 tips du kan bruke når du skal velge farger til din nettside. 

1. Et monokromatisk fargeskjema 
    
   Om du ikke har god erfaring med fargeteori kan et monokromatisk fargeskjema være greit å jobbe med. Et monokromatisk fargeskjema inneholder flere nyanser av samme farge. Det gir et sammenhengende utseende med en subtil og beroligende effekt som passer godt på de fleste nettsider. 

2. Hold deg til maks tre farger
    
   En fargepalett med maksimalt tre farger er alltid et godt valg. Flere farger enn dette kan oppfattes som støy og distrahere brukerne på nettsiden eller i nettbutikken din. Har du for eksempel noen gang stått i butikken og prøvd å velge en flaske med sjampo?
   
   Hvis du har følt at det ble vanskelig å velge, kan det ha noe å gjøre med alle de forskjellige fargene på de forskjellige flaskene og i designet på etikettene. Denne overveldende følelsen hvor man ikke helt vet hvor man skal feste øynene gjelder også på nettsiden din dersom det blir for mange farger og elementer. Maksimalt tre farger er derfor en fin huskeregel.

3. Følg 60-30-10 regelen 
    
   Når du har valgt fargepaletten din kan du bruke 60-30-10 regelen for å lage en harmonisk balanse mellom fargene på nettsiden din. Regelen går ut på at du velger deg en hovedfarge, en sekundærfarge og en kontrastfarge.
   
   Hovedfargen skal brukes på 60% av siden, sekundærfargen på 30% og kontrastfargen på 10%. Primær- og sekundærfargen bør være ganske nøytral. Kontrastfargen kan for eksempel brukes på CTA-knapper.. 
   
4. Vær konsistent med fargevalget ditt
   
   Hovedfarge, sekundærfarge og kontrastfarge bør alltid være de samme gjennom hele nettsiden din, og brukes på den samme måten. Om du for eksempel har en oransje farge som kontrastfarge og bruker den på knapper, bør den samme fargen være på alle knapper gjennom hele siden. Dette gjør det lettere for brukere å forstå formålet med knappene.
   
5. A/B test fargene dine
   
   Om du har en nettbutikk hvor du selger fysiske produkter eller digitale tjenester er det selvfølgelig ekstra viktig at kundene faktisk klikker på knappene dine. Som nevnt over er det best å velge en kontrastfarge på knappene slik at de har en farge som skiller seg ut fra de andre i fargepaletten din.
    
   For å sikre at du har valgt den beste fargen for dine knapper kan det være en god idé å A/B teste med to forskjellige farger. På den måten får du innsikt i hvilke farger akkurat dine brukere syntes det er mest fristende å klikke på.
   
   Å skreddersy nettsiden etter hvilke preferanser dine brukere og potensielle kunder har er et verdifullt grep som kan øke konverteringsraten. A/B testing er et godt verktøy å bruke i denne sammenhengen.
   
6. Blå betyr tillit
   
   Lengre opp i artikkelen snakket vi om forbindelsen mellom fargen blå og sosiale medier. Facebook, Linkedin og tidligere Twitter (før den hvite fuglen med den blå bakgrunnen ble en X på en sort bakgrunn) er SoMe-plattformer som har logo i blått.
   
   En god grunn til å ha gått for dette er fordi flere studier har vist at de aller fleste assosierer blå som en farge som signaliserer pålitelighet. Fargen blå kan vi også se igjen i flere norske banker, som for eksempel Nordea og Sparebank 1. Blånyanser, og spesielt mørk blå, kan derfor være med på å få merkevaren din til å oppfattes som mer pålitelig.

Gjør valget enkelt med et ferdig tema for nettsiden din

Prosessen med å velge farger og lage en fargepalett til nettsiden din kan gjøres fortere og enklere ved hjelp av ferdiglagde maler og temaer. Vi skal se nærmere på dette:

Legg til fargetemaer i vår brukervennlige nettsidebygger

Når du lager en nettside med one.com sin nettsidebygger kan du velge mellom mange forskjellige temaer hvor fargepaletten allerede er bestemt for deg. Da kan du enten fortsette å bruke den fargepaletten som er satt, eller så kan du også tilpasse temaet og endre til farger du foretrekker.

Nettsidebyggeren gir deg også forslag til farger som går godt sammen og forsikrer at CTA-knappene dine har den samme fargen. 

Om du vil se hvor enkelt det er å aktivere og redigere et fargetema i nettsidebyggeren kan du lese vår steg-for-steg guide her.

Nettsidebyggeren er inkludert i alle våre hostingpakker. Les mer om det her.

WordPress-temaer og farger

Foretrekker du å lage nettsider med WordPress? Da kan du velge mellom tusen forskjellige temaer som er lagd av dyktige designere som vet hvordan man setter sammen de beste fargepalettene. Du får også 40 justérbare maler som du kan redigere og gjøre unik. Du kan lese mer om hvordan du gjør det her. 

Legg til farger på nettsiden din!

Farger på nettsiden din hjelper deg å tilpasse brukeropplevelsen, øke webtilgjengeligheten, styrke merkevaren din og øke salg. Derfor er det verdt å investere litt tid i å velge en god fargepalett som passer godt inn både merkevaren, konseptet og visjonen din.