Logo Logo
  • Platform
    • Products
      • Why Core dna
        See how Core dna transforms your digital business.
      • eCommerce
        Power your eCommerce ambition
      • CMS
        For marketers with vision, not code
      • Automations
        Automate your way to success
      • DXP
        Build, manage, and scale your digital properties in one place.
      By Role
      • Developers
        Modernize your web presence without ripping or replacing anything.
      • Executives
        Empower marketers, free up IT team and slash costs at the same time.
      • Marketers
        Total control, without the development team.
      Company
      • Customers
        Helping power the digital presence of hundreds of customers
      • Features
        Content and commerce features.
      • Services
        From digital transformation strategy to scaling your digital business.
      • Admin login
        Access to Core dna DXP 1 admin
  • Solutions
    • Use Cases
      • B2B
        Go directly to customers with an all-in-one B2B platform.
      • B2C
        Connect to shoppers anytime, anywhere with our B2C eCommerce solution
      • Marketplace
        Multi-vendor eCommerce marketplace platform.
      • Content
        Craft content with ease, then deliver it anywhere.
      • Headless
        A hybrid headless platform loved by marketers and developers.
      • Infrastructure
        Advanced cloud infrastructure built for scale and security.
      By Industry
      • Direct to Consumers / Manufacturing
        Get the tools and experience to thrive in the new direct-to-consumer world.
      • Education
        Create a powerful online presence with your school website.
      • Franchises
        Seamlessly push brand-approved marketing to all locations or specific locations - easily.
      • Retail
        Sell with excellence in-store and online.
      • Media
        Don’t just break news, break news everywhere.
      • Travel & Tourism
        Give travellers the speed and reliability they demand.
      • Membership Organizations
        Empower Your Membership Management with Smart Technology
  • Resources
    • Insights
      • Blog
      • Guides
      • FAQ
      Developers
      • Getting started
      • Documentation
      • API
  • Pricing
  • Partners
    • Why Partner?
    • Program Overview
    • Become a partner
Get started
 
  1. Home
  2. Core dna insights

The Hidden Cost of Poor Ecommerce User Experience

The Hidden Cost of Poor Ecommerce User Experience
Matt Oxley
April 09, 2021 - (6 min read)

Web Development | Website Design | D2C eCommerce

A slow-loading page or clunky checkout might be costing you more than you think. Here's how UX mistakes quietly erode your bottom line.

The discipline of user experience is broad, but ultimately has the goal of creating a digital experience (which may include online and offline journeys) that makes a consumer happy, or at least meets their expectations and doesn’t confuse or frustrate them.

Key takeaways

  • UX is not just UI: User Experience (UX) goes beyond how a site looks—it’s about meeting user expectations and removing friction from their journey.
  • Know your users: Avoid assumptions by using data, indirect and direct feedback to understand your audience and tailor experiences to their needs.
  • Optimize mobile UX: Design for one-handed use, simplify tasks, use gestures wisely, and streamline processes like checkout to boost conversions.
  • Focus on user journeys: Map and improve every step of the user’s path to purchase across devices to reduce drop-offs and increase sales.
In a hurry? Get eCommerce Site

