Call-to-action. De basis van efficiëntie

Hoe maak je een oproep tot actie die echt werkt

(Outcrowd) (18 december 2020)

Illustratie: Outcrowd

Dit artikel is geen gids voor het ontwerpen van knoppen. Het is meer een praktische handleiding om een effectieve CTA te maken. Een alomvattende benadering voor het creëren van een call-to-action garandeert dat uw interface-elementen klikbaar zijn, zelfs als u ze grofweg met de hand tekent.

***

Vraag een ontwerper wat “call-to-action” betekent, en hij zal je vertellen dat het een knop is, een interactief interface-element. Het is een manier voor de gebruiker om gerichte acties uit te voeren, zoals het kopen van goederen, zich abonneren op updates of hulp vragen. Vervolgens begint de ontwerper u te vertellen hoe CTA-knoppen eruit moeten zien.

Dit is een geweldige manier om een ​​oproep tot actie te creëren die niet werkt.

Wacht, wat is er mis met het?

Stel je een koffiemachine voor. Het heeft knoppen die ook oproepen tot actie, namelijk koffie drinken. Maar niemand zal ze pushen tenzij ze wat koffie willen. En als je dorst hebt naar een kopje java, vind je de knop ongeacht waar deze is of hoe hij eruit ziet.

Een call-to-action is geen knop. Het is een uitnodiging om te krijgen wat je nodig hebt. Wanneer een klant op een knop drukt, denken ze niet na over de levendigheid of helderheid, in tegenstelling tot de ontwerper. Ze denken alleen aan hun doel: een kopje koffie halen.

Het belangrijkste doel van de ontwerper is om mensen geïnteresseerd en bereid te maken om hun doel te bereiken, niet alleen om ze met hun hand naar een doelactie te leiden. CTA is slechts een van de manieren om dat doel te bereiken, maar het is niet het doel zelf. Lijkt voor de hand liggend, maar wat gebeurt er in werkelijkheid?

Ontwerpers beschouwen knoppen slechts als ontwerpelementen, waarbij alle aandacht van de gebruiker op CTAs wordt gevestigd. “Schiet op en koop onze koffie!” Ze genereren een agressieve boodschap en zorgen ervoor dat het meteen de aandacht trekt.

Een goede call-to-action zou de wens moeten wekken om meteen een kop hete, geurige koffie te drinken. Het echte doel is koffie, niet de banner met de tekst We hebben koffie. Het begrijpen van dit verschil is de sleutel tot het creëren van een succesvolle CTA.

Call-to-action is een reeks marketingtactieken die consequent in het interface-ontwerp worden geïmplementeerd.

Tenzij de UI en UX zijn volledig gewijd aan het aantrekkelijk maken van het doel, de CTA zal niet efficiënt zijn. De knop zelf moedigt niemand aan, hoe goed deze ook is geoptimaliseerd.

Ontwerpers zonder kennis van de fundamentele principes voor het maken van CTAs besteden veel moeite aan het polijsten van knoppen en zich zorgen te maken of ze afgerond moeten zijn en in welke mate. Dit eerbiedwaardige streven heeft niets te maken met de efficiëntie van CTA. Een ontwerper die het belang van een alomvattende benadering bij het maken van een CTA begrijpt, hoeft zich geen zorgen te maken over de vorm, kleur of type van knoppen. Het is het laatste nummer op zijn of haar agenda.

Alomvattende benadering voor het maken van een CTA

Een alomvattende benadering betekent inzicht in de basisprincipes van visuele marketing en gebruikerspsychologie. Het betekent het bijhouden van alle factoren die de CTA-efficiëntie beïnvloeden.

Hier zijn de meest essentiële:

1. Interesse en motivatie

Als de gebruiker het ontwerp niet leuk vindt of de aanbieding op het eerste gezicht oninteressant vindt, zullen ze de pagina verlaten voordat ze ooit bij de CTA komen. Een goed ontwerp zorgt ervoor dat mensen op de pagina blijven, de inhoud verkennen en de doelactie overwegen. Als het aanbod onaantrekkelijk wordt gedaan, zal geen enkele macht ter wereld de gebruiker ertoe aanzetten de actie uit te voeren.

