Effektfulla färger: Hur färger påverkar användaren

Av Katherine Nolan

I reklambranschen har man inte varit sena med att anamma de nya rönen inom psykologisk forskning avseende hur olika färger påverkar våra känslor och intryck. I reklamen vi ser utnyttjas den här kunskapen för att framkalla känslor eller minnen som gör att vi vill ha de varor som visas. Det är emellertid inte bara i reklambranschen som färger väljs i syfte att framkalla effekter i åskådarens undermedvetna.

---

Visa alla artiklar

---

Forskningen har exempelvis fått många arbetsgivare att välja gröna färger på arbetsplatsen, eftersom det finns tecken på att detta leder till mindre sjukfrånvaro. På University of Iowa lät Hawkeye-tränaren Hayden Fry måla de besökande lagens omklädningsrum i rosa, eftersom forskningen har påvisat att rosa omgivningar har en aggressionsreducerande effekt!

Oavsett om vi eller användarna är medvetna om det eller inte, så går det inte att förneka att webbplatsbesökarna i viss mån utvärderar egenskaperna, kvaliteten, tillförlitligheten och värdet av våra produkter eller tjänster utifrån vilka färger som används.

Färgernas betydelse

Det finns inga "bra" och "dåliga" färger. Alla färger har positiva och negativa effekter beroende på sammanhanget, och framkallar en känsla som beror på åskådarens personliga erfarenheter. Några av de effekter som de vanligaste färgerna ofta framkallar i västerlandet visas i tabellen nedan.

Färger och deras vanligaste betydelser i den västerländska kulturen

Ingenting av detta är entydigt. Eftersom färgerna har en enorm variationsförmåga är det omöjligt att dra definitiva slutsatser om deras betydelse. Att ha några viktiga begrepp klara för sig i ämnet färglära kan emellertid hjälpa oss att förstå hur den effekt en viss färg har påverkas om färgen ändras eller kombineras med andra färger. Så låt oss ta en titt!

Nyans, mättnad och ljusstyrka

Nyans fastställer basfärgen, om den visas som grön, röd, blå, orange o.s.v.

Bild 1: Nyansen bestämmer grundfärgen.

En färgs nyans har stor inverkan på hur den uppfattas. En färg i mitten av spektrumets röda avsnitt uppfattas som mer hotfull, eller eventuellt mer passionerad, än en som ligger närmare orange, medan rött med en nyans åt det rosa hållet är en lugnare färg.

Mättnad syftar på mängden grått i en färg och avgör hur "klar" den är.

Bild 2: Mättnad syftar på mängden grått i en färg.

En allmän regel: kvinnor föredrar ofta mindre mättade färger, medan män brukar föredra mer mättade.

Ljusstyrka syftar på en färgs "vithet" eller intensitet. Ljusstyrkan för varje enskild färg sträcker sig från rent vitt till svart.

Bild 3: Ljusstyrka syftar på en färgs vithet eller intensitet.

Genom att använda samma färg med olika ljusstyrka för färgerna på en webbplats kan du åstadkomma ett harmoniskt färgschema. Generellt sett känns färger med högre ljusstyrka lättare, medan färgerna mot skalans mörkare del uppfattas som mer "allvarliga" färger.

Med webbplatsutvecklings- och webbplatshanteringsverktyget Microsoft FrontPage® kan du justera varje färgs egenskaper separat och därigenom styra webbplatsens psykologiska effekt på besökarna.

• I FrontPage klickar du på knappen Anpassa i dialogrutan Fler färger om du vill visa värdena för nyans, mättnad och ljusstyrka (Nyans, Mättnad, Ljusstyrka) för den färg som du har valt.
• Genom att använda skjutreglaget eller modifiera de numeriska värdena kan du ändra värdet för respektive egenskap separat, och genast se hur färgen påverkas.

Skapa effektiva färgscheman

De av oss som inte har en konstnärlig bakgrund kan tycka att det är svårt att kombinera färger för att skapa känsloladdade och attraktiva färgscheman. Ett bra tips är att besöka webbplatser som presenterar arbeten av artister eller konstnärer, eftersom de oftast är särskilt duktiga på att använda färger för att skapa en viss stämning. Du kan lära dig mycket av att studera hur olika artister använder färger. Att besöka en artists webbplats och fundera över de budskap som färgerna förmedlar hjälper dig dessutom att utveckla din egen känsla för färger och din förmåga att välja effektiva kombinationer.

Färgernas placering i färgpaletten i FrontPage gör det lättare för dig att skapa harmoniska färgscheman när du väl har valt några grundfärger. Genom att följa en linje med färger antingen diagonalt eller vågrätt kan du skapa en palett med färger som fungerar bra ihop och som du sedan väljer bland.

Bild 4: Remsor med färg så som de visas i färgpaletten i FrontPage.

Titta på den enkla webbplatslayouten nedan, som visas i tre olika färgkombinationer, och svara på frågorna för att se vilken effekt färgerna har på dig. Givetvis har du i detta fall bara färgen att gå på, så var uppmärksam på ditt första intryck!

Bilderna 5, 6 och 7: Det första intrycket beror ofta på färgschemat.

• På vilken webbplats säljs de dyraste/billigaste produkterna?
• Vilken webbplats skulle du känna dig mest/minst trygg att handla på?
• Om du exempelvis sökte efter ekonomisk information, vilken webbplats skulle du välja i första/sista hand?
• Kvinnan berättar en "hemlighet" för dig. Vad tror du att det rör sig om i respektive fall?

Olika personer kan mycket väl svara olika på de här frågorna. Hur vi uppfattar olika färger är kulturellt betingat och påverkas av vår dagliga erfarenhet av färgerna. Gult associeras för de flesta med glädje, men kan påminna en läkare om gulsot!

Folk som bor i varma klimat föredrar ofta klara, starka färger, medan de som bor i kallare delar av världen föredrar svalare, mer urtvättade färger. Detta kan förändras beroende på situationen. En person som bor i ett kyligare klimat kanske exempelvis föredrar varmare färger på en semesterresa än när det gäller inredningen i hemmet.

Vissa färgeffekter är emellertid universella, eller åtminstone mycket utbredda. Låt oss återigen titta på vart och ett av exemplen ovan och se hur en enkel ändring i bara färgen kan ändra det intryck man får av en webbplats.

Göra webbplatsen mer attraktiv

Vissa färgkombinationer tilltalar nästan uteslutande ett segment av marknaden. Paletten med omättade färger, som används i det första exemplet, uppfattas exempelvis ofta som en feminin färgpalett. Den lämpar sig för en webbplats som säljer skönhetsprodukter, men kanske inte för en webbplats som säljer herrkläder. En version med liknande men mer mättade färger resulterar i en webbplats som tilltalar ett bredare marknadssegment.

Bild 8: En palett med mer mättade färger kan tilltala en bredare publik.

Skapa en image av hög kvalitet

Kombinationen av starka, mycket mättade toner i brunt, orange och guld i det andra exemplet förstärker ofta de negativa aspekterna av respektive färg: billigt, påträngande och framfusigt. Genom att använda mindre intensiva färger skapar du i stället en varmare, vänligare stämning som dessutom ger intryck av hög kvalitet.

Bild 9: Mindre mättnad kan ha en värmande effekt.

Skapa intryck av en vänligare och mer tillmötesgående webbplats

Olika kombinationer av blått används ofta för att ge ett affärsmässigt och auktoritärt intryck. Det är alltså ingen slump att blått i olika nyanser ofta används på webbplatser för stora företag. Helt ensamt, om än i olika toner, kan blått uppfattas som kallt, konservativt och otillgängligt. I kombination med rött och gult blir färgschemat varmare och mer dynamiskt.

Bild 10: Blått blir varmare i kombination med rött och gult.

Praktisk information om färger på webben

Första gången du visar din webbplats på en annan dator än din egen kan ge en smärre chock. Så stor är variationen av plattformar, webbläsare, skärmtyper, storlekar, upplösningar, tillgängliga färger och användarinställningar att webbplatsen förmodligen ser lite annorlunda ut för praktiskt taget alla som besöker den. Det är oftast inget problem. Problemen uppstår bara om den ser så annorlunda ut för vissa grupper av användare att den inte ens fungerar.

Webbsäkra färger

Ofta får man höra att det är säkrast att hålla sig till de 256 färgerna i paletten med webbsäkra färger. Detta stämde förmodligen när merparten av användarna bara kunde visa just dessa färger, men enligt nya statistiska uppgifter från W3Schools, gäller den här begränsningen numera endast runt tre procent av alla användare. Ärligt talat, Internet måste se ganska tråkigt ut för dem! Jag anser inte att du behöver begränsa dig till den här paletten, men innan du publicerar webbplatsen bör du ändra visningsinställningarna på datorn och granska webbplatsen med olika färgdjup för att försäkra dig om att den fungerar för alla besökare.

Dåligt färgseende

Cirka åtta procent av männen, och något färre kvinnor, lider av någon form av färgblindhet (oftast gällande rött och grönt) så med vissa färgkombinationer kan en webbplats praktiskt taget bli oanvändbar för personer med detta handikapp.

Om du tittar på färgpaletten i FrontPage så som den ses av någon med deuteranopi (grönblindhet), som är den vanligaste formen av färgblindhet, kan du själv se hur färguppfattningen påverkas. Här ser du tydligt att det blir problematiskt för vissa personer om du väljer en palett helt från de röda eller gröna områdena i paletten.

Bild 11: Färgpaletten så som den uppfattas av personer med deuteranopi, en vanlig form av färgblindhet.

Om du vill se hur din webbplats ser ut för en användare med nedsatt färgseende eller för någon som är färgblind kan du besöka Vischeck, som är en webbplats för webbplatsutvecklare som simulerar färgblindhet.

Slutsats

Betrakta webbplatsen med kritiska ögon. Vilket budskap förmedlar färgerna? Ett bra färgschema kan ge intryck av tillförlitlighet och trovärdighet som gör att användarna känner sig trygga att handla på din webbplats eller att arbeta med dig. Ett dåligt val av färger kan avskräcka dem och skicka dem raka vägen till dina konkurrenter. Kanske är det dags att se över färgerna på webbplatsen?

---

Om du gillar den här artikeln och vill få flera intressanta och användbara Office-erbjudanden kan du prenumerera på vårt nyhetsbrev.

Visa alla artiklar

---