Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Shopping Cart Usability

by Toby Biddle
4 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

Setting clear expectations, minimizing distractions, and eliminating pages can boost the checkout experience.

When it comes to e-commerce sites and shopping cart flows, usability testing is more than good practice. It’s a precious tool that helps uncover missed opportunities and dollars left on the table.

I’d like to present a handful of case studies and A/B tests that indicate a streamlined, “no BS” e-commerce flow with elegant user experience—where the site is honest and clear with visitors about how checkout works and what happens next—usually takes the cake for best conversion rate. The caveat is, keep on testing. As the last case study will suggest, there are always surprises.

Lesson 1: Do what you say you’re going to do

In business and in life, integrity is key and we often prefer people who do what they say they’re going to do. Why should buttons be any different?

Curious Country Creations, with the help of their digital agency, benefited from a nearly 88% lift in clickthroughs to the next page in the purchase process when they swapped their original button text on the page below from “Submit” to “Go to Payment Options.”

What do they sell? Dried plants and flowers for home decor.

“Submit” button

“Go to Payment Options” button

The takeaway here is, if you’re wondering what’ll convert best on that button, ask yourself: does this button do exactly what its text suggests? The visitors in this test knew exactly what they were in for when they clicked the “Go to Payment Options” button, and I’ll bet when they hit the payment options page, they were anything but surprised, which recalls another powerful checkout usability maxim: keep the surprise factor low! It’s a shopping cart, not a birthday party.

Lesson 2: Eliminate distractions, tempting as they may be

It’s a tough choice. You know it’s useful for your customer to see an order summary before checkout—perhaps it’s even the more transparent and “honest” approach to checkout UX—but it dominates a large swath of real estate.

Is it better to provide an order summary during checkout, or minimize distractions during the purchase process?

In this case study, Windstream, a provider of high-speed Internet service, saw a 5% increase in purchases when they removed an inline order summary sidebar on their final checkout page.

Inline order summary

No order summary

This single study doesn’t tell the whole story when it comes to order summaries (we all know Amazon swears by theirs) but it’s important to consider what your site visitors might consider distracting. For Windstream, it turned out the summary was just that: a distraction.

Lesson 3: Give them the whole enchilada

There are good reasons to break the order process into bite-size pieces: it’s less overwhelming, more organized, and cleaner in the design phase. But a number of studies like this one have shown that, perhaps counter-intuitively, a single-page checkout can perform better than a multi-step purchase process.

Charmandising, a French e-commerce site that sells pop music memorabilia, discovered that a single-page checkout process increased purchases by a whopping 67%.

Single-page checkout

Multi-step checkout

Lesson 4: Surprises lurk, so keep on testing

Yes, much of the common (empirical) lore suggests that your e-commerce site will convert better if you keep a streamlined, clean checkout flow with minimal distractions and no friction. But Dell ran quite an interesting test to the contrary.

The Dell team decided to test whether sales might be helped by a small lightbox creating some friction for users who decide to leave the shopping cart screen. As it turned out, the triggered overlay increased Dell’s sales by 4.4% while decreasing the number of items being removed from the cart.

Triggered “are you sure” overlay

No overlay

One nuance to consider in this test is that most of Dell’s products are “high consideration” products. People tend to research the computer they’re going to buy with some gravity and time investment as compared to, say, a t-shirt or a toaster. So the “are you sure” triggered overlay for this type of customer may help create real second-guessing and embattle the decision a bit, whereas a buyer of products of “lower consideration” may not behave the same way.

Conclusion

In these case studies, three companies won customers by: setting and fulfilling clear expectations of how their e-commerce website will behave; favoring a clean house free of distractions over increased detail about the purchase; and doing on a single web page what many shopping cart flows insist on doing over several.

It’s important to remember that, between retail category, visitor demographics and savvy, and changing trends over time, there’s a lot of idiosyncrasy to any single case study. And of course, as Dell’s bold triggered overlay test illustrates, there are exceptions and surprises, and we have to keep on testing to uncover them.

 

Image of shopping carts courtesy Shutterstock.

post authorToby Biddle

Toby Biddle

Toby Biddle is the Founder and CEO of Loop11, an online testing tool allowing individuals and companies to conduct unmoderated user testing on any kind of digital interface. He is also the Director of U1 Group (formerly UsabilityOne): a niche consulting firm with specialist skills that blend professional market research, usability and user centered design founded in 2001. You can learn more about online usability testing by checking out the free 7-video series, “Online Usability Testing 101.”

Tweet
Share
Post
Share
Email
Print

Related Articles

Indonesia’s retail landscape is shifting fast. From digital giants to local shops, businesses are adapting with new strategies to stay ahead. What’s driving the change, and who’s winning the retail game? Find out here.

Article by Thasya Ingriany
Scenarios of Change: How Retail Adapts to Economic Shifts in Indonesia
  • The article explores how Indonesia’s retail sector is adapting to economic shifts, balancing digital transformation and traditional strategies.
  • It highlights how large e-commerce platforms are thriving by offering competitive pricing and flexible payment options, while traditional retailers embrace omnichannel strategies to stay relevant.
  • The piece emphasizes the growing importance of hyperlocal retailing, trust-building through immersive brand experiences, and loyalty programs that drive consumer engagement.
Share:Scenarios of Change: How Retail Adapts to Economic Shifts in Indonesia
15 min read

Discover how breaking down silos and embracing cross-functional collaboration can lead to smarter, more user-centered design — and better products for everyone.

Article by Rodolpho Henrique
Beyond the Design Silo: How Collaboration Elevates UX
  • The article explores how siloed UX design practices can hinder product success and argues for cross-functional collaboration as essential to creating meaningful user experiences.
  • It outlines the benefits of working closely with product managers, engineers, and stakeholders to align user needs with technical feasibility and business goals.
  • The piece provides real-world collaboration examples across research, prototyping, design systems, and accessibility to show how teamwork leads to more innovative and effective UX outcomes.
Share:Beyond the Design Silo: How Collaboration Elevates UX
4 min read

Designing for AI? Know what your agent can actually do. This guide breaks down the four core capabilities every UX designer must understand to build smarter, safer, and more user-centered AI experiences.

Article by Greg Nudelman
Secrets of Agentic UX: Emerging Design Patterns for Human Interaction with AI Agents
  • The article examines how UX designers can effectively work with AI agents by understanding the four key capability types that shape agent behavior and user interaction.
  • It emphasizes the importance of evaluating an AI agent’s perception, reasoning, action, and learning abilities early in the design process to create experiences that are realistic, ethical, and user-centered.
  • The piece provides practical frameworks and examples — from smart home devices to healthcare bots — to help designers ask the right questions, collaborate cross-functionally, and scope AI use responsibly.
Share:Secrets of Agentic UX: Emerging Design Patterns for Human Interaction with AI Agents
10 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and