Editor’s note:  dit is een gastblog van George Mathew.

Het wordt vaak genegeerd, maar het kan een grote impact hebben op de conversies: kleuren en lettertypen. De kleuren hebben ongetwijfeld een invloed op de emoties en sommige kleuren hebben bewezen dat ze stemmingen kunnen veranderen. Er is een wetenschap die erachter probeert te komen hoe kleuren de conversies exact kunnen beïnvloeden.

Hoe moet je kleuren op de juiste manier gebruiken?

Modewinkels spelen vaak goed in op de kleuren. Ze bepalen als het ware de stemmingen van de klanten met hun keuze van kleuren wanneer de klanten zijn aangekomen bij de beslissing om de aankoop te voltooien.

Vaak zijn kleding / modesites ontworpen voor mensen om zo gemakkelijk bij de “aankoop beslissing” te komen.

Een specifiek gebruik van kleuren en tinten bepalen een houding – variërend van tieners en jongeren tot slimme zakelijke vrouwen. Het is ongelooflijk om te zien hoe kleuren de juiste toon kunnen zetten en kunnen overbrengen wat de site verkoopt in een paar minuten bij een bezoeker die net op de homepagina komt.

Er zijn kleuren die vertrouwen opbouwen

Wanneer het gaat om het waarde vertrouwen van online kopende bezoekers.

Facebook, een van de meest populaire sites in de wereld, maakt gebruik van een lichtblauwe kleur over de gehele site. Afgezien van het feit dat het makkelijk is voor het oog, staat de blauwe kleur ook bekend om het vertrouwen te verbeteren. Met zoveel mensen die de site gebruiken om geheime gesprekken uit te wisselen, kweekt de blauwe kleur blijkbaar vertrouwen.

In een onderzoek werden mensen ondervraagd welke kleur zij in verband zien met bepaalde woorden of emoties. Uit het onderzoek komen een aantal indrukwekkende inzichten:

Vertrouwen: in lijn met eerdere situaties associëren de meeste mensen vertrouwen met de kleur blauw (34%), gevolgd door wit (21%) en groen (11%).

Veiligheid: hier kwam blauw uit de bus (28%) voor de beste veiligheid, gevolgd door zwart (16%) en groen (12%).

Snelheid: wanneer het om snelheid gaat was rood verreweg de eerste keuze met 76%.

Lage prijs: de meeste mensen associëren een goedkope prijs met de kleur oranje (denk bijvoorbeeld aan de grote oranje knop van Amazon en de subtiele ondertoon van de kleur in het geheel) met 26%, gevolgd door geel (22%) en bruin (13%).

Hoge kwaliteit: zwart was de duidelijke winnaar (43%), daarna kwam blauw (20%). De meeste modezaken gebruiken ook overwegend zwart.

High Tech: hier was zwart de eerste keuze met 26%, waar blauw en grijs samen op de tweede plaats eindigden (beide 23%).

Betrouwbaarheid: blauw was de eerste keuze (43%), gevolgd door zwart (24%).

Moed: mensen associëren moed met de kleur paars (29%), dan rood (28%) en ten slotte blauw (22%).

Angst: rood kwam hier als eerste uit de bus (41%), gevolgd door zwart (38%).

Plezier: de eerste keuze was oranje (28%), op de voet gevolgd door geel (26%) en daarna paars (17%).

Er zijn een aantal case studies die de impact laten zien van de conversies wanneer er verschillende kleuren zijn gebruikt.

We pakken als voorbeeld de case van CareLogger erbij, een health & fitness app. Aanvankelijk hadden ze een groene call-to-action knop. Ze hebben deze getest tegen een andere variant, een rode knop. Deze rode knop kreeg maar liefst 34% meer conversies dan de groene knop.

picture1

In het geval van de uitvoerbaarheid van het veranderen van de kleur van je CTA van groen naar rood, kreeg de site een hoger click-through percentage van 21%, waardoor het click-through ook steeg met 21%.

Dus moet ik concluderen dat een rode knop beter is dan een groene knop wat conversies betreft?

Niet echt. Je moet alles testen en vervolgens kijken wat het beste werkt. Het is niet afhankelijk van de kleur van je knop.

Een van de redenen waarom het veranderen van de kleur van groen naar rood werkte was vanwege het schrille contrast waarin het werd gepresenteerd. Als de hele site is ontworpen met rood als belangrijkste thema, dan zal een rode kleur CTA niet zo opvallen.

