Met Witruimte je Conversie Verhogen

Ik heb deze pagina zorgvuldig samengesteld om je vragen te beantwoorden en je een fijne gebruikservaring te bieden. Vragen of feedback? Laat het me weten.

---

Ken je dat? Dat je op een website komt en het idee hebt dat je een boek moet lezen?

Dat er zoveel woorden op elkaar gepropt zijn dat je niet verder komt dan de eerste drie regels?

Dat zijn dan websites die nog niets met ‘witruimte’ hebben gedaan…

Op deze pagina leg ik je uit wat witruimte is, waarom dit belangrijk is als je online wilt groeien, en hoe je witruimte effectief kunt toepassen!

In dit artikel gebruik ik het woord ‘website’ voor zowel webshops als websites.

Witruimte goed toepassen kan je conversiepercentage verhogen!

Wat is witruimte?

Witruimte is de lege ruimte tussen elementen op een website. Deze lege ruimte kan een belangrijke rol spelen in de gebruikerservaring en de effectiviteit van je website.

Anno 2025 is de online wereld een bomvolle jungle van afleidingen. Social media, notificaties, websites, online shoppen, youtube etc. Onze aandachtspanne heeft het dieptepunt bereikt.

Wanneer een online pagina niet eenvoudig leesbaar is, klikken we door.

Wanneer je website te druk en overvol is met tekst, afbeeldingen en andere elementen, kan dit de bezoekers afschrikken en ervoor zorgen dat ze snel bouncen.

Lege ruimte kan helpen om de informatie op je website beter te structureren en te presenteren, waardoor de bezoekers langer blijven en meer geneigd zijn om actie te ondernemen. Dit is onderdeel van de totale gebruikservaring.

Het begrip “wit ruimte” (ook wel “negatieve ruimte” genoemd) wordt al tientallen jaren gebruikt in de grafische vormgeving en het ontwerpen van drukwerk, zoals tijdschriften, boeken en brochures.

Door slim gebruik te maken van witruimte kun je belangrijke elementen zoals je call-to-action knoppen en belangrijke boodschappen beter laten opvallen en de aandacht van de bezoekers beter vasthouden.

Wirtuime locaties op je website

Wanneer je met witruimte aan de slag gaat, doe het dan in één keer goed. Hieronder de meest voorkomende locaties op je websites: 

• Tussen paragrafen (tekst)
• Rondom afbeeldingen en video’s
• Tussen navigatiemenu-items
• Rondom call-to-action knoppen
• Tussen productafbeeldingen (productpagina)
• Rondom tekstvakken en formulieren
• Boven en onder de paginakop
• Tussen secties (homepage)
• Rondom zijbalk met informatie
• In de voettekst

“Witruimte kan een belangrijke rol spelen in de

gebruikerservaring en de effectiviteit van je website”

Hoe pas je witruimte effectief toe in je website?

Witruimte tussen teksten is een belangrijk onderdeel van een goed ontwerp en kan de leesbaarheid van de tekst verbeteren.

Hieronder een aantal manieren die ik toepas om een website overzichtelijk te maken en te houden:

Regelafstand:

De afstand tussen regels is een eenvoudige manier om lege ruimte tussen teksten te creëren.

Door de regelafstand te vergroten, ontstaat er meer ruimte tussen de afzonderlijke regels.

Soms kun je dit gewoon zelf instellen via je CMS of anders is hulp van je webbouwer geboden.

Marges:

Het gebruik van marges rondom tekstblokken kan ook helpen om wit ruimte tussen teksten te creëren.

Door de marges te vergroten, ontstaat er meer ruimte tussen de tekstblokken en wordt de tekst beter leesbaar.

Inspringen:

Het inspringen van de eerste regel van een alinea is een andere manier om wit ruimte tussen teksten te creëren.

Hierdoor ontstaat er een duidelijk onderscheid tussen de verschillende alinea’s en wordt de tekst beter leesbaar.

Kolommen:

Het verdelen van de tekst over meerdere kolommen kan ook helpen om lege ruimte tussen teksten te creëren.

Hierdoor ontstaat meer ruimte tussen de afzonderlijke kolommen en wordt de tekst beter leesbaar.

In alinea’s

Het is ook belangrijk om meer harde returns te gebruiken in je tekst.

Gebruik dus geen dikke alinea’s die wel vijf of meer regels aan elkaar geplakt zitten, maar dunne alinea’s die overzicht bieden.

