6 färger som bevisligen ökar försäljningen

Färger kan påverka oss på oväntade sätt. Den kan:

• Förändra hur varm choklad smakar
• Förändra vår hjärtfrekvens
• Få oss att bli starkare och snabbare

Om den kan göra allt detta, kan den då förändra inköpsvanor?

Ja.

De känslomässiga effekterna av olika färger är väldokumenterade.

Källa

Oppenbarligen är var och en av dessa färger ett tveeggat svärd – det är lätt för blått att framstå som kallt, eller rött att skrämma bort folk.

Men rätt utförd kan färg användas för att påverka konverteringar.

Effekten kan vara stark.

Till exempel säger 85 % av köparna att färgen är den främsta anledningen till att de köper en produkt. Och 66 % av alla köper inte en produkt om den inte finns i den färg de föredrar.

Apropå det, vad exakt är det som folk föredrar för färg? Kan man förutsäga dem?

Ja, men bara vagt. Människor väljer färger utifrån hur de känner sig för tillfället, även om det finns vissa konstanta trender.

Källa

Om vissa sinnesstämningar kan få oss att tänka på vissa färger, är det motsatta också sant. Färger kan utlösa förändringar i humör:

Källa

Som innebär att vi kan använda webbplatsens designelement för att utlösa känslomässiga förändringar hos våra besökare, vilket ökar konverteringarna.

Färgerna kan dessutom starkt påverka hur ett företag ses av besökare och kunder. Färger bidrar bäst till konverteringar när de förstärker varumärkets personlighet.

Det är en spännvidd.

Den rätta färgen kommer att öka dina konverteringar. Och fel färg kommer att avvisa människor.

Hur ser vi till att vi använder rätt färger?

Här är 6 stycken med en gedigen erfarenhet.

1: Röd

Vetenskapsmän vid Durhams universitet publicerade 2005 forskning som visade att idrottsmän som bar rött var mer benägna att slå sina motståndare: Vi finner att det är konsekvent att bära rött är förknippat med högre sannolikhet att vinna”, skriver Russell Hill och Robert Barton.

Rött är förknippat med brådska, fara och makt. Det låter som en potent kombination som du kanske vill gå försiktigt omkring, och du har rätt. Du bör använda rött sparsamt. Men du bör absolut använda det!

Vad gör rött för försäljningen?

Rött utlöser handling. Om du redan har förberett någon för att köpa med bra design (som inte bara är knallröd) och en solid text kan dina röda ”köp nu”-knappar fungera utmärkt.

Var kan du se det i praktiken?

Alla fysiska försäljningar någonsin: alla försäljningsskyltar är röda, och det är inte bara en konvention. När Black Friday kommer är folk redan förberedda på att hitta något med 99 % rabatt och köpa det i massor. De behöver en utlösande faktor för att köpa från den här butiken snarare än den andra, så försäljningsskyltarna är ljusa, brådskande och röda.

Var ska du använda den?

Rött är effektivare för impulsköp, så det är ett vanligt val av köpknapp på e-handelswebbplatser. Men det är också mer effektivt för B2B-programvaruförsäljare. När HubSpot A/B-testade CTA-knappens färg för Performable, överträffade rött grönt med 21 %.

Källa

Rött verkar fungera bäst över hela linjen.

Källa

2: Blått

Blått ökar försäljningen indirekt. Den förknippas med lugn, stillhet och stabilitet, vilket innebär att det är en populär färg för finansinstitut.

Det är också en populär färg när du vill få folk att tänka på säkerhet och lugn. Därför används ofta blått för stora varor som har mycket att vinna.

Vad gör blått för försäljningen?

Blått kan öka försäljningen indirekt, genom att hantera ångest innan den uppstår. Med rött försöker vi utlösa en väckning av nervsystemet – vi vill att folk ska sitta upp, lägga märke till det och inse att det är dags att köpa nu. Med blått är det tvärtom – i stället för att väcka köpviljan dämpar vi ångesten.

Det gör blått till ett bra val för bakgrunds- och konverteringselement på webbplatser som handlar om skrämmande saker som ekonomi, medicin eller försäkringar.

Var kan du se det i praktiken?

De flesta finans- och försäkringssajter kommer att använda blått. Ljusare blått ger en känsla av frihet och trygghet, medan mörkare blått förknippas med tradition, allvar och intelligens. Paypal använder båda färgerna, medan andra webbplatser för finansiella tjänster använder sig av kunglig och marinblått för att de associerar till nykter säkerhet.

Källa

Bemärk användningen av en kontrasterande färg – med motsatta känslomässiga associationer – för rubriker.

Kontrollera även Versioner. Versions erbjuder sig att öppna upp SVN för designers och utvecklare som inte är bekanta med det (eller vill ha ett enklare gränssnitt) och använder både blå och gröna knappar – en för nedladdning och en för köp.

