Navigation
Navigation
What’s this? Here you’ll find 74 annotated “Navigation Menu” design examples from Baymard’s UX benchmark of 60 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)
During usability testing we consistently observe that mobile navigation is particularly difficult for users. When designing a mobile navigation it will often have to deviate significantly from the desktop mega drop-down. Most often the mobile menu is by default collapsed and hidden behind a ‘3-bars’ ‘hamburger’ icon. One particular pitfall most sites struggle with is a mobile menu design that can both allow users to access the broad parent category pages while also allowing users to go deep into the sub-subcategory levels.
More ‘Navigation Menu’ Insights
- Beside these mobile Navigation Menu designs we’ve also benchmarked the desktop versions; see the 44 desktop Navigation examples.
- Our research team is currently conducting a new large-scale mobile usability study that focuses on the mobile homepage, navigation, search, product lists, and product pages. Note that we do observe the current mobile guidelines and underlying user behavior still applies, despite some of the screenshots looking dated. The new mobile study findings are already partially released in Baymard Premium and are expected to be fully released Q2 2019.
Learn More: Besides exploring the 74 mobile “Navigation Menu” design examples below, you may also want to read our related article “The State of Mobile E-Commerce Search and Category Navigation”.
Get Full Access: To see all of Baymard’s 224 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 49,000+ hours of UX research findings, 700+ e-commerce UX guidelines, and 57,000+ UX performance scores.)
J.C. Penney (2020)
10 adhered 1 violated
Office Depot (2020)
6 adhered 3 violated
John Lewis (2020)
5 adhered 3 violated
John Lewis (2020)
5 adhered 0 violated
Disney Store (2020)
4 adhered 4 violated
Foot Locker (2020)
4 adhered 2 violated
Foot Locker (2020)
4 adhered 3 violated
Etsy (2020)
4 adhered 1 violated
Best Buy (2020)
3 adhered 0 violated
Newegg (2020)
3 adhered 3 violated
Newegg (2020)
3 adhered 0 violated
J.C. Penney (2020)
3 adhered 1 violated
Target (2020)
3 adhered 1 violated
Best Buy (2020)
2 adhered 2 violated
Best Buy (2020)
2 adhered 2 violated
Newegg (2020)
2 adhered 1 violated
Disney Store (2020)
2 adhered 3 violated
H&M (2020)
2 adhered 4 violated
Etsy (2020)
2 adhered 1 violated
Target (2020)
2 adhered 6 violated
Foot Locker (2020)
1 adhered 2 violated
Target (2020)
1 adhered 1 violated
Office Depot (2020)
0 adhered 3 violated
Disney Store (2020)
0 adhered 1 violated
Etsy (2020)
0 adhered 1 violated
Walgreens (2019)
7 adhered 5 violated
Macy's (2019)
7 adhered 7 violated
Adidas (2019)
6 adhered 0 violated
Zalando (2019)
6 adhered 5 violated
Walmart (2019)
6 adhered 1 violated
ASOS (2019)
6 adhered 3 violated
Sephora (2019)
5 adhered 5 violated
Nike (2019)
5 adhered 4 violated
Debenhams (2019)
5 adhered 1 violated
Debenhams (2019)
5 adhered 2 violated
Staples (2019)
4 adhered 3 violated
Adidas (2019)
4 adhered 0 violated
L.L. Bean (2019)
4 adhered 2 violated
Nordstrom (2019)
4 adhered 2 violated
B&H Photo (2019)
4 adhered 3 violated
Build.com (2019)
3 adhered 2 violated
Build.com (2019)
3 adhered 3 violated
Amazon (2019)
3 adhered 2 violated
Home Depot (2019)
3 adhered 2 violated
Wayfair (2019)
3 adhered 1 violated
L.L. Bean (2019)
3 adhered 2 violated
Crutchfield (2019)
3 adhered 4 violated
IKEA (2019)
3 adhered 1 violated
Apple (2019)
3 adhered 0 violated
Adidas (2019)
2 adhered 5 violated
Sephora (2019)
2 adhered 3 violated
Amazon (2019)
2 adhered 3 violated
Home Depot (2019)
2 adhered 3 violated
L.L. Bean (2019)
2 adhered 2 violated
Nordstrom (2019)
2 adhered 2 violated
Nordstrom (2019)
2 adhered 2 violated
Crutchfield (2019)
2 adhered 1 violated
Debenhams (2019)
2 adhered 1 violated
IKEA (2019)
2 adhered 3 violated
ASOS (2019)
2 adhered 4 violated
Staples (2019)
1 adhered 1 violated
Zalando (2019)
1 adhered 2 violated
Amazon (2019)
1 adhered 2 violated
Home Depot (2019)
1 adhered 3 violated
Wayfair (2019)
1 adhered 2 violated
Nike (2019)
1 adhered 5 violated
L.L. Bean (2019)
1 adhered 0 violated
Walmart (2019)
1 adhered 0 violated
IKEA (2019)
1 adhered 4 violated
Walgreens (2019)
0 adhered 4 violated
Macy's (2019)
0 adhered 2 violated
Wayfair (2019)
0 adhered 3 violated
Walmart (2019)
0 adhered 3 violated
Crutchfield (2019)
0 adhered 3 violated