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

Discover how AI-first design principles let you build beautiful, functional UIs in minutes — without ever opening Figma or writing any code.

Article by Adam Judelson, Ryan Brotman
Making Designs Without a Designer
  • AI-first design turns simple text prompts into fully functional, production-ready UIs — no coding or Figma required.
  • Learn how to develop structured AI prototyping workflows to eliminate bottlenecks, and ensure fast, scalable, and consistent UX across projects.
  • This isn’t just faster design — it’s the future of product design, making high-quality UI creation accessible to everyone.
Share:Making Designs Without a Designer
10 min read

AI is shifting designers from creators to curators. How can we refine AI-driven designs while keeping creativity and user needs at the core?

Article by Krunal Rasik Patel
The Future of Product Design: From Creators to Curators in an AI-First World
  • The article explores how AI shifts product designers from creators to curators.
  • It highlights AI Agents and Copilots transforming design workflows.
  • The piece stresses guiding AI outputs to ensure human-centered design.
  • It advocates mastering AI tools and curating user-centric experiences.
  • The article underscores the need for human expertise in refining AI-driven designs.
Share:The Future of Product Design: From Creators to Curators in an AI-First World
4 min read

Consistency in UI/UX builds trust and efficiency — without it, users feel lost. Learn how top brands maintain it and how AI can help.

Article by Rodolpho Henrique
Consistency in UI/UX Design: The Key to User Satisfaction
  • The article examines the role of consistency in UI/UX design for user trust and efficiency.
  • It showcases visual, functional, and interaction consistency in creating seamless experiences.
  • The piece warns about the negative effects of inconsistency, including confusion and frustration.
  • It promotes the use of AI and design systems to ensure consistency across digital platforms.
Share:Consistency in UI/UX Design: The Key to User Satisfaction
4 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