Navigation for product discovery — designing menus that help browsers become buyers

Better UX Product Discovery Browse Conversion
Navi+ Team · 2025 · 5 min read
A discovery-oriented navigation — curated collections, visual category cards, and browsing paths organized around occasions and interests rather than product types alone

The Two Modes of Navigation Use

E-commerce visitors operate in two fundamentally different modes. The first is retrieval mode: the visitor knows what they want, has a specific product or category in mind, and is using navigation as a tool to find it as quickly as possible. The second is discovery mode: the visitor is browsing without a specific purchase target, open to finding something that matches a mood, occasion, or vague preference they haven't yet fully articulated. Navigation design that serves only retrieval mode — pure hierarchical category trees optimized for "get to the right product fastest" — underserves discovery-mode visitors, who represent a significant portion of e-commerce traffic and a disproportionate share of impulsive and gift-related purchases.

Discovery-mode visitors need navigation that opens possibilities rather than narrowing them. Where retrieval navigation is efficient and direct — three taps to a specific product category — discovery navigation is generative: it presents unexpected groupings, curated collections, and occasion-based paths that help visitors develop a purchase preference they arrived without. The navigation goal for discovery-mode visitors is not to route them quickly to a known destination but to surface a destination they didn't know they wanted.

"We noticed that our highest-AOV customers often took unusual navigation paths — they'd browse three or four unrelated categories before adding to cart. When we looked at what they were visiting, they were using our navigation to explore the brand's full range rather than find a specific product. When we added a 'Curated by Occasion' section to our Slide Menu — 'Weekend At Home,' 'Date Night,' 'Hosting Friends' — our average session depth increased and so did AOV. Discovery-oriented visitors found an entry point that matched how they were actually thinking about shopping, not how we organized our catalog."

— A Navi+ customer, lifestyle and home brand

Navigation Structures That Enable Discovery

Occasion and use-case navigation alongside product categories. Product-type categories ("Candles," "Ceramics," "Textiles") serve retrieval mode visitors who know they want a specific product type. Occasion-based categories ("For the Home Office," "Weekend Hosting," "New Home Gift") serve discovery-mode visitors who know the context they're shopping for but not the specific product. The most effective discovery navigation includes both: product-type categories for visitors who know what they want, and occasion or use-case categories for visitors who know the situation but not the solution. The Slide Menu's depth capacity makes it possible to include both category types without visual crowding.

Curated collection navigation for editorial discovery. Curated collections — "Staff Picks," "Seasonal Edit," "The Minimal Living Collection" — provide discovery navigation paths that the visitor could not have created through category browsing alone. These collections are editorial choices that reflect the store's taste and curation expertise, and they serve discovery-mode visitors who trust the store's judgment more than their own product-type preferences. Navigation links to curated collections, positioned prominently in the Slide Menu or Mega Menu, communicate that the store has a point of view — a signal that attracts discovery-oriented visitors who are browsing for inspiration rather than retrieval.

Trending and new navigation for recency-oriented discovery. Some discovery-mode visitors are motivated by recency and trend: they want to see what's new, what's popular, what other people are buying right now. Navigation that prominently surfaces "New This Week," "Trending Now," and "Most Popular" provides discovery paths organized around social and temporal signals rather than product taxonomy. These navigation entries also serve as social proof: a visitor who discovers that a product they're considering is in the "Trending" navigation receives validation that other customers have found it worthwhile.

Visual navigation for image-driven discovery. Mega Menu columns with category photography, or Slide Menu featured sections with collection imagery, serve discovery-mode visitors by communicating through visual stimulation rather than label text. A visitor who is browsing without a purchase preference may be unmoved by the label "Ceramics" but drawn to an image of a beautifully styled ceramic vase in a Mega Menu column. The visual stimulus creates the product preference that the label text alone could not. Discovery navigation is inherently visual; where retrieval navigation can be text-only, discovery navigation benefits from every available visual cue.

Discovery Path Type Visitor It Serves Navigation Placement
Occasion/use-case categories Shoppers who know the context Slide Menu dedicated section
Curated editorial collections Inspiration-seeking browsers Slide Menu featured, Mega Menu column
Trending / Most Popular Socially-motivated browsers Tab Bar slot or primary Slide Menu item
Visual category photography Image-driven discovery Mega Menu column images, Slide Menu header
Solution illustration for Navigation for product discovery — designing menus that help browsers become buyers
Navi+ turns the navigation problem into a clearer path shoppers can follow.
Outcome illustration for Navigation for product discovery — designing menus that help browsers become buyers
The result is a smoother browsing path from first intent to product discovery.

Balancing Discovery and Retrieval Navigation

The most effective navigation architecture serves both modes without compromising either. The structural approach is layering: retrieval navigation in the primary Tab Bar slots and primary Slide Menu items (the first 5–6 entries a visitor sees when opening the menu), and discovery navigation in the Slide Menu's secondary sections (curated collections, occasion-based links, editorial features) and the Mega Menu's featured columns. Retrieval visitors find their categories immediately; discovery visitors scroll or explore further and encounter the curated paths that match their open browsing mode. This layering respects both visit types without forcing discovery content on retrieval visitors or burying discovery content below the fold for visitors who are specifically browsing to find something unexpected.

無料で試す — コード不要、開発者不要

Shopify、WordPress、またはあらゆるウェブサイトに数分でインストール。


Related use cases

Navi+ AI Menu Builder で始めましょう

プラットフォームを選択してください — 無料でインストール、数分でライブ。