Today we’re launching version 2.0 of our Homepage & Category Usability study, based on a new round of usability benchmarking of the top 50 grossing US e-commerce sites.
This benchmark has been conducted twice, first in October 2013 and then again for this most recent 2017 version 2.0 of the study. The combined Homepage & Category benchmark database now contains 7,900 navigation elements manually reviewed and scored by Baymard’s team of UX researchers, along with more than 4,500 categorized best and worst practice implementation examples from leading e-commerce sites.
In this article we’ll analyze this dataset to provide you with the current state of e-commerce Homepage & Category usability, show how it has evolved since 2013, and outline common design flaws and strategic oversights applicable to most e-commerce sites.
For this analysis we’ve summarized the 3,950 usability scores for 2017 across 7 core sub-elements of the homepage and category navigational experience, and plotted the 50 benchmarked sites’ UX performance across these in the scatterplot above. Each dot therefore represents the summarized UX score of one site, across the 7-13 guidelines within that respective sub-element.
If we look at the average site’s Homepage & Category UX performance it’s surprisingly good; an impressive 28 of 50 sites have a “State of the Art” UX implementation (a performance scoring more than 1,000).
.. compared to 2013, the average site has improved their Homepage & Category UX performance by 39% ..
In comparison, in most of the other e-commerce UX studies we conduct at Baymard Institute the average UX performance is typically “mediocre” as sites suffer from massive usability issues – for instance, in our Mobile E-commerce, Product Lists & Filtering, and Checkout studies, not a single site achieves an overall “State of the Art” UX performance score.
This great UX performance also shows when comparing it to the previous Homepage & Category UX benchmark. Compared to the late 2013 performance, the average site has improved their overall Homepage & Category UX performance by 39% – revealing that major US e-commerce sites in the past couple of years have focused intensely on improving the UX of especially their Category Taxonomy, Main Navigation, Intermediary Category Pages, and Site-Wide Layout functionality.
However, with that said, the benchmark dataset also shows that there’s still room for improvements when looking within specific sub-elements of the user experience – such as the UX of the Homepage, Intermediary Category Pages, Product Lists, and Cross-Navigation, where there’s still some generally “missed opportunities” within the e-commerce industry as a whole. Also, note that this is an analysis of the average performance across the 50 top-selling US e-commerce sites. When analyzing a specific site there’s nearly always a handful of critical UX issues along with a larger a collection of worthwhile improvements – this is the case even when we conduct usability audits for Fortune 500 clients.
In the following we’ll provide a walkthrough of the UX performance of the 4 most interesting of the 7 sub-elements of Homepage & Category UX: Homepage, Category Taxonomy, Intermediary Category Pages, and Cross-Navigation & -Selling – outlining how they have improved since 2013, along with general issues to be aware of for each of the following topics.
Within the sub-element “Homepage UX” the average site performs decently, slightly above acceptable. Behind that average is a very scattered distribution of performances, with 40% of sites performing either mediocre or poorly.
Two of the most commonly observed Homepage issues are the following:
Compared to 2013 the overall Homepage UX performance is one of the few sub-elements for this study where the performance has decreased, although with a modest -5%. There are however also a few bright spots when it comes to Homepage implementations since 2013:
When it comes to “Category Taxonomy” the average site performance has improved a whopping 78% since 2013. Back then, 40% of sites had an overall poorly performing category taxonomy – this is now down to just 6% of e-commerce sites.
For instance, the past issue of redundant and overlapping categories, which in 2013 was an issue for 68% of sites, is now almost completely alleviated with just 12% of sites observed to have category-redundancy issues. Similar overall improvements have been observed for past issues such as “shallow parent categories” and the inability to find accessories within high-level categories – which with a 90+% compliance rate is now a bygone era at most e-commerce sites.
While the general taxonomy performances have improved massively, the highly severe issue of over-categorization still lingers. Over-categorization, in the form of product attributes wrongly implemented as categories instead of “product-type filters,” has seen only modest improvements since 2013, when 64% of sites had issues, to now 54% of sites that still have the issue. This makes over-categorization the single most important category-based navigational improvement for the average e-commerce site – see Over-Categorization: Avoid Implementing Product Types as Categories (54% Get it Wrong).
The only sub-areas in the site taxonomy that have seen a significant performance decline since 2013 is the option to use “promoted filters” (see Consider ‘Promoting’ Important Product Filters) and having a “what’s new” category or filter – while not elements that will break the overall taxonomy performance, they are important components if the goal is to perfect it. Additionally, when sites sell compatibility-dependent items (meaning nearly all sites that sell either consumer electronics or accessories for them) it becomes important to invest resources in compatibility-based product list pages (see 6 Use Cases for Compatibility Databases on E-Commerce Sites) – something that around 30% of sites selling such products are still lacking.
22% of major e-commerce sites still lack “Intermediary Category Pages” for (at least) the first level of their product hierarchy. This is despite our large-scale testing continuously showing that Intermediary Category Pages at the top of the hierarchy serve an important navigational purpose with their ability to properly promote sub-categories, each of which is represented by a category thumbnail, along with other auxiliary content. (For more on why this is so important see our article Implement the First 1-2 Levels of the E-Commerce Hierarchy as Intermediary Category Pages.)
Impressively, of the 78% of sites that do have these category pages, performance has improved a massive 58% since 2013. This performance increase can be attributed to the following:
For those seeking to perfect the Intermediary Category Page implementation, consider displaying sub-sub-category links beneath each sub-category, something that 52% of sites still neglect (see prior article Sub-Sub-Category Links: a Vital Feature in E-Commerce Navigation). Additionally, inspirational content should be added to aid exploration. If the categories differ greatly in popularity, it may also be worth indicating the most popular paths by varying the category thumbnail sizes to make their visual footprints match their respective importance.
Within the topic of Cross-Navigation & -Selling, 62% of e-commerce sites have poor or mediocre performance. In fact, Cross-Navigation & -Selling is the only area where the average site’s UX performance has decreased significantly since 2013. When compared to late-2013 performance, the average site’s UX performance has decreased by 23%. This decrease can largely be attributed to two core aspects that now represent generally “missed opportunities” within the e-commerce industry:
While average performances are up 39% for the Homepage & Category navigational experience, individual sites still have room for important site-specific improvements.
For inspiration on other sites’ implementations and to see how they perform, head to the publicly available part of the Homepage & Category benchmark. Here you can browse the 50 benchmarked sites and compare their 2013 designs and UX performances against their current designs and UX performance.
You can also freely navigate the benchmarked sites by type of page, for instance viewing 50 design examples of “Main navigation,” “Homepages,” etc.
Note to Baymard customers: All customers that have purchased “Full Access” to the Homepage & Category study in the past can access the updated version of the study by signing into their Baymard Pro account). This update expands the “Full Access” content with 50 new report pages (with new state-of-the-art implementation examples), along with a benchmark database that now has 4,500 categorized best- and worst-practice examples, and 50 new UX performance scorecards with Year-Over-Year comparisons.
All ongoing website audits will be delivered using the new UX performance scoring.
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
In regards to the ‘Intermediary Category Pages’, doesn’t this just create more clicks to the customers journey?
Hi Zoe, great question.
Yes it creates an extra steps, but that is not a bad thing in itself, because that extra step is optional for users, and for those that choose this option it’s extraordinary helpful in getting users from the very broadest scopes to the “best suited” and more well defined sub-category scope.
Do note that Intermediary Category Pages are not a replacement for the main drop-down navigation (where repeat and more savvy users can still jump right past the Intermediary Category Pages at the top of the site hierarchy, and instead choose a deeper sub-category).
Intermediary Category Pages are an addition to the main drop-down navigation, allowing users in doubt or those who just want to casually browsing a site to choose a more “guided” browsing experience – where they are allowed to start out by the very broadest category scopes. For example e.g. choosing “Living Room Furniture”, instead of being forced into choose between “Leather Sofas” vs “Armchairs” right from the get go.
For more on Intermediary Category Pages see our article on the subject: https://baymard.com/blog/ecommerce-sub-category-pages
(or if you own the H&C study, see the entire report chapter 4 which is dedicated to this topic)
Love when new Baymard eCommerce studies come out. 39% improvement since 2013 is huge, there are some trends such as pop ups that will never go away.
I still don’t understand why eCommerce companies put external ads within their site! Crazy…
© 2021 Baymard Institute US: +1 (415) 315-9567 EU: +45 3696 9567 firstname.lastname@example.org