Om met succes gebruikers aan te trekken, heb je een diepgaand inzicht nodig in de smaak en voorkeuren van je doelgroep.

AQ-luchtbevochtiger – 3D-modellering & Merkontwerp

2. Goede UX

De eerste vereiste voor een effectieve CTA is een goede UX:

  • eenvoudige en begrijpelijke navigatie
  • geen obstakels
  • voorspelbaarheid

De weg van de gebruiker vanaf het beginpunt moet zo eenvoudig, intuïtief en logisch mogelijk zijn. Als het meteen duidelijk is wat er wordt aangeboden en wat er moet gebeuren, is de kans veel groter dat dit een positieve reactie aanmoedigt.

Hoe langer de weg naar de CTA, hoe meer registratieformulieren, enquêtes en andere obstakels er onderweg zijn, hoe minder gebruikers de knop zullen halen. Hoe ingewikkelder de actie van de oproep, hoe meer motivatie u nodig heeft.

3. Goede gebruikersinterface

Dit is ongeveer de tijdelijke indruk die wordt gemaakt door naar de pagina te kijken. Een rommelige pagina met te veel inhoud, een overvloed aan elementen en highlights verwart en frustreert gebruikers. Veel online winkels hebben een oogverblindend aantal “Koop” -knoppen. Productfotos gaan verloren tussen de oproepen en advertenties, er is geen ruimte rond de elementen. Dit alles zorgt voor een rommelige indruk en doet de winkel en zijn producten onbetrouwbaar overkomen.

Een duidelijk, minimalistisch ontwerp is de beste oplossing, die prettig is voor het oog.

Bestemmingspagina – Sollar

Veel CTAs op één pagina zijn een goede manier om gebruikers af te schrikken. Idealiter zou er één effectieve CTA per aanbieding moeten zijn. Als er veel aanbiedingen zijn, is het een beter idee om een ​​overgang voor te stellen en elk afzonderlijk te presenteren. Zo houdt u het ontwerp overzichtelijk en laat u de ademruimte rond de elementen over. Als u meerdere CTAs op één pagina moet plaatsen, maak dan een visuele hiërarchie van hoogtepunten, waarbij u het hoofdaanbod benadrukt en de secundaire aanbiedingen aanroept en bagatelliseert.

4. Inhoud en plaatsing van CTA

De inhoud van webpaginas moet naar het hoofddoel werken, de voordelen ervan laten zien en de gebruiker naar het CTA-blok leiden. Inhoudspresentatie is de doorslaggevende factor bij het kiezen of u de doelactie wilt uitvoeren.

De beroemde marketeer Nick Patel heeft ontdekt dat het plaatsen van de CTA-knop in het eerste blok de conversie met 17% verlaagt. De gebruiker heeft geen tijd gehad om de inhoud te verkennen, maar wordt al gevraagd om een ​​actie uit te voeren. U moet beginnen met het verstrekken van wat informatie over uw aanbod, zodat uw gebruikers een positieve indruk kunnen krijgen. Dit is vooral belangrijk voor zakelijke aanbiedingen en services.

Niet alle aanbiedingen vereisen echter gedetailleerde beschrijvingen. Veel producten en diensten moeten meteen worden gepresenteerd. Hoe maak je in dit geval een CTA zonder de kostbare 17% te verliezen?

Laten we eens kijken hoe Apple het doet.

Wat is het eerste dat je ziet? Niet de oproep tot actie, dat is zeker. Waar zijn de heldere knoppen die u aansporen om “nu te kopen”? Waar zijn de vetgedrukte lettertypen?

Hier verschuift Apple slim de hoogtepunten. Het is niet de CTA die wordt gemarkeerd.

www.apple.com

De oproep om “Shop the collection” gebruikt een klein, bescheiden lettertype, de tekst zelf is net zo eenvoudig zoals het zou kunnen zijn. De actief agressieve invloed wordt hier bereikt door kleur.

Apple-producten hebben geen uitleg nodig. Maar als uw aanbieding ook kan worden getoond door middel van effectief beeldmateriaal, ga ervoor: begin met het tonen van uw product vergezeld van een onopvallende CTA. In gevallen waarin u niet alleen op visuele presentatie kunt vertrouwen, moet de CTA de beschrijving van de hoofdaanbieding volgen.