Källa

Var ska du använda det?

Använd blått när din försäljning är beroende av att du ger en bild av tillförlitlighet och seriositet. Det ger bra konverteringselement mot en vit bakgrund, och blå och gul text tillsammans anses vara de mest läsbara. Så trots att de är lugnande färger kan de vara de mest synliga – och majoriteten av färgblinda personer är röd-gröna färgblinda och kan se blått och gult.

3: Grönt

Grönt associeras med miljön – ”grönt” är ett enordigt ord för hela spridningen av naturligt, ekologiskt, miljövänligt. Så det används av företag som vill tilltala liknande målgrupper eller som ansluter sig till liknande intressen, även om det inte finns någon direkt koppling.

Är denna yogastudio särskilt miljövänlig? Kanske. Förmodligen tilltalar den bara människor som ser det som något positivt.

Denna instinktiva association har en del bevis som stöder den: studier tyder på att exponering för grönt, i motsats till andra färger, kan göra människor mer kreativa.

Samt dess utomhus- och miljökonnotationer är grönt en ”kör”-signal vid stoppljus. Gröna konverteringselement är lämpliga för köp som känns mindre brådskande och mer som tillåtelse – som att köpa avancerade konsumenttekniker.

Vad gör grönt för försäljningen?

Grönt är ett bra val för CTA- och köpknappar.

Redan 2010 bestämde sig RIPT Apparel för att prova sitt första A/B-test och ersatte en svart köpknapp med en grön.

Källa

Resultatet blev ett konverteringshopp på 6,3 %.

Var kan du se det i praktiken?

Datorjätten Dell tycks läsa denna artikel. På deras produktsidor använder de blått för tillförlitlighet och intelligens – och en röd erbjudandebanner för att få mig att känna att det är brådskande att jag klickar på den nu.

Rulla nedåt och du kan se att alla deras konverteringselement är gröna.

Var ska du använda den?

Vita utrymmen och kontrasterande färger, eller på platser där den kan dominera den visuella hierarkin och väcka uppmärksamhet utan att skrika. Om du tror att dina köpare är mer benägna att behöva ett grönt ljus än en brandförsäljning är gröna köpknappar också värda att testa.

Grönt verkar fungera bäst på webbplatser som säljer konsumentelektronik, där det är något bättre än rött.

Källa

4: Lila

Lila förknippas med kunglighet, rikedom och makt – en gång i tiden fanns det lagar som förbjöd vanliga människor att bära färgen. I modern tid är det en djärv färg som inte är laddad med det brådskande ”gör det nu!” som rött har, eller det allvarliga ”vi hjälper dig med dina skatter” som blått har. Den har också associationer till andlighet och kreativitet.

Det är värt att ta en titt på vem som gillar lila:

Den är bland de tre främsta för kvinnor:

… och bland de tre nedersta för män.

Källa

Så vi kan se det som ett slags ”rosa för vuxna” – använd inte lila som varumärke om din målgrupp är vuxna män i huvudfåran, och förvänta dig inte heller att dessa människor ska vara angelägna om att klicka på köpknappar i lila.

Vad gör lila för försäljningen?

Lila är en ljus färg som kompletterar gulgrönt och är analogt med rosa och blått. (Gör inte din webbplats grön och lila om du inte har planer på Gotham City). Därför används den ofta på webbplatser med mycket vitt och svart för att framhäva varumärket, menyalternativ eller konverteringselement.

Var kan du se den i praktiken?

Roku, företaget för tv-streaming, använder lila för sitt varumärke. Den används också för menyalternativ på webbplatsen.

Var ska du använda den?

Praktiskt sett ger lila en utmärkt färg för varumärkes- och konverteringselement på webbplatser som använder en dämpad färgskala med blått – gräddbrunt – brunt som är avsedd att förmedla seriositet och kompetens. Det är ett vanligt val för finansiella företag, men utbildningsorganisationer som Pearsons använder den med samma effekt.

Tänk på att nyansen eller toningen kommer att påverka hur dina lila element kommer fram. Om du inte vill att de ska framstå som feminina ska du satsa på hög mättnad och djupa nyanser och kombinera dem med blått. Om du vill det, ta det åt andra hållet till starka, ljusa nyanser och kombinera dem med rosa och röda.

En sak med lila? Den sticker ut. Gör det djärvt av rätt skäl och du har ett bra alternativ till BOB.

5: Svart

Du skulle inte tro att svart skulle spela någon större roll i de flesta webbplatsers färgscheman. Och du skulle ha rätt: de flesta webbplatser väljer vitt utrymme och ett par starka färger. Men svart kan vara kraftfullt.

