Design dat verkoopt in plaats van alleen mooi is

Bezoekers beslissen binnen enkele seconden of je site vertrouwen wekt. Dat gebeurt op gevoel, nog voordat iemand een woord tekst heeft gelezen. Bij twijfel klikken ze weg, bij een goed gevoel blijven ze hangen en gaan ze verder scrollen.

Onderzoek naar oogbewegingen op websites laat steeds hetzelfde patroon zien: mensen scannen eerst in een F vorm of Z vorm over de pagina, pikken een paar woorden en beelden op, en besluiten dan pas of ze verder lezen. Staat je belangrijkste boodschap niet in dat scanpatroon, dan wordt hij simpelweg gemist.

• Een conversiegericht ontwerp stuurt gedrag en leidt niet af.
• Het begeleidt het oog stap voor stap.
• Het maakt keuzes helder en eenvoudig.
• Het bouwt vertrouwen op voordat het om een actie vraagt.

Het gaat dus niet om creatief bezig zijn, maar om strategisch ontwerpen. Elke sectie op je pagina moet een vraag beantwoorden die in het hoofd van de bezoeker speelt, in de juiste volgorde. Eerst: wat is dit, is dit voor mij? Dan: kan ik dit vertrouwen? En pas daarna: wat moet ik nu doen?

Kleurkeuze

Een merkkleur en een actiekleur

Gebruik niet alle kleuren tegelijk. Kies een dominante merkkleur en een contrasterende actiekleur op een rustige achtergrond.

Kleur werkt niet op zichzelf, maar door contrast en context. Een rode knop op een witte pagina valt op. Diezelfde rode knop op een pagina vol rode accenten verdwijnt volledig in de ruis. Het gaat dus niet om de 'perfecte' conversiekleur, maar om hoeveel een kleur opvalt tussen de rest.

• Blauw: vertrouwen en zekerheid, veel gebruikt door banken en verzekeraars.
• Groen: rust, groei en duurzaamheid.
• Rood: actie en urgentie, denk aan uitverkoop.
• Oranje: energie en enthousiasme, sterk voor call to actions.
• Paars: creativiteit en luxe.

Een praktijkvoorbeeld: een dienstverlener met een blauw huisstijlpalet zag het aantal aanvragen via het contactformulier met ruim een derde stijgen na het invoeren van een oranje actieknop op een verder rustige, witte pagina. De boodschap en het aanbod bleven identiek, alleen het contrast veranderde.

Veel knoppen falen omdat ze niet opvallen of te vaag zijn. 'Verstuur' of 'Klik hier' vertelt de bezoeker niets over wat er gebeurt na de klik, en dat schept onzekerheid. Onzekerheid kost klikken.

Richtinggevende elementen helpen ook: een pijl, een lijn of een foto van iemand die naar de knop kijkt. Dit soort visuele wenken lijkt subtiel, maar oogbewegingsonderzoek laat consequent zien dat bezoekers onbewust de blikrichting van een afgebeeld persoon volgen.

Let ook op de tekst direct onder of naast de knop. Een korte geruststelling zoals 'geen verplichtingen' of 'reactie binnen een dag' haalt een deel van de aarzeling weg voordat iemand hoeft te klikken.

1. 01

   Formuleer als actie en resultaat

   'Ontvang je offerte' werkt beter dan 'Versturen', omdat het benoemt wat de bezoeker ervoor terugkrijgt.

2. 02

   Geef de knop ruimte

   Minimaal 16 pixels witruimte rondom zorgt dat de knop als los element wordt herkend.

3. 03

   Herhaal op lange pagina's

   Elke sectie die een nieuw argument geeft, verdient een herhaling van de actie.

Mensen beslissen grotendeels emotioneel en zoeken achteraf de logische onderbouwing erbij. Deze principes werken daarom vrijwel altijd, mits subtiel ingezet en onderbouwd met de waarheid.

• Schaarste: een eerlijk signaal dat je capaciteit beperkt is.
• Sociaal bewijs: reviews, ervaringen en logo's van klanten.
• Autoriteit: keurmerken en vermeldingen.
• Commitment: laat iemand eerst iets laagdrempeligs doen.
• Verliesaversie: benoem wat men misloopt door niets te doen.

Sociaal bewijs verdient extra aandacht omdat het zo makkelijk is toe te passen en zo veel oplevert. Een enkele concrete quote van een klant, met naam en eventueel foto, overtuigt vaak beter dan een lijst met tien sterren zonder context. Specifiek verslaat generiek: 'binnen twee weken twintig aanvragen extra' werkt beter dan 'zeer tevreden klant'.

“

Mensen kopiëren het gedrag van anderen die op hen lijken, vooral wanneer ze zelf onzeker zijn over een beslissing.

Een prachtige knop met een sterke kleur helpt niets als een bezoeker nog twijfelt of jouw bedrijf wel betrouwbaar is. Vertrouwen bouw je op met kleine, feitelijke signalen die samen een geheel vormen.

Vertrouwen bouwt zich op door herhaling van kleine, geloofwaardige details, niet door één groot statement. Een pagina die roept 'wij zijn de beste' overtuigt minder dan een pagina die rustig laat zien hoe het werkproces eruitziet en wat eerdere klanten daarvan vonden.

1. 01

   Een actie per pagina

   Te veel keuzes leiden af en zorgen dat er geen keuze wordt gemaakt.

2. 02

   Gebruik witruimte

   Een drukke pagina veroorzaakt onrust en vermindert focus.

3. 03

   Herhaal je call to action

   Zet hem bovenaan, halverwege en onderaan de pagina.

4. 04

   Beperk tekstblokken

   Schrijf visueel met subkoppen, opsommingen en iconen.

5. 05

   Ontwerp mobiel eerst

   Het merendeel van je bezoekers beslist op een telefoon. Maak dat het uitgangspunt.

Deze regels lijken eenvoudig, maar in de praktijk is de verleiding groot om er toch van af te wijken. Een extra menu item hier, nog een tweede knop daar, een pop up die net iets te vroeg verschijnt. Elke toevoeging concurreert met de hoofdactie om aandacht. Toets daarom bij elke wijziging: draagt dit bij aan de ene actie die ik wil, of leidt het ervan af?