Responsive means the layout adapts to screen size, which nearly every site now does. What separates a genuinely good mobile experience is designing the phone version first, testing on real mid-range devices rather than a resized browser, and getting the touch details right: tap target size, tappable phone numbers and forms that work with a mobile keyboard.
01Adapting is not designing
A squashed desktop layout is technically responsive and practically unusable: four screens of scrolling before anything useful, text requiring pinching, and tables running off the side. Designing the phone version first produces a different result.
02Test on real devices
Browser emulation is useful and it lies about two things: how the page feels on an actual touch screen, and how it performs on a mid-range phone on a poor connection. Keep a cheap Android handset and open the site on it.
03Touch details
Tap targets at least 44 pixels with spacing between them, primary actions within thumb reach, and no functionality that depends on hover, because hover does not exist on a phone.
04Tappable everything
Phone numbers that dial, addresses that open maps, WhatsApp that opens a chat. Obvious, and still missing from a large share of the sites we audit.
05Forms that work with a mobile keyboard
Correct input types so the number pad appears for phone fields, no fields that reject spaces in phone numbers, and short enough to complete standing up.
06Mobile-first indexing is the default
Google indexes the mobile version. Content or structured data present only on desktop effectively does not exist, which still catches out sites with separate mobile layouts.