En vaak gebruik ik zelfs geen alinea’s, maar korte zinnen, afgewisseld door een lege regel.

---

Heb je vragen of hulp nodig? marco [@] marcobouman.com / 030-2272323 / contactformulier

---

Voorbeelden: deze websites gebruiken witruimte goed!

AH.NL
De website van ah.nl maakt goed gebruik van witruimte in de header. Ondanks dat er veel te melden valt, is het ontwerp zo gemaakt dat deze website rust uitstraalt.

NRC.NL
De website van nrc.nl straalt ook behoorlijk rust uit. Hier zie je linksboven een extra menu waaronder aardig wat navigatie items zitten. Ze zijn er wel, maar je ziet ze niet.

POST.NL
De website van post.nl geeft ook een rustig beeld. Bij deze website is per hoofdnavigatie item een afzonderlijk uitklap navigatie. Eenvoudig te vinden en te bedienen, maar toch in rustige setting

Voorbeeld: een tekst met en zonder witruimte

Tekst zonder witruimte

Tekst met witruimte

In deze alinea laat ik je zien wat het effect is van witruimte. Door witruimte toe te passen krijg je meer ruimte rondom de woorden en zinnen. Vaak zie je bij het lezen van een boek dat er weinig gebruik wordt gemaakt van witruimte. Alle zinnen op de bladzijde staan dicht op elkaar. Wanneer je een boek leest, ben je gefocust op het lezen en is er geen directe afleiding. Bij online lezen is deze afleiding vaak wel aanwezig. Denk aan een header, een footer, blokjes, en soms een popup. Dan merk je pas hoe prettig het is als er op de website witruimte wordt gebruikt om het lezen en scannen te bevorderen.

In deze alinea laat ik je zien wat het effect is van witruimte. Door witruimte toe te passen krijg je meer ruimte rondom de woorden en zinnen. Vaak zie je bij het lezen van een boek dat er weinig gebruik wordt gemaakt van witruimte. Alle zinnen op de bladzijde staan dicht op elkaar. Wanneer je een boek leest, ben je gefocust op het lezen en is er geen directe afleiding. Bij online lezen is deze afleiding vaak wel aanwezig. Denk aan een header, een footer, blokjes, en soms een popup. Dan merk je pas hoe prettig het is als er op de website witruimte wordt gebruikt om het lezen en scannen te bevorderen.

Oordeel zelf :-)

De kracht van witruimte 

Witruimte speelt een cruciale rol in het vormgeven van je website of webshop en heeft een diepgaande invloed op leesbaarheid en gebruikerservaring.

Het verwijst naar de lege, niet-ingevulde ruimte tussen elementen zoals tekst, afbeeldingen en knoppen.

Hier zijn enkele redenen waarom witruimte van onschatbare waarde is:

+ Verhoogde leesbaarheid:
Voldoende witruimte rond tekstblokken maakt het gemakkelijker voor lezers om zich te concentreren en de inhoud te begrijpen. Het voorkomt dat de tekst overvol lijkt en vergroot zo de leesbaarheid.

+ Focus op belangrijke elementen:
Witruimte kan de aandacht vestigen op belangrijke elementen zoals call-to-action knoppen. Dit leidt tot meer conversies doordat gebruikers sneller en duidelijker worden geleid naar acties die je wilt dat ze ondernemen.

+ Ademruimte en rust:
Witruimte creëert een gevoel van ademruimte en rust in het ontwerp. Dit vermindert visuele overbelasting en maakt het aantrekkelijker en comfortabeler voor gebruikers om door je website te navigeren.

+ Merkidentiteit en professionaliteit:
Het slimme gebruik van witruimte straalt professionaliteit en doordachtheid uit. Het kan je merkpositie versterken door een gevoel van verfijning en kwaliteit te creëren.

+ Responsieve ervaring:
Witruimte is vooral belangrijk voor responsieve designs op mobiele apparaten. Het zorgt ervoor dat content en elementen niet te dicht op elkaar staan en voorkomt zo onbedoelde tikken en frustraties.

Gerelateerde artikelen

• Het geheim achter een succesvolle website
• Maak je bezoeker blij met user experience
• Tips voor een gebruiksvriendelijke website
• Conversie optimalisatie tips
• Professioneel webdesign in 7 stappen
• Van afleiding naar online betrokkenheid
• Witruimte door wikipedia

Veel gestelde vragen