Lettertype & Conversie

Vaak worden we geconfronteerd met hele nare lettertypes (soms nog net geen Comic Sans) als we aan de slag gaan met het webdesign voor een klant. Het lettertype, de spatiëring en de regelafstand kunnen echter een behoorlijke impact hebben op de conversie en het is dus iets om serieus aandacht te geven.

Mobiel internet en design

Bezoekers zijn door het gebruik van mobiele telefoons gewend geraakt aan scrollen (ja echt scrollen mag / moet!) dit heeft voor de zogenaamde one-page designs gezorgd. Een voorbeeld van zo’n one-page design was onze eigen homepage (onze huidige homepage heeft er natuurlijk nog wel wat van weg). Een ander gevolg van het toenemende gebruik van mobiele apparaten is het gebruik van lettertypes, spatiëring en regelafstand. Niemand vindt het fijn om kleine, samengeperste woorden of regeltjes te lezen op een kleiner scherm en als gevolg hiervan zijn we ook op grotere schermen gewend geraakt aan grotere letters, meer spatiëring en meer regelafstand.

Lettertype & Conversie

In een conversie project van ClickLaboratory bleek dat een groter lettertype met meer regelafstand de volgende positieve effecten had:

• 10 % minder bounce rate
• 19 % minder exit rate
• 24 % meer bezochte pagina’s
• 133 % conversie verhoging (ingevulde formulieren)

Hieronder een screenshot van het originele lettertype en het lettertype wat voor de verbeteringen zorgde.

Waar je op moet letten

• lezers houden van flink wat regelafstand, het geeft een gevoel van ruimte en vrijheid;
• gebruik niet teveel lettertypes op 1 pagina, vaak is 2 (1 voor headings en 1 voor de body tekst) al voldoende;
• zorg dat de gebruikte lettertypes bij elkaar passen;
• blijf voor de body tekst zoveel mogelijk bij standaard / normale lettertypes (zoals Arial, Verdana, Georgia, Trebuchet of moderne lettertypes die daar enigszins op lijken);
• testen, testen en nog eens testen. Niet iedere doelgroep is hetzelfde…

Ideale lettertypes voor je WordPress website

Voor een enorm overzicht aan lettertypes die gemakkelijk te gebruiken zijn binnen je WordPress website kun je kijken op de website van Google Fonts.