7 mobile UX mistakes that are silently killing your conversions

Here's a stat that should worry you: the average mobile conversion rate is 1.53%, compared to 4.14% on desktop. That's not because mobile users don't want to buy — it's because most mobile experiences are broken.

1. Tap targets that are too small

Buttons and links that are easy to click with a mouse become impossible to tap with a thumb. Apple recommends a minimum 44x44 pixel tap target. Most websites have links that are 20x20 pixels or smaller.

The fix: Increase padding on all interactive elements. Check your CTA buttons, navigation links, and form fields on a real phone (not just browser devtools).

2. Forms that weren't designed for thumbs

Desktop forms have 8 fields and feel manageable. On mobile, the same 8 fields require scrolling, keyboard switching (email → number → text), and precise tapping.

The fix: Reduce mobile forms to the absolute minimum fields. Use appropriate input types (email, tel, number) so the right keyboard appears. Add autofill attributes.

3. Hero images that push content below the fold

A full-screen hero image looks great on desktop. On mobile, it pushes your headline, value prop, and CTA below the visible area. The visitor sees a pretty photo and nothing else.

The fix: On mobile, reduce hero image height or show it below the headline. CTA above the fold on mobile is non-negotiable.

4. Horizontal scrolling

Any element wider than the viewport creates horizontal scrolling. Common culprits: wide tables, oversized images, code blocks, and comparison charts.

The fix: Wrap tables in scrollable containers. Use responsive images. Test every page on a real phone, not just responsive mode in Chrome.

5. Pop-ups that cover the entire screen

Desktop pop-ups are annoying. Mobile pop-ups are deal-breakers. They're hard to close (tiny X button), they cover the content, and Google may penalize your site for intrusive interstitials.

The fix: Use banners or slide-ins instead of full-screen pop-ups. If you must use a pop-up, make the close button at least 44x44 pixels.

6. Slow loading on cellular connections

Your site might load in 2 seconds on Wi-Fi. On 4G, it might take 6 seconds. On 3G (still common in many markets), 12+ seconds.

The fix: Test with Chrome DevTools' network throttling. Optimize images, defer non-critical JavaScript, and use a CDN. Target under 3 seconds on a 4G connection.

7. Fixed elements that eat screen space

Sticky headers, cookie banners, chat widgets, and promotional bars can consume 40%+ of the mobile viewport. The visitor can barely see the actual content.

The fix: Keep sticky elements minimal. One sticky header is fine. A sticky header + cookie banner + chat widget + promo bar = the visitor can see two lines of content. Remove or collapse secondary elements on mobile.

The 5-minute mobile audit

1. Open your site on your phone (not in responsive mode — on an actual phone)
2. Try to complete your primary conversion action (sign up, buy, contact)
3. Note every moment of friction: hard-to-tap elements, confusing navigation, slow loading, content you can't read
4. Fix the top 3 issues this week

Most teams haven't done this in months. The friction they'd discover would explain their mobile conversion gap.