For most small business websites, more than half of all traffic — often well over that — now arrives on a phone. "Mobile-first" used to mean "make sure the desktop site also works on mobile." Today it means the opposite: design for the phone screen first, and treat the larger desktop layout as the expanded version.
Why the order matters
Starting with a desktop design and then squeezing it onto a phone tends to produce cramped navigation, tiny tap targets, and content that was written for a wide screen and reads awkwardly on a narrow one. Starting with mobile forces the important decisions early: what actually needs to be on this page, and what's genuinely optional.
What good mobile design actually involves
- Tap targets sized for thumbs, not cursors. Buttons and links need enough space around them that a real thumb, on a moving bus, can hit the right one the first time.
- A navigation menu that doesn't fight the screen. A menu that took over half a desktop screen would never have been considered acceptable; a menu that takes over a whole phone screen often is, without much thought.
- Forms that don't punish typing on glass. The right keyboard type for the right field (numeric for phone numbers, email keyboard for email addresses), autofill support, and the fewest possible required fields.
- Text that's actually readable without zooming. A minimum of 16px body text is a reasonable baseline — smaller, and visitors start pinching to zoom, which is exactly the friction mobile design is supposed to remove.
It's not just phones — it's real-world conditions
Mobile-first also means designing for spotty connections, smaller data plans, and a visitor who's distracted, standing up, or in a hurry. That's a large part of why mobile-first design and website speed (see our guide to what makes a site fast) tend to go hand in hand — the same discipline that produces a good phone experience usually produces a faster one too.
The bottom line
If your site was designed for desktop first and adapted for mobile as an afterthought, it's very likely costing you visitors who never make it past the first screen. Designing mobile-first from the start — or reworking an existing site with that priority — tends to pay for itself quickly.