Luke Wroblewski adta a gyakorlatnak a nevét 2009-ben, de a logika már akkoriban sürgető volt. A telefonok váltak az elsődleges eszközzé az internet eléréséhez, és az asztali elrendezések megtervezése először arra kényszerítette a tervezőket, hogy később a komplexitást kis képernyőkre zsúfolják. A „mobile first” megfordítja a sorrendet. Kezdjük a legkisebb képernyővel, döntsük el, mi a legfontosabb, majd bővítsük ki a táblagépes és asztali elrendezéseket.

A megkötés produktív. A keskeny nézetablak triázst kényszerít. A navigáció egy menübe omlik össze. A tartalom egyetlen oszlopba kerül. Minden funkciónak indokolnia kell a helykihasználását. A tervezők hüvelykujjbarát koppintási célpontokat vázolnak fel, figyelembe veszik az egykezes használatot, és lassú internetkapcsolattal számolnak. Amikor a terv nagyobb képernyőre nő, a plusz helyet a légtér és a másodlagos panelek számára használják fel, ahelyett, hogy új rendetlenséggel zsúfolnák tele.

Alapvető gyakorlatok

• A drótvázakat telefonszélességgel kezdd.
• Könyörtelenül rangsorold a tartalomhierarchiát.
• A tervezés során az érintőképernyőknek legalább 44 képpontosnak kell lenniük.
• Váltson tabletre és asztali számítógépre is.

A reszponzív tervezés és a mobilközpontúság gyakran együtt jár. A mobilközpontúság határozza meg a prioritást. A reszponzív kialakítás kezeli az alkalmazkodást a töréspontokon keresztül.