Laddar

← Tillbaka till listan

Färg och känsla – vad kommunicerar din webbplats?

Färger påverkar hur vi uppfattar en webbplats.

Vi ser färg innan vi läser text. På bara några sekunder kan färger bidra till att en webbplats känns trygg, energisk, exklusiv eller lekfull. Men färgpsykologi är mer än att välja en färg och hoppas att besökaren känner rätt

Färg är en del av kommunikationen

Tänk på två webbplatser.

Den ena använder mörka färger, mycket kontrast och dämpade toner. Den andra använder ljusa färger, stora färgfält och tydliga accenter.

Även om de säljer exakt samma tjänst kommer de sannolikt att uppfattas olika.

Det beror på att färg inte bara är dekoration.

Färg är information.

Den hjälper oss att förstå vad som är viktigt, vilken känsla ett företag vill förmedla och ibland även vad vi förväntas göra.

Därför är färgvalet på en webbplats sällan något som bara bör göras efter personlig smak.


Blått är inte alltid tryggt

Blått är ett vanligt exempel när man pratar om färgpsykologi.

Det förknippas ofta med exempelvis trygghet, stabilitet och professionalism. Därför syns blått ofta inom teknik, finans och andra branscher där förtroende är viktigt.

Men det betyder inte att:

blå = trygg

och

röd = farlig.

Så enkelt fungerar det inte.

Samma färg kan uppfattas helt olika beroende på nyans, kombination, typografi, bilder och sammanhang.

En mörk marinblå färg tillsammans med en elegant typografi kan ge ett helt annat intryck än en intensiv klarblå färg tillsammans med stora illustrationer och lekfulla former.

Det är helheten som skapar upplevelsen.


Färg fungerar tillsammans med varumärket

Det här är också anledningen till att färgval behöver hänga ihop med företagets identitet.

Ett företag som arbetar med barn och familjer kanske vill ha ett uttryck som känns varmt och tillgängligt.

Ett företag inom avancerad teknik kanske vill kommunicera precision och innovation.

En exklusiv restaurang kan vilja skapa en mörkare och mer sofistikerad känsla.

Det finns inget universellt rätt färgschema.

Frågan är snarare:

Vad ska färgerna hjälpa företaget att kommunicera?

När den frågan besvaras blir det betydligt enklare att välja färger medvetet.


Det är inte bara huvudfärgen som spelar roll

En vanlig missuppfattning är att ett företags färgpalett bara handlar om en huvudfärg.

I praktiken behöver en webbplats ofta flera färger som har olika funktioner.

En primär färg kan bära varumärket.

En sekundär färg kan skapa variation.

Neutrala färger som vitt, grått eller svart kan ge struktur och balans.

Och en accentfärg kan användas för att dra uppmärksamhet till något särskilt viktigt.

Det kan exempelvis vara en knapp, ett pris eller ett meddelande.

Det betyder att färg också kan användas för att skapa visuell hierarki.


Om allt sticker ut, sticker inget ut

Här blir det intressant.

Om varje knapp på webbplatsen har en stark färg, om varje rubrik har en egen accent och om bakgrunden byter färg mellan varje sektion kan sidan snabbt kännas rörig.

Färg fungerar bäst när den har en tydlig roll.

Tänk på en webbplats där nästan allt är neutralt och en enda färg används för viktiga knappar.

Då får färgen automatiskt större betydelse.

Besökaren lär sig:

Den här färgen betyder att jag kan göra något.

Det skapar en visuell logik.

Och när samma logik återkommer på hela webbplatsen blir upplevelsen enklare att förstå.


Kontrast handlar inte bara om design

Färg påverkar också hur lätt en webbplats går att använda.

Text måste kunna läsas mot bakgrunden. Knappar behöver synas. Viktiga element behöver gå att skilja från resten av sidan.

Det är särskilt viktigt för personer som har nedsatt syn eller färgseende.

En design kan därför vara visuellt snygg men ändå fungera dåligt om kontrasten är för låg.

Det är ytterligare ett exempel på varför bra webbdesign inte bara handlar om vad vi tycker är snyggt.

Den måste fungera för människor.


Färg på skärmen är inte alltid färg i verkligheten

Det finns dessutom en teknisk sida av färg.

En färg som ser ut på ett visst sätt på en skärm kan uppfattas annorlunda på en annan skärm. Och när samma färg ska användas i tryck, på skyltar eller på profilmaterial blir förutsättningarna ännu annorlunda.

Därför används olika färgsystem beroende på sammanhang.

På webben arbetar vi exempelvis ofta med HEX och RGB.

I tryck används bland annat CMYK och ibland särskilda färgsystem som Pantone.

Det kan låta tekniskt, men det har en praktisk betydelse.

Om ett företag har valt en specifik orange färg som en viktig del av sin identitet vill man gärna att den ser någorlunda konsekvent ut på webbplatsen, visitkortet, skylten och arbetskläderna.


Färg ska fungera även när du tar bort logotypen

Ett bra test är att titta på en webbplats utan att tänka på företagets namn.

Kan du fortfarande känna igen uttrycket?

Det är en intressant fråga.

När färger, typografi, bilder och former används konsekvent kan de tillsammans bli en del av företagets visuella signatur.

Precis som vi kan känna igen ett varumärke genom en viss typografi eller form kan vi också börja känna igen det genom färg.

Det är en av anledningarna till att konsekvens är så viktigt.


Våga använda färg – men använd den medvetet

Det finns också en motsatt risk.

I jakten på en minimalistisk och stilren design kan företag bli så försiktiga att webbplatsen till slut saknar personlighet.

Allt blir vitt, grått och svart.

Det kan fungera utmärkt för vissa företag.

För andra kan det göra att webbplatsen känns anonym.

Färg behöver alltså inte vara högljudd för att vara tydlig.

En liten mängd färg kan ibland göra större skillnad än en hel sida fylld med färg.

Det viktiga är att färgen har en funktion och en tanke bakom sig.


Börja med känslan – inte färgkoden

När ett företag ska välja färger är det lätt att börja med:

”Jag gillar blått.”

Men en bättre fråga är:

”Hur vill vi att människor ska uppfatta oss?”

Ska företaget kännas:

  • tryggt?
  • modernt?
  • personligt?
  • exklusivt?
  • kreativt?
  • tekniskt?
  • varmt?
  • energiskt?

Därefter kan man börja undersöka vilka färger, nyanser och kombinationer som stödjer den riktningen.

Det gör färgvalet mer strategiskt och mindre slumpmässigt.


Färgen är bara en del av helheten

Det är också viktigt att komma ihåg att färg aldrig arbetar ensam.

Samma lila färg kan kännas exklusiv i en miljö och lekfull i en annan.

Samma gröna färg kan kännas naturlig i ett sammanhang och teknisk i ett annat.

Det är kombinationen av färg, typografi, bilder, former, innehåll och funktion som skapar den digitala upplevelsen.

Och det är precis därför digital psykologi är så intressant.

Det handlar inte om enskilda knep.

Det handlar om hur många små detaljer tillsammans påverkar hur vi uppfattar en webbplats.


Nästa del

Del 3 – Valets paradox: Varför fler alternativ inte alltid är bättre.

När en webbplats ger besökaren för många val kan det bli svårare att faktiskt fatta ett beslut. Nästa del handlar om varför.