What Does "Mobile-Friendly" Actually Mean for a Website?

Almost every website claims to be "mobile-friendly" these days. In practice, that term gets used pretty loosely — plenty of sites that technically shrink to fit a phone screen are still miserable to actually use on one.

It's not just "does it shrink to fit"

Responsive layout — where the page rearranges itself for a smaller screen — is the baseline, not the whole picture. A site can be technically responsive and still fail the real test: can someone actually get something done on it with one thumb, on a real phone, on a real mobile connection?

What actually matters

• Tap targets big enough to hit. Buttons and links sized for a mouse cursor are frustrating to tap accurately with a finger.
• Text you can read without zooming. If a visitor has to pinch-zoom to read your services, that's a fail.
• A menu that works one-handed. Hamburger menus that require careful precision, or that cover the whole screen with no obvious way out, add friction right when someone's trying to find your contact info.
• Forms that are easy to fill on a phone keyboard. The wrong keyboard type for a phone number field, or fields too small to see what you've typed, quietly kill form completions.
• Actually loading quickly on mobile data. Being "mobile-friendly" on office wifi and being usable on a spotty 4G connection in a parking lot are two different things.

A quick way to check your own site

Turn off your wifi, open your website on your phone using mobile data, and try to actually do the thing a customer would do — call you, fill out the contact form, find your hours. If any step feels annoying to you, on your own site, that's worth fixing before it costs you a customer. Rebuilding Ironclad Power Solutions from an old non-mobile-first layout, and fixing a mobile display bug on ProComfort HVAC, are both exactly this kind of one-handed-phone-test fix.