Wat is mobile first?

Wat is mobile first? Het betekent dat je een website ontwerpt vanaf het kleinste scherm en hem van daaruit laat groeien naar tablet en desktop.

Lang ging het andersom: eerst een breed ontwerp, daarna passen en meten voor de telefoon.

Die volgorde levert bijna altijd een slechter mobiel resultaat op.

Waarom de volgorde uitmaakt

Op een klein scherm past niet alles. Je moet dus kiezen wat er echt toe doet, en die keuze maakt je pagina ook op een groot scherm beter.

Meer daarover lees je bij waarom je vanaf het kleinste scherm ontwerpt.

Wat het technisch betekent

Je basisopmaak is de mobiele opmaak. Grotere schermen krijgen daar aanpassingen bovenop.

Meer daarover lees je bij breakpoint.

Waarom het nu de standaard is

Omdat de meeste bezoekers via een telefoon binnenkomen en Google je site ook als telefoon bekijkt.

Meer daarover lees je bij wat het betekent voor je vindbaarheid.

Mijn vuistregels

1. Begin je ontwerp op driehonderdvijfenzeventig pixels breed.
2. Zet je belangrijkste actie bovenaan.
3. Eén kolom, geen kunstjes.
4. Test op een echt toestel.

Die laatste laat dingen zien die geen simulatie toont.

Wat het niet is

Een aparte mobiele site. Het is één website die zich aanpast, ontworpen vanaf de kleine kant.

Meer daarover lees je bij het verschil met responsive.

Wat je ermee wint

Een snellere en rustiger pagina, ook op een bureaublad.

Meer daarover lees je bij pagespeed.

Veelgestelde vragen hierover