Also referred to as: Level 1 Category
What’s this? Here you’ll find 106 “Top-Level Navigation” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 257 e-commerce sites. (Note: this is less than 1% of the full research catalog.)
The Top-Level Navigation is the first layer of the product navigation, sometimes called a “Level 1 Category”, or just “L1”. Depending on the site context and site category taxonomy, this first level page should often be an Intermediary Category Page. You may also want to explore Main Drop-Down Navigation examples if you’d rather want to see the sites primary navigation.
More ‘Top-Level Navigation’ 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.
257 top sites ranked by UX performance.
Code samples, demos, and key stats for usability.
Add UX Best Practice Cards to your Figma projects.
106 ‘Top-Level Navigation’ Design Examples – Baymard
Sign up to Baymard and get access to 150,000+ hours of UX research and Best Practice Guidelines, backed by real user data.
Curious to find out what Baymard can do for your team? Start exploring 5% of our research, including 50 Best Practice Guidelines, with a Free Plan today!
Have any questions? Email us at support@baymard.com