Vraag een willekeurige ondernemer hoe klanten zijn website vinden en het antwoord is bijna altijd: via de telefoon. Toch draaien nog altijd bedrijfswebsites die eigenlijk voor een breed beeldscherm zijn ontworpen, met een mobiele versie die er min of meer bij is geplakt. Knoppen die net te klein zijn om aan te tikken. Tekst die je moet inzoomen. Menu's die over elkaar heen vallen. Dat is geen kleine ergernis meer, dat is een directe reden om af te haken.
Responsive webdesign is inmiddels geen technisch detail dat je aan een webbouwer overlaat. Het is de basis waarop een website staat of valt.
De cijfers liegen niet: in Nederland gebeurt inmiddels ruim de helft van al het webverkeer via een smartphone, en bij lokale zoekopdrachten ligt dat percentage vaak nog hoger. Iemand die op zijn telefoon "loodgieter Heerlen" of "kapper bij mij in de buurt" typt, zit onderweg, tussen twee afspraken door of gewoon op de bank. Die persoon heeft geen geduld voor een website die traag laadt of niet fatsoenlijk past op zijn scherm.
Wat vroeger "mobielvriendelijk maken" heette als aparte stap, is nu gewoon het uitgangspunt. Bij een goede website laten bouwen begin je tegenwoordig met het mobiele ontwerp en werk je van daaruit naar het grotere scherm toe, niet andersom. Dat klinkt als een detail, maar het verandert hoe een site wordt opgebouwd: welke informatie als eerste zichtbaar is, hoe groot knoppen zijn, hoeveel tekst je in één oogopslag toont.
Responsive betekent dat een website zich automatisch aanpast aan het scherm waarop hij wordt bekeken. Geen aparte mobiele site met een ander adres, maar één website die slim reageert op de beschikbare ruimte. Tekst herschikt zich, afbeeldingen schalen mee, menu's veranderen van een horizontale balk in een overzichtelijk hamburgermenu.
Dat vraagt om keuzes tijdens het ontwerpproces. Een foto die op desktop prachtig breed uitpakt, moet op mobiel misschien bijgesneden worden. Een tabel met tien kolommen werkt niet op een schermpje van zes centimeter breed, dus die moet anders worden vormgegeven. Bij Nomiss Webstudio bouwen we sites vaak met de Oxygen Builder, juist omdat dat platform veel controle geeft over hoe elk onderdeel zich gedraagt op elk formaat scherm, zonder dat de site log of traag wordt.
Stel je een bezoeker voor die via Instagram op je pagina belandt. Hij ziet een mooie foto van jouw product, klikt door, en komt terecht op een site waar de tekst over de rand van het scherm loopt en de "bestel nu" knop ergens onderaan verstopt zit tussen twee andere elementen. Die bezoeker klikt weg. Niet omdat hij niet geïnteresseerd was, maar omdat de drempel te hoog werd gemaakt.
Dat is precies waar het pijn doet: in de conversie. Een bezoeker die moeite moet doen om te lezen, te klikken of te bestellen, haakt af voordat hij klant wordt. Voor een conversiegerichte website is een goede mobiele ervaring dan ook geen bijzaak, het is een van de belangrijkste knoppen om aan te draaien.
Er speelt nog iets mee: Google beoordeelt websites tegenwoordig primair op de mobiele versie, niet op de desktopversie. Dat heet mobile-first indexing. Een site die op mobiel slecht presteert, scoort dus ook lager in de zoekresultaten, zelfs als de desktopversie er prima uitziet. Wie serieus werk wil maken van vindbaarheid, ontkomt niet aan een solide responsive fundament.
Responsive design zonder snelheid is als een mooie etalage met een dichte deur. Mobiele bezoekers zitten vaker op wisselende netwerkverbindingen, in de trein, op een terras, onderweg in de auto als bijrijder. Een site die drie of vier seconden nodig heeft om te laden, verliest een groot deel van die bezoekers al voordat de pagina volledig zichtbaar is.
Een snelle website vraagt om lichte afbeeldingen, opgeschoonde code en een hosting die het aankan. Dat zijn technische keuzes, maar het effect is heel concreet merkbaar voor de bezoeker: het verschil tussen direct verder klikken of ongeduldig wegtikken.
Veel ondernemers hebben een website die een aantal jaar geleden prima werkte, maar inmiddels achterloopt op wat bezoekers verwachten. Test je eigen site eens bewust op je telefoon: lukt het om zonder inzoomen alles te lezen? Werkt het contactformulier soepel? Is de belangrijkste knop, bel ons, bestel nu, maak een afspraak, meteen zichtbaar zonder te scrollen?
Als het antwoord op een van die vragen nee is, is dat een signaal. In het artikel wanneer is het tijd voor een nieuwe website? gaan we dieper in op de andere signalen die daarbij horen, van verouderd design tot een dalende conversie.
Een website die overal goed werkt, op de telefoon in de bus, op de laptop op kantoor, op de tablet in de wachtkamer, is geen extra service meer richting je klant. Het is simpelweg de standaard waar elke bedrijfswebsite vandaag de dag aan moet voldoen.
