Start small
Wroblewski (2011) gave three reasons to design for mobile first: explosive growth in mobile use, constraints that force focus on what matters, and capabilities such as location, touch and sensors. It replaces graceful degradation with something closer to progressive enhancement, and deciding what to hide and when follows the logic of progressive disclosure.
Relation to responsive design
Marcotte's (2011) responsive design uses fluid grids, flexible images and media queries so one page adapts to many screens. Mobile first decides the direction: write CSS for small screens and expand with min-width queries. Chae and Kim (2004) found deep structures disorient small-screen users, and Nielsen and Budiu (2012) reported lower comprehension on mobile, so mobile first is about content priority, not just layout.
Search and common myths
Ghose, Goldfarb and Han (2013) showed higher search costs on mobile push clicks toward top results. Google indexes the mobile version first (Google Search Central, 2024), so content hidden on mobile can hurt search engine optimisation. Mobile first does not neglect desktop; it leaves room to add. Real mobile first also builds in the thumb zone and touch target size from day one.
FAQ
- Are mobile first and responsive design the same?
- No. Responsive design is the technique for adapting to screens; mobile first is the strategy of designing small screens first. They are usually combined.
- Does mobile first make desktop sparse?
- No. The core is shared, and larger screens add secondary information and features.
Sources reviewed: 2026-10-27
References
- Wroblewski, L. (2011). Mobile first. A Book Apart. The book that popularised mobile first and its argument that constraints force focus.
- Marcotte, E. (2011). Responsive web design. A Book Apart. Defines fluid grids, flexible images and media queries, the implementation side.
- Nielsen, J., & Budiu, R. (2012). Mobile usability. New Riders. Collects mobile usability test findings, including lower comprehension on small screens.
- Chae, M., & Kim, J. (2004). Do size and structure matter to mobile users? An empirical study of the effects of screen size, information structure, and task complexity on user activities with standard web phones. Behaviour & Information Technology, 23(3), 165–181. Shows how screen size and information structure affect navigation on small screens.
- Ghose, A., Goldfarb, A., & Han, S. P. (2013). How is the mobile Internet different? Search costs and local activities. Information Systems Research, 24(3), 613–631. Evidence that higher search costs on mobile concentrate clicks on top-ranked items.
- Sanchez, C. A., & Branaghan, R. J. (2011). Turning to learn: Screen orientation and reasoning with small devices. Computers in Human Behavior, 27(2), 793–797. Finds screen orientation affects reasoning, relevant to long-form mobile content.
- Google Search Central. (2024). Mobile-first indexing best practices. Google for Developers. Google's official guide to indexing the mobile version first, the SEO angle.