Een knop is een kleine vorm met een grote taak: hij moet de bezoeker over de streep trekken om iets te doen. Toch zien veel knoppen er nauwelijks uit als knop, of gaan ze juist verloren tussen tien andere die allemaal even hard schreeuwen. Een goede knop nodigt vanzelf uit tot klikken, zonder dat je erover hoeft na te denken.
Een knop moet eruitzien als een knop
Mensen herkennen knoppen aan hun vorm: een gevuld vlak, vaak met afgeronde hoeken, dat eruitziet alsof je erop kunt drukken. Een stukje gekleurde tekst zonder die vorm wordt makkelijk over het hoofd gezien. Hoe duidelijker iets als knop herkenbaar is, hoe sneller mensen erop klikken.
Eén knop die de baas is
Op elke pagina is er een actie die het belangrijkst is. Geef die knop de meeste nadruk: de opvallendste kleur, de beste plek. Minder belangrijke acties krijgen een rustigere vorm, bijvoorbeeld alleen een omlijning. Als alle knoppen even hard om aandacht vragen, weet de bezoeker niet waar hij moet klikken.
Een pagina met vijf even opvallende knoppen heeft eigenlijk geen knop die opvalt. Kies er een om de baas te laten zijn.
Genoeg ruimte eromheen
Een knop heeft lucht nodig. Ruimte eromheen laat hem opvallen en voorkomt dat mensen er per ongeluk naast tikken. Vooral op een telefoon, waar je met je duim mikt, is voldoende ruimte het verschil tussen een vlotte klik en een misser.
Laat de knop reageren
Een knop die van kleur verandert als je er met de muis overheen gaat, of even indeukt bij een tik, voelt levend en betrouwbaar. Die kleine reactie bevestigt dat de knop werkt. Het kost weinig en geeft de bezoeker net dat zetje van zekerheid.
Heldere tekst op de knop
De woorden op de knop bepalen mede of iemand klikt. "Vraag een offerte aan" werkt beter dan "Verzenden", want het zegt wat er gebeurt. Houd het kort, concreet en gericht op wat de bezoeker eraan heeft. Vorm en tekst werken samen: pas allebei dan klopt de knop.
Wil je knoppen die echt uitnodigen tot actie? Neem contact op.
Verder lezen: Een goede call-to-action · Design dat converteert