5. CTA-ontwerp

Het CTA-blok is een organisch onderdeel van het ontwerp. Alle elementen, inclusief de knoppen, moeten overeenkomen met de gekozen stijl, in overeenstemming zijn met de visuele hiërarchie en met elkaar overeenkomen. De visuele kenmerken van CTA-knoppen en de bijbehorende tekst zijn afhankelijk van de doelen en doelstellingen van uw website (of app) en de voorkeuren van uw doelgroep, dus het heeft geen zin om te bespreken welke knoppen “beter zijn voor conversie”. Het zijn niet de knoppen die voor conversie zorgen, maar de juiste marketing en een goed ontwerp gericht op een specifieke groep gebruikers.

En nee, teken geen knoppen met de hand tenzij dit in overeenstemming is met het algemene concept. Het maakt niet uit hoeveel u wilt dat uw CTA opvalt, het mag nooit in strijd zijn met de algemene stijl. De kleur van de CTA-knop moet contrasteren met de achtergrond, zodat de gebruikers er niet de hele pagina naar hoeven te zoeken. Het is absoluut niet acceptabel om CTA-knoppen op ongebruikelijke locaties te plaatsen alleen voor de creativiteit.

6. Het doel markeren

Het doel en de hoogste prioriteit van de gebruiker is datgene wat hem de doelactie laat uitvoeren. Als hij zich inschrijft voor een cursus, denkt hij erover om zijn opleiding te verbeteren. Als hij op de knop Kopen klikt, denkt hij aan het product. De afbeelding die het noodzakelijke mentale beeld versterkt, moet bij de CTA-knop worden geplaatst.

CTA is niet het doel!

Bestemmingspagina – Wendys Granny Chocolate

Als de aanbieding geen illustratie vereist, is het belangrijkste hoogtepunt de tekstbeschrijving, visueel gecompenseerd door de knop. Hier is een voorbeeld:

Alle numerieke informatie over voordelen moet ook visueel dicht bij de CTA-knop worden geplaatst en voldoende worden gemarkeerd.

7. Tekst

Een overtuigende oproep is altijd laconiek, begrijpelijk en eenvoudig. Het is het beste om actieve werkwoorden, ik-uitspraken, sterke woorden, beloningstriggers en emotionele triggers te gebruiken. Indien van toepassing kunt u eenvoudige instructies en “voor” en “na” demonstraties gebruiken.

Dit zijn de belangrijkste soorten tekstoproepen (trigger + CTA):

Visueel geldt hetzelfde principe: meer nadruk op de trigger dan op de CTA-knop.

De sms-oproep moet gebaseerd zijn op marktonderzoek en vooraf worden getest.

8. Emoties

Een ontwerp dat een diepe emotionele reactie teweegbrengt, is de sleutel tot hoge conversiepercentages. Denk aan het Apple-voorbeeld hierboven. De kleur die door hun marketeers en ontwerpers is gekozen, is niet alleen rood. Het is bloedrood, wat mensen enigszins angstig en onbewust bang maakt. Voeg nu de oproep toe om levens te redden. De CTA benadrukt een nobele missie, niet het product kopen. Het is een geweldige marketingoplossing met een prachtige ontwerpimplementatie.

www.apple.com

Meer informatie: Emotioneel Ontwerp

Conclusie

CTA is gewoon een tandwiel in een enorme machine. Als de machine werkt (marktanalyse gedaan, informatie-inhoud zorgvuldig gekozen, ontwerpconcept gemaakt), zal de CTA ook werken.

Gebruikers hebben geen toegang tot webpaginas voor de knoppen. Ze worden aangetrokken door het aanbod, zolang het maar goed wordt gepresenteerd: gemakkelijk te begrijpen, gepast, knap, emotioneel en logisch. We weten dat het veel gemakkelijker is gezegd dan gedaan. In werkelijkheid zijn er veel factoren bij betrokken die door de marketeers, ontwerpers en ontwikkelaars moeten worden bedacht. De beste oplossingen zijn meestal het resultaat van teamwork. Desalniettemin zal het begrijpen van de principes achter het maken van CTAs elke ontwerper helpen om een ​​ontwerp te maken dat converteert met klikbare elementen.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *