Over 60% of web traffic is now mobile. Yet most websites are still designed desktop-first, then awkwardly squeezed for smaller screens. Here's the complete pre-launch checklist to make sure your mobile experience doesn't cost you customers.

Why Mobile UX Is a Conversion Issue, Not Just a Design Issue

Poor mobile UX doesn't just look bad — it costs money. Google uses mobile-first indexing, meaning a poor mobile experience directly impacts your search rankings. And with bounce rates on poorly optimised mobile sites averaging 65%+, you're paying for traffic that immediately leaves.

The Pre-Launch Mobile UX Checklist

✅ Tap Targets

Every button and link should be at least 44×44px. Test every interactive element with your thumb, not your mouse cursor.

✅ Text Legibility

Minimum 16px body text on mobile. Never use light grey on white. Check contrast on a real device in bright sunlight.

✅ No Horizontal Scroll

Zero exceptions. Horizontal scrolling on mobile is a broken experience. Check every page at 320px, 375px, and 414px widths.

✅ Forms

Each field should trigger the correct keyboard (email = email keyboard, phone = number pad). Labels should be above fields, never inside them.

✅ Images

All images should use srcset or be properly sized for mobile. A 2000px image on a 375px screen is wasted bandwidth and slow load time.

✅ CTA Visibility

Your primary CTA should be visible without scrolling on mobile. If it's below the fold on a 667px screen, move it up.

✅ Load Speed

Run your mobile URL through Google PageSpeed Insights. A score below 70 is costing you conversions and rankings.

✅ Test on Real Devices

Browser DevTools is not a substitute for a real device. Test on at least one Android and one iOS device before launch.

The One Test That Catches Everything

Give your phone to someone who didn't build the site. Ask them to complete your primary user journey (sign up, buy, contact). Watch silently. Every moment of hesitation is a UX problem.