Progressive disclosure is a design principle where information is revealed gradually, showing only what’s relevant at each step. In navigation, it means the shopper sees a manageable set of categories first, drills into one, sees the subcategories within it, drills again, and eventually reaches the products. At each step, the number of visible options stays small enough to evaluate comfortably.
The opposite is showing everything at once — a flat list of all categories, all subcategories, and all products on one screen. This approach technically gives the shopper “full visibility” into the catalog. In practice, it overwhelms them.
How progressive disclosure works in menus
A store with 500 products across 50 subcategories could display navigation as a flat list of 50 links. The shopper would need to scan all 50, understand what each one contains, and choose the right one. That is 50 decisions compressed into one moment.
Progressive disclosure breaks that into steps:
Step 1: The shopper sees 7 top-level categories. They choose one. (7 options → 1 decision)
Step 2: Inside that category, they see 6 subcategories. They choose one. (6 options → 1 decision)
Step 3: Inside that subcategory, they see 30 products with filters. They apply a filter to narrow to 12. (12 options → browsable)
Three manageable decisions instead of one overwhelming one. The total effort is lower because each decision is small and guided by context — the shopper knows they’re in the right branch and just needs to go one level deeper.
Implementation on desktop: mega menus
On desktop, mega menus are the most common progressive disclosure pattern. The shopper hovers over a top-level category, and a wide dropdown reveals the subcategories, often with images and featured products.
Good mega menu progressive disclosure shows subcategories grouped logically — by product type, by brand, by collection — and includes visual cues (images, icons) that help the shopper make the next decision quickly. The shopper doesn’t need to read every label; they scan the images and headings to find the branch they want.
The mega menu also offers a shortcut: if the shopper sees a specific product featured in the dropdown, they can click it directly and skip the subcategory level entirely. This gives experienced shoppers a fast path while maintaining the progressive structure for everyone else.
Implementation on mobile: slide menus
On mobile, progressive disclosure typically uses a slide or accordion pattern. The shopper taps a top-level category, and the view either slides to reveal its children (slide) or expands the category to show children below it (accordion).
The slide pattern is cleaner because it replaces the current view entirely, giving the shopper a fresh screen with only the relevant subcategories. A back button or swipe gesture takes them up one level. This mimics the experience of walking deeper into a store — the shopper is aware of their depth and can retrace their steps.
The accordion pattern keeps the entire menu visible, which can be useful when the shopper wants to compare categories at the same level. But it can also make the menu very long — if two or three categories are expanded simultaneously, the shopper is scrolling through a crowded list.
With Navi+ slide menu or mega menu on mobile, the progressive disclosure is built into the menu type. The shopper taps a category, sees its children, taps deeper if needed, and uses the back button to go up. The depth is controlled by how the store owner structures the menu — two levels for simple catalogs, three for complex ones.
Filters as the final layer
After the shopper navigates through the menu’s progressive disclosure and lands on a collection page, filters provide the last layer of disclosure. Instead of scanning all 80 products in “Women’s Shoes,” the shopper applies filters: size 8, color black, under $100. The product list narrows to 12 relevant items.
Filters are progressive disclosure applied to a flat list. Each filter is a small decision that removes irrelevant options, making the remaining ones easier to evaluate. The shopper is progressively disclosing products that match their criteria, one filter at a time.
The most effective filter implementations show updated counts with each selection (“Black (24),” “Size 8 (12),” “Under $100 (8)”), so the shopper can see the list narrowing in real time. This feedback loop makes the progressive process feel satisfying — each decision visibly reduces the options and brings the shopper closer to the right product.
When to stop: the right depth
Progressive disclosure reduces decision fatigue, but too many levels create their own problem — navigation fatigue. If the shopper has to make five decisions just to see products, each level adds effort and increases the chance they’ll abandon.
For most stores, two to three levels is optimal: top-level categories → subcategories → products. Some large stores add a fourth level (sub-subcategories), but this should be used sparingly and only when the catalog genuinely requires it.
The test is simple: if a level contains fewer than three items, it’s probably unnecessary. A subcategory with two options should be merged into its parent or into the products themselves. Every level of progressive disclosure should add meaningful narrowing — if it doesn’t, it’s adding clicks without adding value.
This article is part of the larger guide on Too many choices: how navigation can reduce decision fatigue.