Research Topic
How do users perceive your homepage and navigate your categories?
This study on e-commerce homepage and category navigation is the culmination of 2 years’ worth of usability testing and research, distilled into 40+ usability guidelines.
Product finding is key to any e-commerce business – after all, if users can’t find it, they can’t buy it.
This original usability study focuses on how users navigate, find and select products on e-commerce sites. A group of users age 21-56 were recruited to test 19 of the leading e-commerce websites across 8 different verticals (mass merchants, apparel, electronics, jewelry, home decoration, toys & gifts, specialty equipment, and health & drugs). The tested pages and design elements include the homepage, category navigation, site taxonomy, category pages, and cross-navigation.
Throughout the test sessions, the participants would repeatedly abandon sites because they were unable to find the products they were looking for. Indeed, the participants encountered 900+ usability-related issues, and this is despite testing multi-million-dollar sites. All of these usability issues have been distilled into 40+ concise usability guidelines that will help you design a user-friendly homepage and category structure so your customers can find the products they’re looking for.
This page provides you with an overview of Baymard’s research specific to Homepage & Category Navigation UX. All of this research is available as part of Baymard Premium.
To accompany the usability test sessions we’ve also benchmarked 250 top-grossing US and European e-commerce sites across each of the 40+ Homepage & Category Navigation usability guidelines. This has resulted in a benchmark database with 13,000+ homepage and category navigation elements manually reviewed and scored by Baymard’s team of UX researchers, along with more than 7,000+ categorized best and worst practice implementation examples from leading e-commerce sites (all categorized and performance verified).
The UX performance scores from our most recent Homepage & Category UX benchmark update are plotted in the interactive scatterplot above.
The Homepage & Category Navigation UX performance for the average top-grossing US and European site is “poor”, where 76% of sites perform at a level of “mediocre” or worse. There are no sites that perform exceptionally well, highlighting an opportunity for sites to set themselves above their competitors by addressing the many UX issues rampant throughout this theme.
Hence, the benchmark dataset shows that there’s great room for improvement when looking within the specific topics of the user experience — in particularly the UX within Category Taxonomy, Main Navigation, and Intermediary Category Pages, but also within Homepage where only just above 50% of sites deliver a “decent” or better UX performance.
The issues identified in these topics cause problems for many sites and include some “missed opportunities” for the e-commerce industry as a whole. (All areas explored in-depth in our full research catalog.)
This is a subset of the full benchmark which includes 250 e-commerce sites.
View our full UX benchmark
FREE RESEARCH CONTENT
Explore annotated design patterns across 3,100+ examples of Homepage & Category Navigation designs and features from leading e-commerce sites, organized into 4 different page types. This is a great way to get inspiration for your own Homepage & Category Navigation design, and to get a feel for emerging trends in e-commerce navigation.
FREE RESEARCH CONTENT
We’ve released a small subset of the Premium research finding on homepage and navigation UX for free in these 40 articles:
The Current State of Homepage and Category Navigation UX: 76% of Sites Have Mediocre-to-Poor Performance (12 Common Pitfalls)
Mobile UX Trends: The Current State of Mobile UX (15 Common Pitfalls & Best Practices)
Consider Providing “Intermediary Category Pages” (13% Don’t)
New 2023 Homepage & Category UX Benchmark with 3,000+ Performance Scores and 2,500+ Best Practice Examples
PAID RESEARCH CONTENT
All 40 Homepage & Category Navigation UX research findings are available as part of Baymard Premium, and are divided into the following 5 topics:
Homepage & Category Topics
Homepage
Homepage
The primary objectives of a site’s homepage, the opportunities it can provide to both new and repeat users, the homepage structure & design, carousels, personalization, and promotions.
Homepage & Category Topics
Category Taxonomy
Category Taxonomy
The structural foundation of a site’s product categories, including information architecture, catalog breadth, and category naming.
Homepage & Category Topics
Main Navigation
Main Navigation
The visual design of an e-commerce site’s taxonomy, including mega drop-down menus, the visual hierarchy, and courtesy navigation.
Homepage & Category Topics
Intermediary Category Pages
Intermediary Category Pages
How Intermediary Category Pages can guide users toward better-defined categories and products using inspirational paths, featured products, and curated content.
Homepage & Category Topics
Site-Wide Layout
Site-Wide Layout
How general site-wide elements should be designed and positioned, including considerations on newsletter dialogs, ad positioning, footer, and return policy links.
Get full access to all our Homepage & Category UX research reports, benchmarks, and page designs previewed here, along with our complete 650+ guidelines for Search, Product Listing, Product Details Page, Checkout, Accounts & Self-Service, and Mobile E-Commerce. Utilize our 150,000+ hours of UX research to improve your Homepage & Category user experience and to document your UX decisions.
This research on Homepage & Category UX is part of Baymard Institute’s full 150,000+ hours of large scale research catalog, which is based on:
Baymard’s research methodology is described in detail here.
GET YOUR E-COMMERCE NAVIGATION REVIEWED
What are the 15 most important changes you can make to your homepage and category design?
We will put together a detailed 40-page report of the 15 most important usability improvements you can make to your e-commerce homepage design and category taxonomy.
“Baymard produces some of the most relevant and actionable user experience research available. They really understand the needs of UX and Product Management professionals, and their deep experience in the eCommerce field allows them to offer sophisticated, nuanced insights.”
“Baymard has been a great resource in helping us improve the customer experience. We are continually applying these best practices to our sites.”
“I can not tell you how much help your benchmark studies have been for our company, e-commerce and UX teams. We have used and continue to use these reports for baseline benchmarks as we build test protocols or eye tracking scripts etc. in lab.”
“Thanks again for the great work on our checkout project. Our whole group found it incredibly insightful. We’re applying the suggestions you provided to our new checkout design which launches at the end of the month! One of my colleagues was also interested in your group’s competitive expertise with regard to responsive web and native apps.”
“Thank you. This was an excellent piece of work: professional, thorough, and actionable for the team. We’re very happy with the work Baymard has done for us.”
“Thank you very much for the 7 usability audits of our country-specific sites. The audits have provided us with specific and actionable advice, allowed us to prioritize development resources, and enabled us to compare UX performance between the 7 different country-specific sites, and against State of the Art implementations. The audit itself is done really professionally, and the recommendations contain actionable and insightful information.”
“Intelligent, consumer-focused insights that are clear and actionable. The team in the room really loved the way the Baymard Institute highlighted the optimizations in the various user experience elements (copy, layout, design, calls-to-action…), from the perspective of consumer struggles. Baymard’s Usability research really complements our other existing research tools.”
“Thank you, this was really insightful!”
“We’ve received some awesome feedback from our Merchant Success team as well as our merchants about all of the UX Audits we’ve had thus far with Baymard. Thank you so much to you and your team for all of your hard work. The pilot with Baymard has been going fantastic and I’m really excited with all that we’re learning! You have an amazing platform, team and super helpful data base for us to work with.”
“Having Baymard is like having access to a magical UX super power. I can't believe how helpful and easy to use it is, given the vast array of tools and information they provide!”
“Baymard's audit services give us a detailed view of usability improvements across our entire site. This is so much more comprehensive than running individual usability studies.”
“Clear, concise, actionable, data-driven insights!”
“I was able to bring these designed solutions home with me and kickoff multiple optimization projects that I am confident will affect the site in a positive way, both in usability and conversion.”
“I just wanted to take a minute to thank you for the amazing work on this audit. You should know that this has been very well received internally and there’s a lot of excitement around adopting the ideas you have shared.”
“Very thorough and professional UX review of our website, based on an extensive amount of previous UX research insights within the industry, and specifically targeted to our needs. We received both critical and, most importantly, constructive feedback, along with actionable, prioritized suggestions and best-practice examples. This will allow us to address the areas of improvement and significantly help ameliorate the experience users have on our website, which in turn is expected to drive conversion rates and reduce the number of customer service requests. We can highly recommend Baymard's UX audit.”
“Damn. The reports that the @Baymard folks do cost money, but they’re worth it.”
“This has been fantastic: really good recommendations, really comprehensive.”
“I can confirm that the list was fully implemented. Every time we put up a change we either A/B test or we watch it very closely to determine that it’s doing better and not the opposite. So I can confirm that these fixes have improved our checkout. Thanks for everything.”
“Excellent tool – looking forward to using it with our other sites and prototypes as they’re developed.”
“We found the audits extremely helpful and validated a number of changes we have been wanting to make or are in the process of making, so thank again for all the great insights.”
“This was indeed very helpful guidance and a very well-documented roadmap for us to fix, validate, organize, collectively understand and continually improve our ecommerce foundation.”
“It is immensely valuable having a thorough, independent study to help validate my work and in particular, help facilitate buy-off from stakeholders. Baymard has quickly become one of my most trusted resources for the UX/UI field.”
“I found the UX audit a very comprehensive evaluation, with clear reports and actionable recommendations. Baymard's commitment to excellence in user experience shines through its thorough approach!”
“Thanks for everything. The audit was extremely useful, I think we have gained valuable insight.”
“This was…mind-blowing. We’ve been having conversations on the side as you’ve been presenting the audit findings. There’s so much to do!”
“These reports are fabulous. The content is exactly what our team has been looking for, and so much more! Extremely helpful, thank you!”
“I have found the M-Commerce and E-Commerce reports very useful, thank you!”
“I’m an avid user of your reports and recommendations. I have leveraged your articles and findings throughout my career in B2B, B2C, and hospitality.”
“The Baymard team has been a delight to work with on the JohnLewis digital platform audit. They responded to the brief very well, have been very accessible for ongoing clarification and queries and Rebecca was excellent in the recent team share, articulately presenting findings in an engaging walk-through with the wider team which will really support driving engagement and a robust response. Many thanks for all the effort and focus folks.”
“The Baymard reports have proven to be an invaluable resource for us. Comprehensive, pragmatic and actionable. We have redesigned our checkout process and made changes to our category pages based on usability guidelines in the reports.”
“Thanks for this audit and your good work. This was exactly what I was aiming for. Also thanks for the very, very professional presentation, and answering all our countless questions. Very good work.”
“I just wanted to let you know that I think your site is the best thousand bucks I’ve ever spent. I wish I found you years ago.”
“First off, thank you. This was the most engrossed I’ve ever been in a 2-hour meeting. This [audit presentation] was incredibly insightful and very helpful. Many, many thanks.”
“We are very excited to finally proceed with the UX improvements, and I truly believe your audit report will be super helpful to put us ahead of the wave. If you ever need a reference, please do not hesitate to share my contact.”
“Baymard has helped so much: UX was a brand new role at my company when I was hired. I was researching, planning, and designing UX & UI for 5 different products, all by myself. After showing real-world, bottom-line results from a UX centered approach to our products, we have expanded our UX team and greatly improved our UX-to-product process. Baymard’s research database was a critical component to my (and my company’s) success. Thank you!”
“Wanted to thank you again for the checkout audit and walking us through the process. It was super helpful and we can’t wait to apply the changes to our checkout for a better user experience.”
“The recommendations in our audit were awesome - well prioritized, actionable and helped us focus on what to optimize. This audit, along with the e-Commerce Reports & Benchmark Databases, are my go-to resources for thorough, insightful information. Thank you!”
“This is awesome so far. Everyone wants to know what's going on – you just got everyone's attention here. Everything that you've called out is definitely eye-opening for us over here.”
“Some time ago we purchased the Ecommerce Homepage & Category report - the research and insights are extremely useful to us and help us a lot in our work!”
“Given the tricky science of conversion rate optimization, it is great to know that you are dealing with professionals whose advice is based on solid research. It was a pleasure collaborating with the Baymard team.”
“Within a very short time Baymard Institute provided 15 clear, useful improvement suggestions for our checkout process. We intend to implement all of them. It’s easy to find companies that offer website improvement suggestions. But, most companies don’t do their homework and don’t provide specific examples of how best to make the improvements. With Baymard Institute, the checkout process suggestions they made were intuitive, specific, and actionable. I highly recommend their audit service.”
“This UX audit has been very helpful, not just for our design and product teams, but even for the UX research team, because we can reference back to the audit, either in the design of a user research session or when we analyze findings. Thank you very much; this has been incredibly valuable.”
“The Baymard UX audit has been a revelation for our organisation and will likely become a vital tool in our process moving forward.”
“Working with Baymard for our UX audit was an exceptional experience from start to finish. Their attention to detail, depth of analysis, and clear communication throughout the process truly exceeded our expectations. The insights they provided were not only actionable but profoundly insightful. I highly recommend Baymard for their expertise, professionalism, and commitment to elevating user experiences.”
“The audit opened our eyes once again, as we are often blind to our own operations. The comparison with competitors' best practices was particularly helpful.”