Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Responsive
Waarom hoort de belangrijkste knop in het eerste scherm?
De belangrijkste knop hoort in het eerste scherm, omdat bezoekers daar zonder scrollen kunnen handelen — vragen, bellen, boeken. Wie de volgende stap eerst moet zoeken, springt vaker af. De controledienst controleert in het smartphone-profiel met 390 pixels breedte, of in het zichtbare gebied een handlingsoproep staat, die zich duidelijk van de lopende tekst onderscheidt.
Een handlingsoproep leidt bezoekers naar de volgende stap
Een handlingsoproep — Engels „Call to Action” — is de knop, die de bezoeker van het lezen naar het handelen brengt: „Afspraak boeken”, „Aanbod aanvragen”, „Nu bellen”. Voor een bedrijf is het het moment, waarop uit een bezoeker een belangstelling wordt. Op de mobiele telefoon is het zichtbare uitsnede klein; staat de knop pas lager, zien veel bezoekers hem helemaal niet. Het eerste scherm moet daarom allebei bevatten: een korte beantwoording, waar het om gaat, en de weg naar de volgende stap. Allebei samen maken zij uit het begin van de pagina een volledige uitnodiging in plaats van een loutere groet.
Zo herkent de controledienst de knop
De controle zoekt in het zichtbare gebied naar een aanklnikbaar element, dat zich zichtbaar van de lopende tekst onderscheidt: met eigen achtergrondvlak of een kader, met voelbare binnenmarge en in voldoende grootte, om als doel te dienen. Deze herkenning is opzettelijk structureel en komt zonder woordenlijsten uit — zij werkt in elke bedrijfstak, ongeacht of de knop „Tafel reserveren”, „Adviesraadpleging aanvragen” of „Controle starten” heet. Een bleke tekstkoppeling in een voetnoot telt daarentegen niet, want hij nodigt niet tot handelen uit. Gemeten wordt tweemaal; het ontbreken wordt alleen gemeld, als beide runs geen handlingsoproep vinden.
Zo gestalte u een goed zichtbare handlingsoproep
Een werkzame knop onderscheidt zich kleurig van de rest van de pagina, heeft voldoende binnenmarge, om gemakkelijk te worden aangeraakt, en draagt een label, dat de volgende stap noemt. „Contact” is begrijpelijk, „Vrij adviesgesprek regelen” zegt bovendien wat de bezoeker te wachten staat. Een enkel duidelijk knop werkt sterker dan vijf concurrerende: wie alles aanbiedt, beveelt niets aan. Plaats de oppervlakte zodanig, dat zij op de mobiele telefoon zonder scrollen bereikbaar is, en controleer dat op het echte apparaat — het controlerapport legt daarvoor een schermafbeelding van het eerste handy-scherm bij.
- Open uw startpagina op de mobiele telefoon en controleer, of een knop voor de volgende stap zonder scrollen zichtbaar is.
- Formuleer de label als concrete stap, bijvoorbeeld „Aanbod aanvragen” in plaats van „Meer weten”.
- Laat de knop kleurig van de achtergrond afsteken en geef hem gul binnenmarges.
- Beperk het eerste scherm tot een hoofd-handlingsoproep, zodat de beslissing gemakkelijk valt.