Dit is waarom je zelfgemaakte website snel rommelig wordt

Vaak hoor ik mensen zeggen dat ze onzeker zijn over hun zelfgemaakte website omdat deze er onprofessioneel, amateuristisch of rommelig uitziet. Super vervelend, want juist van je eerste indruk wil je dat deze goed is. Gelukkig is er een theorie die je toe kunt passen om ervoor te zorgen dat je website meer rust uitstraalt. Een techniek die ook gebruikt wordt door professionele designers, waarbij het gaat om het aanbrengen van een ‘ritme’ in je design. Benieuwd hoe dit werkt? Dat ga ik je hieronder uitleggen.

Ritme in design

De definitie van het woord ritme is “een herhaling in bepaald patroon of een bepaalde regelmaat”. Iets wat dus telkens opnieuw gebeurt. Denk bijvoorbeeld eens aan een zebrapad, waarbij de witte en zwarte strepen elkaar telkens afwisselen. De strepen zijn even breed en lang, waardoor je in één oogopslag ziet dat het om een zebrapad gaat.

Een ritme kan dus gebruikt worden voor herkenbaarheid. Maar een ritme heeft nog een belangrijke functie, je kunt er namelijk ook rust mee aanbrengen. Stel je voor dat de strepen van het zebrapad schots en scheef staan en allemaal een verschillende lengte en dikte hebben, dat alle lantaarnpalen op verschillende plekken staan en dat de weg allemaal onnodige bochten heeft. Dat zou flink wat onrust met zich meebrengen, nietwaar?

Om chaos te voorkomen wordt er daarom voor gekozen om een bepaald ritme aan te houden. Om de paar meter staat er een lantaarnpaal. Deze staat vaak links een maximaal aantal meters van een stoplicht en rechts ook, een weg loopt meestal recht. En ga zo maar door. Zo wordt er een leefomgeving voor ons ontwikkeld waarin we rustig en veilig kunnen leven én waarvan we weten wat er van ons verwacht wordt. Maar dit gebeurt niet alleen in de fysieke wereld.

Ritme in je webdesign

Het aanbrengen van ritme gebeurt namelijk ook in de digitale wereld. Bijvoorbeeld door de ruimte tussen een knop en een tekst altijd gelijk te houden, de grootte van een tekst te vermenigvuldigen om de grootte van een koptekst te bepalen en de ruimte aan de linker- en rechterkant van je website altijd gelijk te houden. Eigenlijk wordt er voor het hele ontwerp van een website gebruik gemaakt van een bepaald ritme.

Door gebruik te maken van een ritme ontstaat er rust in een website. Rust die ervoor zorgt dat een bezoeker een prettige ervaring heeft én die ervoor zorgt dat jouw website er professioneel uitziet.

Hieronder zie je een voorbeeld van het ritme in mijn eigen website. Je kunt zien dat er de ene keer gebruik wordt gemaakt van één blokje ruimte, dan weer 2 blokjes en soms 3 blokjes. In sommige gevallen wordt er ook een half blokje ruimte gebruikt.

In webdesign termen wordt voor het aanbrengen van ritme vaak gebruik gemaakt van een ‘Grid’. Waarbij een pagina van een website opgedeeld wordt in kolommen en rijen. Ik ga hier verder niet op in omdat de meeste gebruiksvriendelijke WordPress page-builders niet zichtbaar gebruik maken van een grid. Mocht je hier meer over willen weten dan vind je onderaan deze blog een linkje naar een interessante video.

Hoe pas je ritme toe in je website?

Nu ben je waarschijnlijk benieuwd hoe je het ritme terugbrengt in je website. En ik moet je helaas teleurstellen want hier is geen eenvoudige oplossing voor. Het ritme bepaal je in veel gevallen al in de ontwerpfase, de fase voordat je de website daadwerkelijk gaat bouwen. Wil je achteraf nog ritme toepassen, dan zal je hier een tijdje zoet mee zijn, omdat je voor elk element op je website de juiste afstand en grootte moet bepalen. Heb je hier de tijd niet voor, dan zou ik zeker niet aanraden om hieraan te beginnen. (De kans dat het rommeliger wordt is groot)

Een minder tijdsintensieve oplossing is door je huidige pagina’s opnieuw te ontwikkelen met de standaard templates van je website page-builder. De meeste page-builders zoals Elementor en Divi hebben namelijk een bibliotheek met templates in verschillende thema’s. Kies een thema en maak gebruik van de blokken en pagina’s uit dit thema. Deze zijn (vaak) volgens een ritme ontworpen en gebouwd. Je kunt beginnen bij de belangrijkste pagina en daarna stapje voor stapje de overige pagina’s aanpakken. (Je hoeft dus niet alles in één keer te doen).

Wil je toch liever iets wat helemaal naar jouw wens is? Dan kun je ervoor kiezen om je website te laten bouwen, of om je verder te verdiepen in het webdesign Grid. Zelf vond ik dit een erg interessant filmpje waar ik veel van geleerd heb: Grid Systems in Web & UI Design

Bram Baas

Op de hoogte blijven van mijn ervaring als ondernemer?

Schrijf je in voor mijn nieuwsbrief, vol eerlijke verhalen en praktische learnings. Speciaal voor de professionele ondernemer die verlangt naar online rust.

Binnenkort online!

Wil jij leren hoe jouw website 80% minder CO2 uit stoot?

Bekijk het GRATIS 25 minuten durende webinar: een introductie in online duurzaamheid

Dat en meer vertel ik je in het GRATIS webinar: een introductie in online duurzaamheid. Meld je nu aan en krijg een mailtje zodra het webinar live is!

Klik hier voor meer informatie