Page Types Overview

Navigation Menu

74 design examples manually annotated by Baymard researchers

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