On this page:

    The importance of user experience in eCommerce

    Achieving these goals is vital for generating online sales, as it will literally make or break a sale. According to Forrester Research, every $1 invested in UX can give a $100 return, and so it shows that a few informed changes to your online experience can help optimize conversion rate and provide an impressive return on investment.

    Understanding your users: Assumptions won’t cut it

    The very foundations of user experience are built upon knowing your users, and this means really understanding them. It doesn’t mean making assumptions or just having opinions on what they want, like or expect, but actually doing the research to provide the evidence that supports your understanding. How can you begin to design in a user-centric way if you don’t really know your customers?

    Once you have the research, you can turn this into actionable insights to inform your web design decisions, and that isn’t just the colors and images to use, but the processes and interactions that need refining to solve the conversion problems.

    3 user research methods to get into the minds of your website visitors

    There are different ways to gain insights into your customers.

    Image. 3 user research methods

    1. Raw data and statistics

    Google analytics and your eCommerce platform stats can tell you ‘what’ is happening, such as where people are dropping out or which pages are least popular, but it is through listening to your consumers that you can uncover ‘why’ things are happening.

    2. Indirect feedback methods

    Social media listening, speaking with the customer service team and reviewing client feedback forms, can all provide interesting findings, although often these sources reflect the thoughts of customers who feel particularly positive or negative about their experience.

    Choosing an eCommerce platform?

    3. Direct feedback

    Arguably the more valuable insight can come from those people who had an experience that was just ‘meh’, not particularly bad, but not good enough to make them want to part with their cash and buy. This insight can be gathered through focus groups, interviews, observations and to some extent surveys.

    What are user personas (and what’s their role in UX design)?

    Image. What are user personas

    UX personas are fictional representations of your actual website users and will often include their needs, interests, goals of their website visit, their attitudes, motivations, expectations and technical ability.

    User Personas are created by the research and insight gathered by speaking with your users directly as mentioned above, including those who buy from you and those that don’t. The first step is to identify who your different ‘user types’ are. The personas are used to test different relevant online journeys from the mindset of the different user types (rather than through the eyes of a designer, developer or marketer).

    Personas are used to help teams make decisions whilst thinking in the mindset of different consumers. They help marketers, UX professionals, designers, and developers to understand what users are thinking and feeling. This helps in order to better meet their customers’ needs with a more optimized experience.

    How user journeys affect conversion

    Image. How user journeys affect conversion

    User journeys are the paths that people take to reach their goal. A goal might be to purchase home insurance, a camera or a holiday. A consumer will go through a number of steps (known as ‘Tasks’) to achieve their end goal, this may include brand and/or product research, customer reviews and price comparisons. It is likely that these tasks don’t all take place in one session or on a single device.

    Here is a visualization of a simplified user journey where a consumer wants to buy a new camera, on their mobile phone whilst on the train.

    Image. How user journeys affect conversion 2

    By mapping out the different user journeys in the different context (or ‘Scenarios) in which they take place, means that you can identify opportunities to optimize the experience and make it easier for the consumer to reach their goal when they are ready.

    In reality, the journey will likely be more complex, crossing multiple channels and devices.

    Image. Image. How user journeys affect conversion 3

    All too often consumers are faced with obstacles and barriers to completing their online journey resulting in a lost sale for your business. Whether it is too many steps in a process, a forgotten password, confusion on what to do next or distractions from too many messages, refining the online journey to optimize the user experience can directly reap conversion rewards for eCommerce websites.

    There are a number of techniques that can be applied to help optimize an online journey, but it’s important to realize that what works for some websites, won’t work for others, and that is purely because of the consumers. Simply applying ‘best practice’ UX changes won’t guarantee an increase in conversion and certainly won’t unlock the potential in your own online experience.

    Read this next: The Truth About How to Increase Ecommerce Conversion

    Designing the user journey for mobile

    Image. Designing the user journey for mobile

    While some businesses might believe that their website is great and doesn’t need changing, they are forgetting that users expectations continue to evolve. With every new impressive mobile interaction a user has, they’ll demand more from each digital presence they encounter.

    Yet, despite this increasing pressure, companies are still failing to deliver a great mobile user experience, and as a result, they are suffering the costs, according to Google 50% of users abandon mobile transactions because of a poor experience. 61% say if they can’t find what they are looking for immediately on a mobile site they will quickly move to another site, and 40% will visit a competitor site. This consumer demand combined with the introduction of mobile-first indexing by Google demonstrates the need to deliver an optimal mobile user experience in order to optimize conversion.

    Read this next: eCommerce website Best Practices

    How to improve eCommerce UX to boost mobile conversions

    To improve your online conversion rate, getting the online user experience right on mobile is vital, so here are a few ideas that should be considered in the context of your users and their goals.

    Image. How to improve eCommerce UX

    [Tip #1] Design for the “one-thumb” user

    Image. [Tip #1] Design for the “one-thumb” user

    The majority of people (85%) use their smartphone with one hand and for the 75% of thumb-only users, the size of larger mobile screens means that the amount of content within easy reach is reducing, so remember to keep key actions within easy reach when designing the interface. This also leads to inaccurate tapping, so avoid putting irreversible actions like ‘empty basket’ in areas where it could be accidentally selected.

    [Tip #2] Make it easy

    People don’t like thinking too hard, and as they use their mobile in short bursts, it is even more important to make it easy for consumers to interact with your site. With these insights, you can identify the important actions that users need and want to undertake, and you can drill down to identify how to simplify these as much as possible.

    Using the right keyboard inputs, for example, numerical for credit card details, reducing input fields to the bare minimum, chunking down lengthy forms into manageable amounts, using smart defaults and previous input data can all help speed up and simplify tasks which require mental and physical effort.

    Here is an example from Luke Wroblewski, Product Director at Google, whereby stationery store Staples in the US reduced their online checkout process from 22 fields to just 5.

    Image. [Tip #2] Make it easy

    [Tip #3] Gesture control

    Image. [Tip #3] Gesture control

    Tinder used gesture control as a key part of their online experience and taught the world what it meant to swipe right. Fluid gestures like hold, swipe, drag and pinch are some of the gesture actions that can be used instead of tapping and typing. However, with no universally accepted or consistent standards on using gestures, they should be applied with caution. If tapping or swiping doesn’t result in the outcome that a user expects, then your site will fail. You need to educate your users what the gestures achieve on your site and keep it simple to start with.

    [Tip #4] Streamline processes

    Image. [Tip #4] Streamline processes

    There are a number of common processes or ‘workflows’ that you might expect users to undertake on your mobile site, from account registration to content download, completing a contact form to making a purchase.

    There are certain actions that consistently frustrate users, such as ‘signing up’ and ‘logging in’. Research shows that over half of users will quit rather than doing yet another site registration and 92% will give up if they forget a username. 82% of people forget their passwords and the 75% of people who recover a password won’t complete the checkout process. Similarly, long checkouts are one of the leading causes of abandonment. Providing the option of a guest checkout can boost usage by 30-40%.

    It might mean that to create the best experience for your users you need to create a bespoke solution outside of the typical, off the shelf checkout platforms.

    When you are designing for conversion rate optimization on mobile, you need to scrutinize all user processes in order to refine them as much as possible. You might also consider linking a website registration process to a Google or iCloud account to enable cross-device synchronization for a more seamless journey. This will enable users to continue their journey even when they switch device. For example, they may start a product search on their mobile and continue it seamlessly when they switch to desktop, allowing for a smooth buying lifecycle.

    Focus on eCommerce UX, and the conversions will come

    If the user experience design of your eCommerce site doesn’t meet the needs and expectations of your customers, it will directly affect your conversion rate. The good news is that by understanding your user types and optimizing your website for the goals they have and the journeys they undertake, you will quickly find that you are rewarded for your efforts.

    To optimize your conversion rate, you need to dig into the details, uncover the qualitative research and insights directly from consumer to make the informed onsite changes that will make the difference.

    Have questions? Speak with our experts to find your ideal content solution
    Matt Oxley
    Matt Oxley
    https://www.dotlabel.co.uk/

    Matt Oxley is co-founder and Director of the award-winning User Experience (UX) and digital agency DotLabel. Matt comes from a creative design background with a passion for user-centred digital experiences. In his career, Matt has held the role of Creative Director at agencies Intercea and NetSitePro providing expert advice to household brand names such as GlaxoSmithKline and Scottish Courage.

    Previous Post4 eCommerce Website Elements You Should Personalize ASAP
    Back
    Next PostWebsite Security: What You Need to Know Before It's Too Late

    Related guides

    • Headless vs Decoupled CMS Architecture
    • Going Direct-to-Consumer: The Definitive Guide
    • What is GraphQL: Your Secret Weapon
    • Progressive Web App (PWA): The Ultimate Guide
    • How to design the Perfect eCommerce Website
    See all guides

    Related posts

    How to Choose the Right eCommerce Web Development Approach

    Web Development

    How to Choose the Right eCommerce Web Development Approach
    March 01, 2025 ( 11 min read )
    Webhook vs API? Choose The Right Tool for Your Integrations

    eCommerce Business

    Webhook vs API? Choose The Right Tool for Your Integrations
    February 19, 2025 ( 4 min read )
    Content Management Systems in 2025 - Everything to Know

    Content Management

    Content Management Systems in 2025 - Everything to Know
    February 15, 2025 ( 4 min read )
    The Truth About D2C Trends: Hype vs. Reality in 2025

    Content Marketing

    The Truth About D2C Trends: Hype vs. Reality in 2025
    February 13, 2025 ( 6 min read )
    Are You Behind on D2C Trends? What to Know Now

    eCommerce Business

    Are You Behind on D2C Trends? What to Know Now
    February 07, 2025 ( 15 min read )
    Web Development Trends 2025: 27 Trends Shaping the Future of Development

    Web Development

    Web Development Trends 2025: 27 Trends Shaping the Future of Development
    January 17, 2025 ( 10 min read )
    The Truth About SAP Commerce Cloud: Pros, Cons & More

    Web Development

    The Truth About SAP Commerce Cloud: Pros, Cons & More
    January 10, 2025 ( 9 min read )
    eCommerce website Best Practices

    eCommerce Business

    eCommerce website Best Practices
    January 09, 2025 ( 18 min read )
    Website Replatforming: Smart Move or Hidden Risk?

    Web Development

    Website Replatforming: Smart Move or Hidden Risk?
    January 02, 2025 ( 22 min read )
    No code, big wins! How to built an LMS in weeks

    About Core dna

    No code, big wins! How to built an LMS in weeks
    December 22, 2024 ( 6 min read )
    Top eCommerce Website Design Trends to Boost Sales

    eCommerce Business

    Top eCommerce Website Design Trends to Boost Sales
    December 05, 2024 ( 9 min read )
    CMS Migration Checklist: A Comprehensive Step-by-Step Guide

    Web Development

    CMS Migration Checklist: A Comprehensive Step-by-Step Guide
    December 04, 2024 ( 7 min read )
    Solutions by Role
    • Partners
    • Developers
    • Executives
    • Marketers
    Solutions by Need
    • Intranet
    • Event Management
    • Content Management
    • B2b eCommerce
    • B2c eCommerce
    • Headless
    • Marketing
    Solutions by Industry
    • Community
    • Healthcare
    • Finance
    • Technology
    • Hospitality
    • Franchise
    • Education
    • Travel & Tourism
    Company
    • About Us
    • Why Core dna
    • Partner Ecosystem
    • Customers
    • Careers
    • Contact Us
    • G2Crowd Reviews
    Resources
    • Blog
    • Guides
    • Admin login
    • RSS Feed
    • Documentation
    Support
    • Help
    • Videos
    • Network Status
    • GDPR
    • Privacy Policy
    • Terms & Conditions
    • Fair Use Policy
    Get our latest articles
    Success! You've been added to our email list.
    Melbourne

    348 High Street

    Prahran, VIC 3181

    Australia

    +61 3 85639100

    Boston

    55 Court St, Level 2

    Boston, MA 02108

    USA

    +1 617 274 6660

    Berlin

    Belziger Str. 71

    Berlin 10823

    Germany

    +1 617 274 6660

    Go wow them! ™ | Core dna copyright ©  2025.