A mid-size apparel store with 600 products built a four-level navigation hierarchy: Gender > Category > Subcategory > Style. On paper it looked organized. In practice, customers bounced. Getting from the homepage to a product required four clicks and three page loads. Analytics showed most users gave up after the second level and either searched or left. The store flattened the structure to two levels—Gender > Category—and added filters for subcategory and style. Bounce rate dropped, time to product dropped, conversion climbed.
More hierarchy isn’t always better. Flat navigation gets customers where they need to go faster, but only works up to a certain catalog size. Deep navigation scales to thousands of products, but only if each level is clearly labeled and logically structured. Most stores get this wrong by adding depth for the wrong reasons—because it feels more organized internally, or because that’s what a larger competitor does.
- Flat navigation (1-2 levels) works for catalogs up to about 100 products.
- Mid-depth (2-3 levels) fits stores with 100-500 products.
- Deep navigation (3-4 levels) is needed beyond 500 products, but only if each level has 5-10 options.
- Every extra level increases effort—add depth only when the alternative is worse.
What flat and deep actually mean
Flat navigation means customers reach any product in one or two clicks from the homepage. A store with 30 products might have a single-level menu: Home, Shop, About, Contact. Click Shop and you see everything.
A store with 80 products might use two levels: a top-level menu with broad categories like Apparel, Accessories, Sale, and each category opening to show all items in that group. Two clicks to product.
Deep navigation means three or more levels of hierarchy before reaching a product. A large electronics store might use: Electronics > Computers & Tablets > Laptops > Gaming Laptops. Four clicks to product.
The key trade-off: flat navigation is faster but doesn’t scale. Deep navigation scales but requires more effort from the customer. The right depth depends on how many products you have and how they’re grouped.
Catalog size benchmarks for navigation depth
These are rules of thumb based on observing many Shopify stores, not hard limits:
| Catalog size | Recommended depth | Example structure |
|---|---|---|
| 1-50 products | 1 level | Single menu, all products visible at once |
| 50-100 products | 1-2 levels | Top categories, each showing all products |
| 100-500 products | 2-3 levels | Category > Subcategory, with filters |
| 500-2,000 products | 3 levels | Category > Subcategory > Collection |
| 2,000+ products | 3-4 levels | Category > Subcategory > Type > Variant, plus filters |
The numbers shift based on how evenly products distribute across categories. A store with 500 products split evenly into 10 categories of 50 each can stay shallow. A store with 500 products where one category holds 300 and the others hold 20 each needs more depth in that one branch.
The 5-10 rule for each level
Regardless of total depth, each level should present 5-10 options. Fewer than 5 and the level feels arbitrary—why have a level that only splits into three choices? More than 10 and customers struggle to scan the list.
This is based on research into human working memory and decision-making. George Miller’s classic work on cognitive limits found that people can hold about 7±2 chunks of information in short-term memory. Navigation isn’t a memory test, but the principle holds: give users too many choices at once and decision quality degrades.
If you find yourself with 15 top-level categories, that’s a signal to add one more level of hierarchy. Group related categories under broader umbrellas. For example, instead of listing “Monitors,” “Keyboards,” “Mice,” “Webcams,” “Headsets,” “Cables” all at the top level, create a “Computer Accessories” parent and nest those underneath.
Conversely, if a category only has 2 subcategories, question whether you need that split. Two subcategories often means the parent category is doing real work and the children are redundant.
When flat navigation still works for larger catalogs
Flat navigation can stretch beyond 100 products if you combine it with strong filtering and search.
A beauty store with 200 SKUs might keep navigation flat—Skincare, Makeup, Haircare, Fragrance—because within each category, customers rely on filters (brand, skin type, price) rather than subcategories. The collection pages become the navigation layer.
This works when products within a category are similar enough that customers expect to filter rather than browse hierarchically. Clothing and electronics often need hierarchy because the subcategories are semantically distinct (T-shirts vs jackets, laptops vs desktops). Beauty and consumables often work flat because the distinctions are attributes, not types.
The test: if customers frequently combine criteria—”show me moisturizers for dry skin under $30”—filters work better than subcategories. If customers think in discrete types—”I want a laptop, not a tablet”—subcategories work better.
The hidden cost of deep navigation on mobile
Every level of hierarchy costs more on mobile than on desktop.
On desktop, a Mega Menu can show three levels at once: hover over “Clothing,” see “Men’s” and “Women’s” in columns, and see “Shirts,” “Pants,” “Outerwear” under each. One hover, full tree visible.
On mobile, those same three levels require three separate screens or three accordion taps. Hover doesn’t exist. Each step requires a deliberate action and often a visual transition that hides the previous level.
Research by Google on mobile usability found that each additional tap in a navigation flow reduces the likelihood a user completes the journey by roughly 10-15%. Three taps is manageable. Five taps and you’ve lost a meaningful portion of users.
This is why many successful stores use different navigation depths on mobile and desktop. Desktop might have a three-level Mega Menu, while mobile has a two-level menu with a bottom Tab Bar for shortcuts. Tools like Navi+ make this practical by letting you configure each screen size independently.
When to add depth: the decision checklist
Add another level of hierarchy only when:
- A category has grown beyond 50 products and filtering alone isn’t enough to make the collection page usable.
- Subcategories are semantically distinct—not just arbitrary splits, but categories customers think of as different types.
- Each new subcategory will have at least 15-20 products—otherwise it’s not worth the navigation cost.
- The parent level has at least 5 children—adding a level for 2-3 subcategories usually isn’t justified.
If you can’t check all four, filters or better collection page design are probably better than more depth.
Real examples: stores that got depth right and wrong
Right: Amazon Electronics
Electronics > Computers & Accessories > Computer Accessories > Keyboards & Mice. Each level has 8-12 clear options. Each step narrows logically. At every level, filters are available for customers who want to cut across the hierarchy.
Right: Allbirds
Men’s / Women’s / Kids’ at the top, then just 4-5 product types under each (Shoes, Apparel, Socks, Accessories). Two levels total for a 100+ product catalog. Works because the categories are distinct and collection pages use sorting and filters well.
Wrong: A dropshipping store with four levels for 200 products
Home > Shop > Electronics > Phone Accessories > Cases. That’s four clicks to see phone cases when the entire catalog fits comfortably in two levels. The depth is imitation of large stores, not a response to actual catalog size.
Wrong: A large catalog with only one level
A hardware store with 1,500 SKUs listing 40 top-level categories in a single dropdown. Customers can’t scan 40 options. The store would benefit from grouping into departments (Plumbing, Electrical, Tools) and nesting categories underneath.
Testing whether your depth is right
Three signals tell you if your hierarchy depth is working:
-
Category engagement rate. In Shopify Analytics, check how often each menu item gets clicked relative to impressions. If top-level categories get clicks but second-level categories don’t, users are either not noticing the subcategories or finding them irrelevant.
-
Bounce rate by navigation depth. Use Google Analytics to compare bounce rates for landing pages at different levels. If third-level category pages have significantly higher bounce than second-level, the third level might not be useful.
-
Search behavior. If customers land on a category page and immediately search, your hierarchy isn’t getting them close enough to what they need. Either the categories are too broad or the labels are unclear.
Run these checks quarterly as your catalog grows. A depth that worked at 200 products might need adjustment at 400.
Quick auditCount your top-level categories. If you have more than 10, consider adding a parent level. If any category has more than 50 products and no subcategories, consider splitting it. If any subcategory has fewer than 15 products, consider removing that level and using filters instead.
Navigation depth isn’t about looking organized—it’s about matching the effort customers are willing to spend to the specificity they need. Start shallow, add depth only when the catalog forces it, and test whether each level is pulling its weight.
This article is part of the larger guide on How to organize 1,000+ products so shoppers find what they need.