Luke Wroblewski ga praksisen navnet sitt i 2009, men logikken var allerede påtrengende. Telefoner hadde blitt den primære måten folk nådde nettet på, og design av skrivebordsoppsett tvang først designere til å stappe kompleksitet inn i små skjermer senere. Mobil først snur rekkefølgen. Start med den minste skjermen, bestem hva som betyr mest, og utvid deretter oppover til nettbrett- og skrivebordsoppsett.

Begrensningen er produktiv. Et smalt visningsområde tvinger frem sortering. Navigasjonen kollapser til en meny. Innholdet flyttes til én kolonne. Hver funksjon må rettferdiggjøre plassen sin. Designere skisserer tommelfingervennlige trykkmål, vurderer bruk med én hånd og planlegger for trege tilkoblinger. Når designet vokser til en større skjerm, brukes ekstra plass til pusterom og sekundære paneler i stedet for å bli stappfullt av nytt rot.

Kjernepraksis

• Begynn wireframes med telefonbredde.
• Prioriter innholdshierarki nådeløst.
• Design berøringsmål på minst 44 piksler.
• Skaler opp til nettbrett og datamaskin sist.

Responsivt design og mobilfokus går ofte hånd i hånd. Mobilfokus setter prioriteten. Responsivt design håndterer tilpasningen på tvers av bruddpunkter.