In this article we’ll analyze the checkout process experience at the top 100 e-commerce sites in the US across six checkout usability categories, identifying general problem areas and entire categories where even the very best sites leave plenty of room for improvement. Using the more than 6,300 checkout usability ratings in the benchmark database we’ve summarized the site scores across the six categories from the report to reveal their distribution.
For the last few years Jamie and I have conducted checkout usability studies, publishing one study as a report, written 29 articles on checkout usability here at Baymard, published four at Smashing Magazine, audited some of the top checkouts, and benchmarked the checkout processes of the entire top 100 grossing US e-commerce sites. Most of this work end up as specific advice and checkout design guidelines, but in this article we’ll take a more high-level view on the current state of checkout usability.
Data input – any kind of data input the customer must enter during checkout.
Copywriting – the use and wording of text throughout the checkout process.
Layout – the visual layout of the checkout pages.
Navigation – the implementation of process steps, buttons, and navigational links.
Flow – the flow between the individual process steps.
Focus – the site’s own business benefits vs. the customer’s shopping experience and privacy.
Already when conducting our first checkout usability study we saw a surprisingly large number of sites breaking basic usability guidelines. Common violations include: requiring users to register, not showing shipping costs until the review page, asking for the same information multiple times, weak design of credit card fields, lack of a clear primary button, non-linear checkout flows, etc. (Tip: we covered 11 of the basics in this Smashing Magazine article.)
Upon closer inspection of the checkout usability distribution chart there are multiple areas that stand out.
Most noticeably there’s a dramatic gap between the expected average (O) and the actual average (X) in the Data Input category. In other words, of the top 100 e-commerce sites the average site performed significantly worse than expected with numerous violations of even basic form field usability guidelines. Also notice how the site scores (grey dots) are much lower in the Data Input category compared to all other categories, with half the top 100 sites performing downright poorly, and the other half fairing only halfway decently. This is surprising (and frankly unacceptable) considering the wide availability of form field usability research.
The Focus category (business benefits vs. the customer’s shopping experience) isn’t a pretty sight either. However, this is less of a surprise than the low level of form field usability because many of the Focus guidelines are likely broken on purpose to reap short-term profits (despite the negative impact a degraded customer experience will have in the long run). A good example of such prioritization is a site’s newsletter option where half of the top 100 sites pre-check the newsletter box (even though the majority of users find this approach “sneaky”), and another third of the sites silently force-subscribe customers to their newsletter (with no way of opting out during the checkout process). Such implementation is bad for usability but hardly comes as a surprise considering the short-term business appeal.
The poor performance in both these categories certainly explain some of the industry average 67,93% checkout abandonment rate.
On the more positive end of the equation, it’s worth taking a look at the distribution in the Navigation category where the average site scores double the expected average. Navigational items and paths are generally well-designed across the top 100 e-commerce sites with many sites closing in on perfection in this particular category.
Looking at the distribution chart we see that even the best sites has significant room for improvement in three of the categories: Data input, Layout, and Focus.
In these categories even the very best sites could still make a bunch of smaller changes to further improve the customer’s checkout experience. While these minor details won’t make or break the checkout experience on their own, they certainly can collectively (“many small streams make one big river”).
When asked directly, users may not be able to pinpoint the exact checkout problem they’re experiencing, but the more of these ‘minor’ guidelines you violate, the more likely it is that your customers will consider your checkout process “tedious”, “complex”, “stupid” or “slow” (just a few of the words used by the test subjects during testing).
However, the picture isn’t all dark and gloomy. In the remaining three categories we find examples of a few sites that are more or less flawless within a particular category. More specifically, Northern Tool scored close to perfect in Copywriting. Gilt did exceptionally well in Navigation. And Amway proved outstanding in Flow. (Do note that these site may have been near-perfect in their respective category but that’s not to say these sites had perfect checkout usability overall – they still violate crucial checkout usability guidelines in the other categories.)
Ultimately great checkout usability is not about a single guideline that fixes everything. It’s achieved by putting in place a solid foundation (“getting the basics right”) and then working on all the minor details (“from good to great”) that collectively end up having a significant impact on the checkout experience too. Make sure you get the basics right before focusing on the details.
Checkout processes are by nature heavy on form fields, so pay extra attention to form field usability. Nearly all top 100 e-commerce sites needed to focus more on data input (form field usability) during checkout. In fact, as we’ve seen in this article, even the very best e-commerce checkouts had plenty of room for improvement in this area (as well as Layout and Focus).
Join 22,000+ readers and get Baymard’s research articles by RSS feed or
Topics include user experience, web design, and e-commerce
Articles are always delivered ad-free and in their full length
1-click unsubscribe at any time
Has any evaluations been done that look at the differences between product check out and subscription based services (billed monthy, yearly etc) check out experiences?
We haven’t done an full scale test of the checkout of subscription-based services, but in many cases the checkout experience will be very similar to buying a product. Consider the case of buying a magazine subscription: you select the magazine your want (“the product”), review – and possibly select – a billing schedule (“the product variant”), you fill in your address details, your credit card, and accept some “Terms & Conditions” and hit the “Buy” button. The checkout experience in this case can be very similar to buying a product, the main difference is that after the purchase the customer keeps receiving products on a regular basis and the card is stored for recurring charges – but those aren’t very immediate causes and thus only indirectly related to the customer’s checkout experience. In other instances the checkout experience is vastly different, this is particularly true for digital services where you for example don’t need to ask the customer for address details, etc.
The most important thing to be aware of when designing a checkout for a subscription service is the different information needs of the customer – they will want to know how much they will be charged, how often, whether the subscription automatically renews (especially when combined with a trial period / introduction offer), etc.
© 2021 Baymard Institute US: +1 (415) 315-9567 EU: +45 3696 9567 firstname.lastname@example.org