6 kleuren waarvan is bewezen dat ze de verkoop stimuleren

Kleur kan ons op onverwachte manieren beïnvloeden. Het kan:

• de smaak van warme chocolademelk veranderen
• onze hartslag veranderen
• ons sterker en sneller maken

Als het dat allemaal kan, kan het dan koopgewoonten veranderen?

Jep.

De emotionele effecten van verschillende kleuren zijn goed gedocumenteerd.

Bron

Het is duidelijk dat elk van deze kleuren een tweesnijdend zwaard is – blauw kan gemakkelijk kil overkomen, of rood schrikt mensen af.

Maar goed gedaan, kan kleur worden benut om conversies te beïnvloeden.

Het effect kan grimmig zijn.

Zo zegt 85% van de shoppers dat kleur hun belangrijkste reden is om een product te kopen. En 66% van de mensen zal een product niet kopen tenzij het wordt geleverd in hun voorkeurskleur.

Daarover gesproken, wat zijn precies de voorkeurskleuren van mensen? Kunnen ze worden voorspeld?

Ja, maar alleen vaag. Mensen kiezen kleuren op basis van hoe ze zich op dat moment voelen, hoewel er enkele constante trends zijn.

Bron

Als bepaalde stemmingen ons aan bepaalde kleuren kunnen doen denken, is het omgekeerde ook waar. Kleuren kunnen veranderingen in stemming teweegbrengen:

Bron

Dit betekent dat we elementen in het ontwerp van websites kunnen gebruiken om emotionele veranderingen bij onze bezoekers teweeg te brengen, waardoor conversies toenemen.

Daarnaast kunnen kleuren sterk beïnvloeden hoe een bedrijf door bezoekers en klanten wordt gezien. Kleuren dragen het beste bij aan conversies wanneer ze de merkpersoonlijkheid versterken.

Het is een koorddans.

De juiste kleur zal uw conversies verhogen.

Hoe zorgen we ervoor dat we de juiste kleuren gebruiken?

Hier zijn er 6 met een solide staat van dienst.

1: Rood

Wetenschappers van de Universiteit van Durham publiceerden in 2005 onderzoek waaruit bleek dat atleten die rood droegen, meer kans hadden om hun tegenstanders te verslaan: ‘We find that wearing red is consistently associated with higher probability of winning,’ wrote Russell Hill and Robert Barton.

Red’s associated with urgency, danger and power. Dat klinkt als een krachtige combinatie waar je voorzichtig mee om zou willen gaan, en je hebt gelijk. Je moet rood spaarzaam gebruiken. Maar je moet het absoluut gebruiken!

Wat doet rood voor de verkoop?

Rood zet aan tot actie. Als je iemand al hebt klaargestoomd om te kopen met een goed ontwerp (dat niet allemaal knalrood is) en solide tekst, dan kunnen je rode ‘koop nu’-knoppen geweldig werken.

Waar kun je het in actie zien?

Elke fysieke verkoop ooit: alle verkoopborden zijn rood, en het is niet alleen een conventie. Tegen de tijd dat Black Friday rond rolt, zijn mensen al klaar om iets te vinden met 99% korting en het te kopen. De trigger die ze nodig hebben is om te kopen van deze winkel in plaats van die ene, dus verkoop borden zijn helder, dringend, act-nu rood.

Waar moet je het gebruiken?

Rood is effectiever voor impulsaankopen, dus het is een gemeenschappelijke koopknop keuze op e-commerce websites. Maar het is ook effectiever voor B2B softwareleveranciers. Toen HubSpot de kleur van de CTA-knop voor Performable A/B testte, scoorde rood 21% beter dan groen.

Bron

Rood lijkt over de hele linie het best te presteren.

Bron

2: Blauw

Blauw stimuleert indirect de verkoop. Het wordt geassocieerd met kalmte, rust en stabiliteit, wat betekent dat het een populaire kleur is voor financiële instellingen.

Het is ook een populaire kleur wanneer je mensen wilt laten denken aan veiligheid en sereniteit. Dus voor grote artikelen waar veel van afhangt, wordt vaak blauw gebruikt.

