What’s this? Here you’ll find 271 “Mobile: Category Page” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 93 e-commerce sites. (Note: this is less than 1% of the full research catalog.)
Category Pages are typically used only for broad top-level categories that are so broad it doesn’t make sense to show users a product listing page. On mobile sites, these pages are particularly difficult to design, as the small mobile screen makes it difficult to simply scale down the desktop design and get good results, where users are provided with a decent overview of all the subcategories within the top-level category.
More ‘Category Page’ Insights
Join 60,000+ UX professionals and get a new UX article every week.
Join 60,000+ UX professionals and get a new UX article every week.
300+ free UX articles based on large-scale research.
256 top sites ranked by UX performance.
Code samples, demos, and key stats for usability.
Add UX Best Practice Cards to your Figma projects.
271 Mobile ‘Category Page’ Examples – Baymard Institute
Your team is currently on the ‘Free’ plan, which provides a great start but is limited in access to our premium content.
Ready to unlock access to 150,000+ hours of large-scale e-commerce UX research distilled into 710 guidelines?
Upgrade your plan and take your team's research to the next level.
Have any questions? Email us at support@baymard.com