Ecommerce Mobile UX Checklist: 15 Issues That Kill Conversions

Mobile accounts for 70%+ of ecommerce traffic but typically converts at half the rate of desktop. The gap isn't because mobile users are less serious buyers — it's because most ecommerce stores are designed desktop-first and adapted for mobile as an afterthought. These 15 UX issues are the most common mobile conversion killers.

Navigation & Discovery

1. Tiny Tap Targets

Google recommends a minimum tap target size of 48x48px with at least 8px spacing between targets. Most ecommerce stores have filter buttons, size selectors, and navigation links far smaller than this. When users mis-tap on mobile, they land on wrong pages and bounce. Audit your touch targets with Chrome DevTools' mobile overlay.

2. Broken Search Experience

Mobile users search more than desktop users — yet many stores hide search behind a tiny icon, have no autocomplete, and display results in a layout that requires horizontal scrolling. Your search bar should be prominent, autocomplete should be fast, and results should display in a single-column grid with large product images.

3. Unfiltered Category Pages

A category page with 200 products and no mobile-optimized filters is unusable on a phone. Implement sticky filter buttons at the top of category pages. Use bottom-sheet filter panels (not full-page modals) so users can see results updating as they filter. Show active filter count on the button.

4. Hamburger Menu Overload

Stuffing your entire site hierarchy into a hamburger menu and calling it "mobile navigation" is not a solution. Expose your top 4-5 categories in a horizontal scroll bar below the header. Use the hamburger menu for secondary navigation only. Users who can see categories directly navigate 2-3x faster than those who have to open a menu first.

Product Pages

5. Non-Swipeable Product Images

Desktop product pages use thumbnail galleries. Mobile users expect to swipe through images. If your product gallery requires tapping tiny thumbnails on mobile, you're adding friction. Implement a full-width swipeable image carousel with dot indicators showing image count and position.

6. Add to Cart Below the Fold

If a mobile user has to scroll past a 500-word product description to find the "Add to Cart" button, you're losing sales. Use a sticky "Add to Cart" bar that stays visible at the bottom of the screen as the user scrolls. This single change consistently shows 5-15% conversion lift in A/B tests.

7. Unreadable Product Details

Product descriptions formatted for desktop with long paragraphs, wide tables, and inline images that don't resize. On mobile, use collapsible accordion sections for details (Description, Specifications, Reviews, Shipping). Keep the visible portion short and scannable with bullet points.

Cart & Checkout

8. No Guest Checkout

Requiring account creation on mobile is a conversion killer. 34% of mobile users abandon carts specifically because they're forced to create an account (Baymard Institute). Offer guest checkout prominently. If you need their email for the order, collect it during checkout — don't gate the entire process behind registration.

9. Form Fields Without Mobile Input Types

Credit card fields that show a full QWERTY keyboard instead of the numeric pad. Email fields without the @ shortcut. Phone number fields that don't auto-format. Use the correct HTML input types: type="tel" for phone, type="email" for email, inputmode="numeric" for card numbers. These small details reduce form-fill time by 20-30%.

10. Multi-Page Checkout on Mobile

Each page transition on mobile is an abandonment opportunity. Consolidate checkout into a single scrollable page with clear sections (Shipping, Payment, Review). If you must use multiple steps, show a clear progress indicator and allow back-navigation without losing entered data.

11. Missing Payment Options

Apple Pay, Google Pay, and Shop Pay can reduce mobile checkout to a single tap. Stores that offer these mobile-optimized payment methods see 30-50% higher mobile conversion rates. If you only offer credit card entry on mobile, you're leaving money on the table.

Performance & Technical

12. Slow Initial Page Load

Mobile users on cellular connections expect pages to load in under 3 seconds. The average ecommerce page takes 5-7 seconds. Every additional second of load time reduces conversion by 7% (Google research). Optimize images, defer non-critical JavaScript, and implement lazy loading for below-fold content.

13. Layout Shift During Load

Content jumping around as images and ads load is disorienting on mobile and causes mis-taps. Set explicit width and height attributes on images, use CSS aspect-ratio for dynamic containers, and reserve space for ad slots. Target a Cumulative Layout Shift (CLS) score under 0.1.

14. Popups That Can't Be Closed

Email capture popups, cookie consent banners, and promotional modals that cover the entire mobile screen with a tiny, hard-to-find close button. Google penalizes intrusive interstitials on mobile. Use bottom bars or small banners instead of full-screen popups. If you must use a modal, make the close button at least 44x44px.

15. Missing Viewport Meta Tag

Without <meta name="viewport" content="width=device-width, initial-scale=1">, mobile browsers render the page at desktop width and scale it down. The text becomes unreadable, links unclickable. This is the most basic mobile issue and still affects a surprising number of stores — especially older custom builds.

How to Audit Your Mobile UX

The fastest way to find mobile issues is to actually use your store on a phone. Place a real order on your mobile site every month. But for technical checks like viewport tags, security headers, and performance metrics, automated tools catch what manual testing misses.

Run a free StoreVitals scan — it checks for viewport tags, performance issues, accessibility problems, and mobile-specific technical issues across up to 20 pages of your store.