卢克·沃布莱夫斯基 (Luke Wroblewski) 在 2009 年正式命名了这种设计方法，但其背后的逻辑其实早已迫在眉睫。手机已成为人们访问网络的主要途径，而先设计桌面布局的做法迫使设计师之后再将复杂的功能塞进小屏幕上。移动优先则颠覆了这一顺序。它从最小的屏幕入手，确定最重要的元素，然后再逐步扩展到平板电脑和桌面布局。

这种限制反而能带来成效。狭窄的视口迫使设计师进行筛选。导航简化为菜单。内容排列成单列。每个功能都必须物尽其用。设计师会绘制便于拇指点击的目标区域，考虑单手操作，并预留出网络连接速度较慢的情况。当设计扩展到更大的屏幕时，多余的空间会用来增加缓冲区域和辅助面板，而不是堆砌新的杂乱元素。

核心实践

• 线框图应以手机屏幕宽度为基准。
• 毫不留情地确定内容层级的优先级。
• 设计触摸目标至少为 44 像素。
• 最后才扩展到平板电脑和台式机。

响应式设计和移动优先策略通常相辅相成。移动优先策略设定优先级，而响应式设计则负责在不同屏幕尺寸下实现自适应。