Iedereen mobiel: maak je website Mobile First

Bij het opmaken van een design voor je website zorg je ervoor dat het design in eerste instantie werkbaar is voor een smartphone. Pas daarna pas je dit aan naar een website die geschikt is voor de desktop. Mobile first dus. Je werkt beter van ‘klein naar groot’ dan omgekeerd. Het is namelijk gemakkelijker om een design uit te vergroten dan een design voor desktop te ‘verkleinen’.

Doordat het scherm van een smartphone of tablet redelijk klein is, is het belangrijk dat de leesbaarheid goed is. Kies dus een lettertype dat werkt voor beide formaten. Ook de kleurinstelling is niet onbelangrijk. Wit op een zwarte achtergrond leest namelijk beter dan een lichtgrijs lettertype op een witte achtergrond.

Nog een groot verschil is de navigatie, beperk het aantal keuzes in het menu. Zorg voor een duidelijke structuur in je menu en een goed zichtbare zoekfunctie bovenaan je pagina. De uitgebreide menubalk maakt hier plaats voor een kleiner ‘hamburger’-menu dat alles omvat. Plaats beneden de knop naar de homepagina, de favorieten en de overige nodige info. Zo zie je in één oogopslag wat voor jouw website belangrijk is.

Naast de leesbaarheid zijn ook de groottes van je buttons van belang. De meeste smartphone-gebruikers bedienen deze met hun duim en vaak ook maar met één hand. Je moet er dus rekening mee houden dat iedereen gemakkelijk moet kunnen klikken. Per ongeluk een andere button raken kan heel vervelend zijn. Plaats de belangrijke info of aanklikbare vakjes dan ook centraal, op een duimvriendelijke plaats!

Bovendien is het van belang dat je de contactgegevens aanklikbaar maakt. Dat is sowieso handig op een desktop, maar zeker op een smartphone. Je verhoogt er je bereikbaarheid mee. De handeling is korter bij een smartphone waardoor een potentiële klant je onmiddellijk kan bellen wanneer die op je telefoonnummer klikt.