12 maart 2015

5 stappen naar een goede call to action button

ux / design

Online probeer je jouw doelgroep aan te sporen om iets te doen, zoals het klikken op een advertentie, het lezen van een artikel of het invullen van een formulier. Met een call to action (CTA) activeer je de bezoekers en laat je zien wat je van hen verwacht. Vaak wordt de CTA vormgegeven in een button.

Helaas zijn er tal van mythes rondom de button. Geef je deze de kleur oranje of juist groen? Plaats je hem altijd ‘above the fold’? Maak je hem rond, rechthoekig of krijgt de button ronde hoekjes? De kans is groot dat je door de bomen het bos niet meer ziet. Vijf stappen om jou op weg te helpen!

Stap 1: Zorg dat er een call to action is

Je wilt dat je bezoekers het doel bereiken wat jij voor ogen hebt. Tegelijkertijd moet het doel wat jij voor ogen hebt ook waarde toevoegen voor hen. Zorg dat de bezoeker daarom actie kan ondernemen op jouw uiting. Wat deze actie moet worden, is geheel afhankelijk van jouw doelstelling. Dit kan het bestellen van je producten zijn of het achterlaten van een telefoonnummer om teruggebeld te worden. Is de doelstelling van je boodschap helder? Maak een start: verpak je doelstelling in een goede call to action button.

Laten we een voorbeeld bekijken waarin duidelijk wordt wat een CTA button teweeg kan brengen. De volgende afbeeldingen bieden hetzelfde product aan. 


Bron: ConversionXL

Wat mist de eerste afbeelding ten opzichte van de tweede? Een button. The ‘buy now’ call to action verliest haar kracht door het design. Het is geen verassing dat de tweede afbeelding meer conversies teweeg brengt door de opvallende CTA button.

2. De ideale buttonkleur bestaat niet

De kleur van de CTA button is heel belangrijk. Dé ideale buttonkleur? Die bestaat niet. De beste kleur voor je knop is afhankelijk van verschillende factoren. Een groene knop valt bijvoorbeeld niet op als er op je website veel groen voorkomt.

Twee belangrijke punten:

    • Je kunt kleuren niet generaliseren. Het is belangrijk dat je de kleuren van je CTA button test voor jouw doelgroep en website. KISSmetrics heeft het effect van kleuren in het algemeen samengevat in deze toffe infographic.
    • Zorg dat je altijd een contrasterende kleur gebruikt. Bekijk de pagina van een afstand met samengeknepen ogen. Springt je knop eruit? Check!

In het voorbeeld hieronder valt de beige CTA knop goed op tegen de zwarte achtergrond. Er worden twee buttons getoond, waarvan de ‘join now’ knop het duidelijkst naar voren komt. Deze button zal voor Starbucks het meest belangrijk zijn.


Bron: Wordstream

3. Het verhaal achter de knop

De kleur van de knop is belangrijk om de aandacht te trekken. Of je klikt of niet klikt heeft niet direct te maken met de kleur van de knop, maar met de propositie van de knop. Om welk product gaat het? Is dit interessant voor mij? Wat gebeurt er als ik op de knop klik? Het resultaat beschrijf je in de tekst van de button. Hiermee stuur je de verwachting en doe je een belofte.

De CTA button staat nooit op zichzelf. Deze moet begeleid worden door heldere titels en teksten die je bezoeker motiveren om actie te ondernemen. Schreeuw niet in je buttons. Dat wordt al genoeg gedaan. Je verhaal moet de bezoeker overtuigen om actie te ondernemen, niet de CTA button. 

--------------------------------------------------
Bied je een training of cursus aan?

Focus niet op het woord inschrijven, wat doet denken aan administratie en geld. Focus op het resultaat van de training. 

Schrijf je in!                                    versus
Word professional in je vak

Op welke button zou jij eerder klikken?
--------------------------------------------------
Verkoop je beveiligingssoftware?

Focus niet op het bestellen ansich, maar op de doelstelling die de bezoeker voor ogen heeft bij het lezen van je boodschap. Waarom is hij op zoek naar een beveiligingssoftwarepakket? Waarom heeft hij een beveiligingssoftware pakket nodig? Vertel het.

Bestel uw softwarepakket hier          versus
Naar een veilige online omgeving
-------------------------------------------------- 
Wil je inschrijvingen voor je nieuwsbrief? 

Focus op de waarde die je toevoegt in je nieuwsbrief, in plaats van te schreeuwen om nieuwe inschrijvingen. De waarde voor de ontvanger is de reden voor zijn inschrijving.

Schrijf je nu in                                 versus
Waardevolle tips ontvangen
--------------------------------------------------

In de voorbeelden zijn de zinnen concreet en is duidelijk wat de bezoeker bereikt door op je button te klikken. Probeer de zin op de button niet te lang te maken. De optimale lengte is 2-6 woorden.
Extra tip: wanneer je de knop persoonlijk maakt, bereik je nog meer conversies. ‘Start my free trial’ werkt in het onderstaande voorbeeld bijvoorbeeld beter dan ‘start your free trial’.


Bron: Contentverve

4. Volg de user flow

Ook de plaatsing van de CTA knop verschilt per website. ‘Above the fold’ is niet altijd het beste. Ook hier is het verhaal belangrijk. Op welk punt heeft een gebruiker genoeg informatie verkregen om tot actie over te gaan? Volg de user flow en zorg dat de button op een logisch moment in deze flow geplaatst wordt. Bij een simpel product zal dit vaak ‘above the fold’ zijn, maar bij een ingewikkelder product moet je je bezoeker eerst de mogelijkheid bieden om zich in te lezen.


Bron: Sitepoint

In dit voorbeeld was er een drastische toename in conversies toen de knop op een lage positie op de pagina stond. Zorg ervoor dat er geen afleiding is rondom de knop. Plaats geen andere (opvallende) knoppen en zorg voor genoeg witruimte om de button.

5. Testen, testen, testen

Tot slot.. test je CTA button! Een minimale wijziging kan een drastisch effect hebben. Een andere kleur, een icoon in de button, een andere tekst. Alles wat je kunt bedenken, kun je testen. Hierbij is A/B testen ‘the way to go’. Zo vergelijk je verschillende versies van je knop met elkaar, en kun je makkelijk bepalen welke optie het best is.

Zorg dat je de button altijd binnen zijn omgeving test. De content rondom de knop beïnvloed de conversieratio. Bijvoorbeeld de fotografie die is gebruikt of de voorafgaande tekst. Focus je altijd op het doel dat je met de boodschap wilt bereiken. Hoe kun je het besluitvormingsproces van je bezoekers versnellen of optimaliseren? Wanneer je de CTA button goed inricht, zullen je conversies stijgen. 

Wil jij je verhaal op een krachtige manier inzetten? 

Schuif bij ons aan!

Geschreven door: Tineke de Buck
Cookies?

We gebruiken cookies om het functioneren van onze website te verbeteren. De gegevens worden volledig anoniem verzameld.