Pak je telefoon en open een paar websites. De kans is groot dat je daarmee precies doet wat de meeste van jouw bezoekers ook doen: surfen op een klein scherm. Voor verreweg de meeste mkb-sites komt het grootste deel van het verkeer via de telefoon. Toch wordt een site nog vaak ontworpen op een grote desktop en pas achteraf mobiel gemaakt. Dat is de verkeerde volgorde. Deze gids legt uit hoe je mobiel-eerst denkt, zonder de desktop te vergeten, zodat elke bezoeker een prettige ervaring heeft.
Waarom mobiel voorop staat
Er zijn twee redenen om mobiel serieus te nemen. De eerste is je bezoeker: als die op zijn telefoon moet inzoomen, ministknoppen moet raken of eindeloos moet scrollen, haakt hij af. De tweede is Google, dat je site vooral op de mobiele versie beoordeelt. Een site die op de telefoon stroef werkt, zakt weg in de zoekresultaten, ook voor desktopbezoekers. Mobiel goed regelen is dus niet langer een extraatje, maar de basis van een werkende website.
Wat mobiel-eerst betekent
Mobiel-eerst draait de gebruikelijke volgorde om. In plaats van een ruime desktoppagina te bedenken en die in te krimpen, begin je bij het kleine scherm en laat je het ontwerp doorgroeien naar groter. Het voordeel is dat je vanaf het begin scherpe keuzes maakt over wat echt belangrijk is, want op een telefoon is geen ruimte voor ballast. Wat op een klein scherm goed werkt, werkt op een groot scherm bijna altijd ook. Andersom valt dat vaak tegen.
Een telefoon dwingt je tot eerlijkheid. Wat op het kleine scherm niet past, was waarschijnlijk ook op de desktop overbodig.
De belangrijkste keuzes op klein scherm
Op een telefoon tellen een paar dingen extra zwaar:
- Grote, raakbare knoppen. Vingers zijn minder precies dan een muis.
- Leesbare tekst. Groot genoeg om te lezen zonder in te zoomen.
- Een eenvoudig menu. Overzichtelijk en makkelijk te bedienen met de duim.
- De belangrijkste boodschap bovenaan. Bezoekers scrollen, maar willen niet zoeken.
Een goede site past zich vanzelf aan elk schermformaat aan, dat heet responsief ontwerpen. Een aparte mobiele site is verouderd en dubbel werk. Deze keuzes hangen nauw samen met de gids over navigatie en gebruiksvriendelijkheid.
Snelheid op mobiel
Op een telefoon is snelheid extra belangrijk, want bezoekers zitten vaker op een wisselende verbinding en hebben minder geduld. Zware afbeeldingen en overbodige code wreken zich juist op mobiel. Houd je pagina's licht, comprimeer je foto's en vermijd onnodige toeters en bellen. Hoe je dat aanpakt staat in de gids over snelheid verbeteren en de gids over Core Web Vitals, die Google grotendeels op mobiel meet.
Je site testen op de telefoon
De simpelste test heb je in je broekzak. Open je site op je eigen telefoon en doorloop de belangrijkste taken: lezen, klikken, een formulier invullen en bellen via de telefoonlink. Let op knoppen die te klein zijn, tekst die je moet vergroten en menu's die lastig werken. Wat op jouw telefoon stroef voelt, voelt bij bezoekers net zo. Doe dit ook na elke wijziging aan je site, want een aanpassing die op de desktop prima oogt, kan op mobiel net misgaan.
Zelf doen of uitbesteden?
Testen op je telefoon en kleine teksten aanpassen kun je prima zelf. Een site echt responsief en snel maken op elk schermformaat is technisch werk waar het op aankomt. Bij een nieuwe website ontwerp ik standaard mobiel-eerst, zodat je site op elk apparaat goed werkt en snel laadt. Werkt je huidige site niet lekker op de telefoon, dan kan een redesign dat verhelpen. Neem gerust contact op om te kijken wat nodig is.