Meer dan de helft van je bezoekers zit niet achter een bureau
Meer dan de helft van al het websiteverkeer komt van een mobiel apparaat. Afhankelijk van je doelgroep kan dat oplopen tot zeventig procent of meer. Die mensen bekijken je site terwijl ze onderweg zijn, tussen twee afspraken door, op de bank. Ze scrollen snel, ze hebben weinig geduld en ze beslissen op gevoel.
Als jouw website op die momenten niet goed werkt, verlies je ze. Niet omdat je aanbod niet klopt, maar omdat de ervaring tekortschiet.
Het gaat niet alleen om groot en klein
Hier zit de meest gemaakte misvatting: mobiel design is niet hetzelfde als een desktop-ontwerp dat kleiner wordt gemaakt. Het is een fundamenteel andere manier van kijken naar hoe mensen content binnenkrijgen.
Een bezoeker achter een groot scherm heeft overzicht. Hij ziet meerdere secties tegelijk, kan snel scannen en neemt bewust beslissingen over waar hij klikt.
Een bezoeker op een telefoon ervaart je website lineair. Hij scrollt van boven naar beneden, één sectie tegelijk. Volgorde en hiërarchie worden daarmee veel belangrijker. Wat staat er bovenaan? Wat krijgt hij als eerste te zien? Wat moet hij begrijpen voordat hij verder scrolt?
Alle schermen zijn anders
Elk formaat stelt andere eisen aan lay-out, tekstgrootte, witruimte en navigatie. Een element dat op een 32 inch widescreen één derde van het scherm inneemt, beslaat op een 13 inch laptop bijna de volle breedte. Wat op een groot scherm als rustig en ruim aanvoelt, kan op een kleiner scherm krap en onoverzichtelijk worden. En andersom: een lay-out die op een laptopscherm precies goed zit, kan op een widescreen uitgerekt en leeg aanvoelen.
Responsive design gaat daarom niet over vaste pixelbreedtes. Het gaat over grids: verhoudingen die meebewegen met de beschikbare ruimte. Een goed grid schaalt niet alleen mee in grootte, maar past ook de structuur aan. Twee kolommen naast elkaar op desktop worden één kolom op mobiel. Een navigatiebalk wordt een uitklapmenu. Lettergroottes schalen mee zodat tekst op elk scherm prettig leesbaar blijft.
Een ontwerp dat op al die formaten goed werkt is niet toevallig goed. Dat is bewust gebouwd, getest op echte apparaten en bijgestuurd waar het niet klopt.
Witruimte is geen luxe
Op een klein scherm is witruimte geen esthetische keuze maar een functionele. Elementen die te dicht op elkaar staan zijn moeilijk aan te tikken. Tekst zonder ademruimte is vermoeiend om te lezen. Een pagina die te vol is, voelt overweldigend en jaagt bezoekers weg.
Witruimte geeft rust. Rust geeft vertrouwen. En vertrouwen is precies wat je nodig hebt bij een bezoeker die in dertig seconden beslist of hij contact opneemt.
Hoe mensen content binnenkrijgen verschilt
Er is nog een dimensie die vaak vergeten wordt. Mensen consumeren content niet alleen op verschillende schermen, maar ook op verschillende manieren.
Iemand die leest met een schermlezer omdat hij slechtziend is. Iemand die je site bekijkt in fel zonlicht met een laag contrast op zijn scherm. Iemand die navigeert met één duim omdat hij zijn telefoon met één hand vasthoudt. Iemand die een trage verbinding heeft en niet wacht tot een grote afbeelding geladen is.
Een goed ontworpen website houdt rekening met al deze situaties. Niet omdat het wettelijk verplicht is, hoewel toegankelijkheid steeds meer aandacht krijgt in regelgeving, maar omdat het de juiste manier is om te bouwen.
Mobiel als uitgangspunt, niet als nagedachte
De beste aanpak is mobile first denken: beginnen met de meest beperkende versie en van daaruit opschalen. Wat is de kern van deze pagina? Wat moet een bezoeker op een klein scherm absoluut zien en begrijpen? Als dat klopt, klopt de rest ook.
Een website die op telefoon goed werkt en op desktop uitstekend, is altijd sterker dan een website die op desktop mooi is en op telefoon net acceptabel.
👉 Benieuwd hoe jouw website presteert op verschillende schermen en apparaten? Plan een kennismaking, dan kijken we het samen na.
