Wat is mobile first en waarom werkt het beter?

Mobile first betekent dat je begint met het ontwerp voor de kleinste schermen en van daaruit uitbreidt naar groter, in plaats van andersom.

Dat klinkt als een volgordekwestie maar het verandert de uitkomst. Op een klein scherm moet je kiezen wat er echt toe doet, en die keuze houdt stand op groot scherm. Begin je bij desktop, dan moet je later dingen weglaten, en dat leidt tot mobiele versies waar de helft van de inhoud verstopt zit achter uitklapmenu’s.

Er is ook een technische reden. Bouw je van klein naar groot, dan laadt een telefoon alleen de basisregels en niet ook nog alle uitzonderingen voor grotere schermen. Dat scheelt in laadtijd op precies het apparaat waar die het meest telt.

Mobile first is dus geen ontwerpstijl maar een volgorde van werken. En het is de volgorde die aansluit bij hoe Google je site beoordeelt.