De märken som använder svart på ett bra sätt är lyx- eller högklassiga märken som vänder sig till en huvudsakligen manlig publik. Rolls-Royce. Lamborghini. Rutgers University.

Märker du trenden?

Vad gör svart för försäljningen?

Svart är inget bra konverteringselement eftersom det är svårt att se annat än som en kontur. Men ett svartvitt färgschema ger dig automatiskt kontrast. Squarespace använder en vit knapp på sina svarta bakgrunder:

På sina ljusare bakgrunder är knappen svart med vit text:

Detta beslut gör det möjligt för dem att använda en rad olika färger och nyanser i sina bilder, med vetskapen om att deras svartvita varumärke kommer att sticka ut bland allt annat.

Var kan du se det i praktiken?

Kontrollera vilket lyxmärke som helst med en manlig kundkrets och du kommer sannolikt att se mycket svart. Till exempel Rolls Royce:

Rummärket Don Q använder sig också av svart och kombinerar det med guld och en rad kopior som riktar sig till unga män som vill vara sofistikerade.

Var ska du använda det?

Om du inte säljer lyxbilar ska du använda svart sparsamt. Men det kan vara en effektiv färg som ett element, även på en ljus webbplats.

6: Orange

Orange är en ljus, djärv färg som inte har röds hjärtklappande brådska. Den lider inte heller lika mycket som rött av att vara tonad och färgad – bleka röda färger är inte lätta för ögat, och mörka röda färger är svåra att se text mot, men orange stöder ett mycket större tonalområde.

Det är den tekniska sidan. Orange förekommer flitigt på många webbplatser, där det används för uppmaningar till handling och köpknappar. Den sticker tydligt ut mot många olika bakgrunder, och en del av dess framgång kan bero på att det är en relativt sällsynt varumärkesfärg, så en orange knapp är ofta det enda orangea på sidan.

Vad gör orange för försäljningen?

Orange är ett vanligt val för konverteringselement på rena, enkelt utformade webbplatser. Den sticker tydligt ut från majoriteten av färgscheman och det är en färg som människor känner sig positivt inställda till – trots att den finns med i både mäns och kvinnors tre nedersta färger.

Var kan du se den i praktiken?

Penguin har orange varumärkesmärkning, orange prenumerationsknappar…

Och orange köpknappar.

I princip är allt klickbart på sidan orange.

Och kolla hur Blogger använder orange.

Det är en klassisk, enkel anmälningssida.

Men det är också en bakgrundsslider. När reglaget vänder sig ser vi ytterligare två bakgrundsfärger.

Teal ger vika för blått…

Men signup-knappen förblir orange, eftersom den ser ljus, läsbar och sammanhängande ut mot alla dessa olika bakgrunder.

Hur ska du använda den?

Kontrollera hur Harley Davidson använder orange:

Mot en mörk bakgrund sticker den starka orange färgen ut. Färgen återfinns i menyalternativ och återges till och med i rött på den presenterade motorcykelns bakfjädrar. Viktigast av allt är att hela webbplatsen har logotypens färger: svart, orange och vitt.

Slutsats

Vissa färger är effektiva för att de stimulerar till brådska, andra för att de lugnar ångest. Vissa fungerar genom att de framkallar känslor av trygghet. Andra väcker tankar om spänning och fara.

Så vilka ska du använda?

Det är viktigt att anpassa de färger du använder till din varumärkesidentitet. Om ditt varumärke handlar om spänning, kraft och frihet kan färger som Harley Davidsons färger fungera utmärkt för dig. Victoria’s Secret använder ett helt annat färgschema, eftersom deras varumärke handlar om något helt annat.

Gå aldrig emot varumärket när du gör ett färgval.

Och utöver det är färgråd endast vägledande. Vissa av dessa färger har hårda fakta som visar att de förbättrade konverteringarna – för någon annan. HubSpot sa det bäst: ”Det mesta vi kan säga är att de håller för de förhållanden under vilka de inträffade: i den här siddesignen, på den här webbplatsen, med den publik som tittade på den.”

Om de kommer att förbättra konverteringarna på din webbplats är en annan fråga.

Det enda sättet att ta reda på hur din försäljning kommer att påverkas av att ändra färgen på dina köpknappar och CTA:er är att göra egna tester.

• Author
• Recent Posts

Richard Bayston skapar texter och innehåll på RBCopywriting.com, mestadels om teknik, digital marknadsföring och innehållsstrategi. När han inte gör det, bråkar han vänskapligt med sin fru och googlar svaren.

Senaste inlägg av Richard Bayston (se alla)

• 6 färger som bevisligen ökar försäljningen – mars 21, 2020
• Mouse Recorder: Hur du kan se dina besökare interagera – januari 15, 2018
• 5 hemska webbplatser som du bör kopiera – oktober 4, 2017