Mobile first design is een ontwerpaanpak waarbij een website eerst wordt ontworpen voor mobiele schermen, voordat de indeling voor grotere schermen zoals desktop wordt uitgewerkt, in plaats van andersom.
Belang voor UX en SEO
Met een groot deel van het internetverkeer via mobiel, zorgt deze aanpak ervoor dat de belangrijkste ervaring optimaal is voor de meerderheid van bezoekers, in plaats van een desktopervaring die later slechts verkleind wordt voor mobiel. Google indexeert websites bovendien primair op basis van de mobiele versie, wat mobile first design ook direct relevant maakt voor SEO.
Aanpak
Mobile first design begint met het ontwerpen van de meest essentiele functionaliteit en content voor een klein scherm, waarna aanvullende elementen toegevoegd worden naarmate er meer schermruimte beschikbaar is. Deze aanpak dwingt tot scherpe keuzes over wat daadwerkelijk essentieel is, wat vaak ook de desktopversie overzichtelijker maakt.