Flag

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

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

What do Architecture, Computer Science, Agile, and Design Systems have in common?

Article by Kevin Muldoon
A Pattern Language
  • The article explores Christopher Alexander’s impact on diverse fields, from architecture to software development, introducing the concept of design patterns and their influence on methodologies like Agile and the evolution of Design Systems.
Share:A Pattern Language
7 min read

In this article, I’ll share seven incredibly useful design resources that can elevate your skills as a UX designer in 2024 and make you a well-rounded designer overall. These resources not only help you work more efficiently but also automate repetitive tasks and enable you to create outstanding user experiences. So, let’s dive into this without further delay.

Article by Abhi Chatterjee
7 Must-Have Resources for UX Designers in 2024
  • The article explores seven indispensable resources for UX designers in 2024, offering insights into design methodologies, case studies, UX laws, and practical challenges to elevate designers’ skills and efficiency.
Share:7 Must-Have Resources for UX Designers in 2024
3 min read
Article by Eleanor Hecks
8 Key Metrics to Measure and Analyze in UX Research
  • The article outlines eight essential metrics for effective UX research, ranging from time on page to social media saturation
  • The author emphasizes the significance of these metrics in enhancing user experience and boosting brand growth.

Share:8 Key Metrics to Measure and Analyze in UX Research
6 min read

Did you know UX Magazine hosts the most popular podcast about conversational AI?

Listen to Invisible Machines

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