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.