Daarom moet contrast altijd in aanmerking worden genomen voordat je wijzigingen aanbrengt.

Nogmaals, ga niet overboord met deze dingen. Het is essentieel om de website een prettige gebruikerservaring te geven. Slechte lettertypes, te veel felle kleuren en een flash website dragen bij aan een slechte gebruikerservaring en is ook het laatste wat je zou willen.

Typografie en de impact ervan op conversies

Typografie wordt vaak genegeerd als het gaat om het schrijven voor je website. Het is bijna triest te noemen. Alles wat je online leest is opgezet in een soort typografie en dit is het onderwerp waar de minste aandacht aan wordt besteed.

Om te beginnen: mensen die online lezen houden van grotere lettertypen. Het is al moeilijk genoeg te staren naar een scherm voor een langere tijd. Niemand wil die moeilijkheid nog vergroten door een kleine lettertype te gebruiken.

Op hetzelfde moment zijn sans-serif lettertypes de meeste gebruikte over de hele wereld. Maar het is zeker niet nodig om je daaraan vast te houden.

Dit is wat ik bedoel:

serif-body-copy-1

picture2

Michael Martin’s onderzoek gaat dieper in op de verschillende typografische patronen op een aantal bekende websites. Het onderzoek werd voor het eerst gepubliceerd in 2009, maar drie jaar later vonden er veranderende updates plaats aan het artikel.

Martin vond interessante overeenkomsten en verschillen voor lettertype keuzes in 2009 en 2013 en ook de favoriete keuzes van de top 50 websites.

Serif is de voorkeurskeuze voor de hoofdtekst, maar de websites neigen meer naar het gelijke hoeveelheid gebruiken van serif lettertypes en sans-serif lettertypes voor zowel de hoofdtekst als de koppen. Dat is een grote doorbraak gezien waar Martin getuige van was in 2009.

Het zou kunnen zijn dat de web-uitgevers willen experimenteren en willen zien of verschillende lettertypes resulteren in betere conversies. Dit zou ook een manier kunnen zijn om je website precies zo in te stellen, zodat het anders is dan vele andere websites.

picture3

Niet-traditionele lettertypen worden steeds meer een traditie, ook al zijn Georgia en Arial bij de meeste web-uitgevers de favoriete lettertypen.

picture4

picture5

Aan de andere kant waren er in 2009 bijna overal de traditionele lettertype keuzes te zien.

Houd er rekening mee dat speciale lettertypen veel ruimte in beslag nemen en de snelheid vertragen waarmee je site laadt. Dit kan weer conversies kosten.

Houd de bedoeling van het lettertype in gedachten

Een andere belangrijke overweging is het doel van het lettertype. Laat me dit illustreren met een voorbeeld.

59odmob
Via Imgur

Voor honderden jaren waren wetenschappers geobsedeerd over wat het universum in mars had. Hoewel de kwestie bestond uit elektronen, protonen en neutronen waren geen van deze samengestelde factoren goed voor de massa van de materie.

Toen het CERN lab eindelijk in staat was om experimenteel bewijs van een deeltje te krijgen, wat ze Higgs Boson noemden, kregen ze het vermoeden dat het deeltje alle dingen massa gaf en gingen ze het nieuws aankondigen met het belachelijke lettertype “Comic Sans”.

De belangrijkste doorbraak in meer dan een eeuw werd aangekondigd in “Comic Sans” en dat resulteerde in het feit dat het internet uitbrak met de ene trol na de andere.

Om het samen te vatten: “Eigenlijk werden we weggeblazen door het feit dat een team dat bestaat uit enkele van de, ongetwijfeld, meest briljante mensen in de wereld geloofden dat Comic Sans een geschikt lettertype was voor zo’n historische gebeurtenis.”

Concluderende gedachten

Er is geen twijfel dat de kleuren en lettertypen kunnen reken op een grote impact op de conversies. Het zou verstandig zijn als je de trends kunt begrijpen en probeert om de wijzigingen te implementeren in je CTA-knoppen en typografie, gebaseerd op wat de meeste conversies geeft. En blijf altijd onthouden dat je moet testen.

Over de gastblogger: George schrijft al artikelen voor het internet voor de afgelopen 5 jaar. Je kunt hem hier huren voor het schrijven van artikelen die aan je behoeften voldoen.