generalFrom mobile visitor to customer: five UX mistakes that cost conversions daily
Discover the five problems that mobile visitors encounter time and again, with concrete examples and inspiration from Dutch and international brands.
Chapters
7Key Takeaways
- Prevent scroll fatigue by showing navigation options early on the page, such as sticky headers, tiles, or sideways scroll
- Use the Bite-Snack-Meal method to guide visitors step by step towards more detail without overwhelming them
- Make product comparison possible on mobile via horizontal swipe patterns with locked row labels
- Let visitors choose how they view the offering via a toggle for list or grid view
- Bring products to life with moving images or scroll animations so visitors experience the product instead of reading about it
- Use contextual imagery to make a promise or service tangible on a small screen
- Apply your brand color at every scroll level so visitors never lose the visual connection with your brand
- Show core specifications already on the listing page so visitors can compare without having to click through
- Make price composition clear early in the process to prevent unexpected costs and reduce abandonment
- Walk through your own mobile checkout process completely at least monthly to identify pain points in time
About this masterclass
More than 80% of your visitors browse on a smartphone. Yet four out of five e-commerce sites score mediocre or poorly on mobile user experience. The gap between browsing and actual purchase is large, and five recurring UX mistakes are largely responsible for this.
The five mistakes that cost conversions
Scroll fatigue occurs as soon as navigation is hidden behind a hamburger menu. Visitors who can't quickly find what they're looking for drop off. Brands like ASR and Eneco show how you can guide visitors step by step without overwhelming them by using product tiles high on the page, tab structures, and in-page navigation.
Incomparable offerings is the second stumbling block. On desktop you compare products with a simple glance from left to right. On mobile, features disappear as soon as you scroll. ABN AMRO solves this with a horizontal swipe where the peek effect, a visible piece of the next column, shows that there's more to compare. VGZ locks the row labels so the context never disappears from view.
Boring product presentation costs you the first impression. This is formed within 50 milliseconds and hardly changes afterward. Apple weaves scroll animations into the page so visitors experience the product instead of reading about it. Canopy uses contextual imagery to make a hotel promise tangible. ANWB brings back the brand colors at every scroll level so the brand identity never disappears.
Non-transparent pricing in the checkout is one of the biggest drop-off moments. Not because the costs are too high, but because they appear too late. On a small screen you need to make conscious choices about what you show when.
What you can do tomorrow
Walk through your entire ordering process today on a smartphone. Check if your navigation is directly visible, if visitors can compare products without having to remember, if your first full-screen image radiates brand identity, and if the pricing structure is clear early in the process. The brands in this webinar prove that small adjustments in structure and image use make a measurable difference in conversion.
Speaker
Marc Roescher
Digital Research Consultant · WUA
Want to improve your customer experience?
Discover how WUA can help you outperform the competition.

