Luke Wroblewski gav verksamheten sitt namn 2009, men logiken var redan påtaglig. Telefoner hade blivit det primära sättet människor nådde webben, och designen av skrivbordslayouter tvingade först designers att klämma in komplexitet i små skärmar senare. Mobilfokus vänder på ordningen. Börja med den minsta skärmen, bestäm vad som är viktigast och expandera sedan uppåt till surfplatte- och skrivbordslayouter.

Begränsningen är produktiv. En smal visningsvinkel tvingar fram prioritering. Navigeringen kollapsar till en meny. Innehållet flyttas till en enda kolumn. Varje funktion måste motivera sitt utrymme. Designers skissar tumvänliga tryckpunkter, överväger enhandsanvändning och planerar för långsamma anslutningar. När designen växer till en större skärm används extra utrymme för andrum och sekundära paneler snarare än att det blir överfullt med nytt skräp.

Kärnpraxis

• Börja wireframes vid telefonbredd.
• Prioritera innehållshierarkin skoningslöst.
• Designa pekskärmar med minst 44 pixlar.
• Skala upp till surfplatta och dator sist.

Responsiv design och mobilanpassning samverkar ofta. Mobilanpassning prioriterar. Responsivt hanterar anpassningen över brytpunkter.