Een knop lijkt een klein detail, maar het is vaak het punt waar actie wel of niet gebeurt. Toch zien knoppen er op veel sites overal net even anders uit, of zijn ze nauwelijks te herkennen als knop. Dat zaait twijfel op precies het moment dat je een bezoeker in beweging wilt zetten. In dit artikel laat ik zien hoe je knoppen maakt die mensen meteen herkennen en durven te klikken.
Een knop moet eruitzien als een knop
Bezoekers besluiten in een fractie van een seconde of iets klikbaar is. Een knop die te subtiel is vormgegeven, lijkt zomaar wat tekst en wordt overgeslagen. Een goede knop springt eruit door zijn vorm en kleur, zodat meteen duidelijk is dat je erop kunt klikken. Twijfelt iemand of iets een knop is, dan is de kans groot dat er gewoon niets gebeurt.
Waar je op let
Herkenbare vorm
Geef knoppen overal dezelfde vorm en stijl. Dan weet de bezoeker direct dat het er een is, op elke pagina.
Een opvallende kleur
Reserveer je opvallendste kleur voor je belangrijkste knop. Zo trekt die vanzelf de aandacht op het juiste moment.
Duidelijke tekst
Zet op de knop wat er gebeurt als je klikt. Een heldere tekst neemt twijfel weg en nodigt uit om te klikken.
Een knop die je twijfelt of het wel een knop is, wordt niet geklikt. Maak het de bezoeker daarom makkelijk.
Niet te veel knoppen tegelijk
Wanneer er op een pagina meerdere knoppen even hard om aandacht vragen, weet de bezoeker niet wat te kiezen. Geef de belangrijkste actie de meeste nadruk en maak eventuele andere opties duidelijk minder opvallend. Eén duidelijke hoofdknop per pagina werkt beter dan een rij gelijkwaardige knoppen die allemaal roepen.
Geef de knop ruimte
Een knop die klem zit tussen tekst en andere elementen, valt niet op en is lastig te raken, zeker op een telefoon. Geef je belangrijkste knop wat lucht eromheen. Die ruimte maakt hem zichtbaarder en het klikken vanzelfsprekender. Het is een klein detail dat verrassend veel verschil maakt in of mensen daadwerkelijk klikken.
Tot slot
Goede knoppen zijn herkenbaar, hebben een opvallende kleur en duidelijke tekst, en krijgen ruimte. Beperk het aantal per pagina zodat de bezoeker weet wat te kiezen. Wil je weten of jouw knoppen uitnodigen tot klikken? Laat het me bekijken.
Verder lezen: Een call-to-action die bezoekers in beweging zet · Navigatie en menu: bezoekers de weg wijzen