Wat doet blauw voor de verkoop?

Blauw kan de verkoop indirect stimuleren, door angst aan te pakken voordat het ontstaat. Met rood proberen we het zenuwstelsel op te wekken – we willen dat mensen gaan zitten, opletten, en beseffen dat het nu tijd is om te kopen. Met blauw is het precies andersom: in plaats van koopintentie op te wekken, onderdrukken we angst.

Dat maakt blauw een goede keuze voor achtergrond- en conversie-elementen op websites die te maken hebben met intrinsiek enge dingen, zoals financiën, medicijnen of verzekeringen.

Waar kun je het in actie zien?

De meeste financiële en verzekeringswebsites zullen blauw gebruiken. Lichter blauw geeft een gevoel van vrijheid en veiligheid, terwijl donkerder blauw wordt geassocieerd met traditie, ernst en intelligentie. Paypal maakt gebruik van beide, terwijl andere sites voor financiële diensten voor konings- en marineblauw gaan vanwege hun associatie met sobere veiligheid.

Bron

Noteer het gebruik van een contrasterende kleur – met de tegenovergestelde emotionele associaties – voor koppen.

Kijk ook eens naar Versies. Versions maakt SVN toegankelijk voor ontwerpers en ontwikkelaars die er niet bekend mee zijn (of een eenvoudigere interface willen), en gebruikt zowel blauwe als groene knoppen – de ene voor downloaden, de andere voor kopen.

Source

Waar moet je het gebruiken?

Gebruik blauw wanneer je verkoop afhangt van het uitstralen van een beeld van betrouwbaarheid en ernst. Het maakt goede conversie-elementen tegen een witte achtergrond, en blauwe en gele tekst samen worden beschouwd als de meest leesbare. Dus ondanks dat het rustgevende kleuren zijn, kunnen ze het meest zichtbaar zijn – en de meerderheid van de kleurenblinden zijn rood-groen kleurenblind en kunnen blauw en geel zien.

3: Groen

Groen wordt geassocieerd met het milieu – ‘groen’ is een één-woord-verwijzing voor de hele verspreiding van natuurlijk, organisch, milieuvriendelijk. Het wordt dus gebruikt door bedrijven die een soortgelijk publiek willen aanspreken of die op één lijn zitten met soortgelijke belangen, zelfs als er geen direct verband is.

Is deze yogastudio bijzonder milieuvriendelijk? Misschien. Waarschijnlijk spreekt het mensen aan die dat als iets positiefs beschouwen.

Deze instinctieve associatie wordt gestaafd door onderzoek waaruit blijkt dat blootstelling aan groen, in tegenstelling tot andere kleuren, mensen creatiever kan maken.

Naast de connotaties die groen heeft met het buitenleven en het milieu, is groen het ‘ga’-signaal bij stoplichten. Groene conversie-elementen zijn zinvol voor aankopen die minder als dringend en meer als toegestaan aanvoelen – zoals het kopen van high-end consumententechnologie.

Wat doet groen voor de verkoop?

Groen is een solide CTA- en koopknopkeuze.

Way back in 2010, RIPT Apparel besloten om hun eerste A / B test te proberen, het vervangen van een zwarte koopknop met een groene.

Bron

Het resultaat was een 6,3% conversie sprong.

Waar kun je het in actie zien?

Computing gigant Dell lijkt dit artikel te lezen. Op hun productpagina’s gebruiken ze blauw voor betrouwbaarheid en intelligentie – en een rode aanbiedingsbanner om me het gevoel te geven dat het dringend is dat ik er nu op klik.

Scroll echter naar beneden en je ziet dat al hun conversie-elementen groen zijn.

Waar moet je het gebruiken?

Witte ruimte en contrasterende kleuren, of op plaatsen waar het de visuele hiërarchie kan domineren en de aandacht kan afdwingen zonder te schreeuwen. Als u denkt dat uw kopers eerder behoefte hebben aan een groen licht dan aan een brandverkoop, zijn groene koopknoppen ook het testen waard.

Groen lijkt het beste te werken op sites die consumentenelektronica verkopen, waar het iets beter presteert dan rood.

Bron

4: Paars

Paars wordt geassocieerd met koningschap, rijkdom en macht – ooit waren er wetten die gewone mensen verboden deze kleur te dragen. In de moderne tijd is het een gedurfde kleur die niet is beladen met de ‘doe het nu!’ urgentie van rood, of de ‘we zullen u helpen met uw belastingen’ ernst van blauw. Het komt ook met connotaties van spiritualiteit en creativiteit.

Het is de moeite waard om eens te kijken wie er van paars houdt:

Het staat in de top drie voor vrouwen:

… en de onderste drie voor mannen.

Bron

Dus we kunnen het zien als een soort ‘roze voor volwassenen’ – merk niet met paars als uw doelgroep bestaat uit mainstream volwassen mannen, en verwacht ook niet dat deze mensen staan te popelen om op koopknoppen in paars te klikken.

Wat doet paars voor de verkoop?

Paars is een heldere kleur, en het is complementair met geel-groen en analoog met roze en blauw. (Maak je site niet groen en paars, tenzij je ontwerpen hebt over Gotham City). Dus het wordt vaak gebruikt op sites met veel wit en zwart als een opvallende splash voor branding, menu-items of conversie-elementen.

Waar kun je het in actie zien?

Roku, het tv-streamingbedrijf, gebruikt paars voor zijn branding. Het wordt ook gebruikt voor menu-elementen op de site.

Waar zou je het moeten gebruiken?

In de praktijk is paars een geweldige opvallende kleur voor branding en conversie-elementen op sites die een gedempt blauw – crème – bruin kleurenschema gebruiken dat bedoeld is om ernst en competentie over te brengen. Dat is een gebruikelijke keuze voor financiële bedrijven, maar educatieve organisaties zoals Pearsons gebruiken het met hetzelfde effect.

Bedenk dat de tint of kleurschakering sterk van invloed zal zijn op hoe uw paarse elementen overkomen. Als je niet wilt dat ze vrouwelijk overkomen, ga dan voor een hoge verzadiging en diepe tinten, en combineer ze met blauw. Als je dat wel wilt, ga dan voor sterke, lichte tinten en combineer ze met roze en rood.

Eén ding over paars? Het valt op. Maak het vet voor de juiste redenen, en je hebt een solide alternatief voor de BOB.

5: Zwart

Je zou denken dat zwart niet veel zou spelen in de meeste websites kleurenschema’s. En je zou gelijk hebben: de meeste sites kiezen voor witruimte, en een paar sterke kleuren. Maar zwart kan krachtig zijn.

De merken die zwart goed gebruiken zijn luxe of high-end merken, die verkopen aan een voornamelijk mannelijk publiek. Rolls-Royce. Lamborghini. Rutgers University.

Merk je de trend?

Wat doet zwart voor de verkoop?

Zwart maakt geen geweldige conversie-elementen, omdat het moeilijk te zien is, behalve als omlijning. Maar een zwart-wit kleurenschema geeft je automatisch contrast. Squarespace gebruikt een witte knop op hun zwarte achtergronden:

Op hun lichter gekleurde achtergronden is de knop zwart met witte tekst:

Dit besluit geeft ze de vrijheid om een reeks kleuren en tinten te gebruiken in hun beeldmateriaal, in de wetenschap dat hun zwart/witte branding overal tussen zal opvallen.

Waar kunt u het in actie zien?

Kijk naar elk luxe merk met een mannelijke clientèle en u zult waarschijnlijk veel zwart zien. Bijvoorbeeld Rolls Royce:

Rum merk Don Q krijgt ook een aantal kilometers uit van zwart, koppelen met goud en een lijn van het kopiëren gericht op jonge mannen die willen zijn verfijnd.

Waar moet je het gebruiken?

Als je niet verkoopt luxe auto’s, gebruik zwart spaarzaam. Maar het kan een effectieve kleur zijn als element, zelfs op een lichtgekleurde website.

6: Oranje

Oranje is een heldere, gedurfde kleur die niet de hartverzwarende urgentie van rood heeft. Het heeft ook niet zo veel te lijden als rood doet van het worden afgezwakt en getint – bleek rood is niet gemakkelijk voor het oog, en donker rood zijn moeilijk om tekst tegen te zien, maar oranje zal een veel groter toonbereik ondersteunen.

Dat is de technische kant. Oranje komt veel voor op veel websites, waar het wordt gebruikt voor oproepen tot actie en koopknoppen. Het valt duidelijk op tegen veel verschillende achtergronden, en een deel van zijn succes kan te danken zijn aan het feit dat het een relatief zeldzame merkkleur is, zodat een oranje knop vaak het enige oranje ding op de pagina is.

Wat doet oranje voor de verkoop?

Oranje is een veel voorkomende keuze voor conversie-elementen in schone, eenvoudig ogende websites. Het onderscheidt zich duidelijk van de meeste kleurenschema’s en het is een kleur waar mensen zich positief over voelen – ook al staat het zowel bij mannen als vrouwen in de onderste drie kleuren.

Waar kun je het in actie zien?

Penguin heeft oranje branding, oranje abonneerknoppen…

En oranje koopknoppen.

Basically, everything clickable on the page is orange.

And check out how Blogger uses orange.

Het is een klassieke, eenvoudige inschrijfpagina.

Maar het is ook een achtergrondschuifbalk. Als de schuif draait, zien we nog twee achtergrondkleuren.

Teal maakt plaats voor blauw…

Maar de inschrijfknop blijft oranje, omdat hij er helder, leesbaar en coherent uitziet tegen al die verschillende achtergronden.

Hoe moet u het gebruiken?

Kijk eens hoe Harley Davidson oranje gebruikt:

Tegen een donkere achtergrond springt fel oranje eruit. De kleur komt terug in de menu-items en zelfs in het rood van de achterveren van de motorfiets. Het belangrijkste is dat de hele site in de kleuren van het logo is: zwart, oranje en wit.

Conclusie

Sommige kleuren zijn effectief omdat ze urgentie stimuleren, andere omdat ze angst kalmeren. Sommige werken door gevoelens van veiligheid op te roepen. Weer andere doen denken aan opwinding en gevaar.

Dus welke moet je gebruiken?

Het is van vitaal belang om de kleuren die je gebruikt af te stemmen op je merkidentiteit. Als uw merk gaat over opwinding, macht en vrijheid, dan kleuren zoals Harley Davidson’s zou kunnen werken geweldig voor je. Victoria’s Secret gebruikt een heel ander kleurenschema, omdat hun merk gaat over iets heel anders.

Nooit gaan tegen branding wanneer u het maken van een kleur choice.

buiten dat, hoewel, kleur advies is slechts indicatief. Sommige van deze kleuren hebben harde feiten om aan te tonen dat ze conversies verbeterden – voor iemand anders. HubSpot zei het het beste: ‘Het meeste wat we kunnen zeggen is dat ze gelden voor de omstandigheden waarin ze zich voordeden: in dit paginaontwerp, op deze site, met het publiek dat het heeft bekeken.’

Of ze conversies op uw site zullen verbeteren, is een andere vraag.

De enige manier om erachter te komen hoe uw verkoop zal worden beïnvloed door de kleur van uw koopknoppen en CTA’s te wijzigen, is door uw eigen tests uit te voeren.

• Auteur
• Recent Posts

Richard Bayston maakt copy en content op RBCopywriting.com, meestal over tech, digitale marketing en contentstrategie. Als hij dat niet doet, is hij aan het kibbelen met zijn vrouw en de antwoorden aan het Googelen.

Laatste berichten van Richard Bayston (zie alle)

• 6 Kleuren waarvan bewezen is dat ze de verkoop stimuleren – 21 maart 2020
• Muisrecorder: Hoe u uw bezoekers kunt zien interageren – 15 januari 2018
• 5 Verschrikkelijke websites die u zou moeten kopiëren – 4 oktober 2017