Shubham ✦
0
%
Product
Designer
2023 · 4 months

Navigation 2.0

How we cut navigation time by 50% and reduced churn for 1,000+ enterprise teams

My Role
Lead Product Designer
Team
1 Designer · 2 Engineers · 1 PM
Duration
4 months
Year
2023
50%
Faster navigation
38%
Fewer support tickets
+11pt
NPS jump
71%
⌘K adoption
Navigation 2.0
Overview

The Problem

Yellow.ai grew fast — from 12 modules at launch to 40+ in 18 months. The original sidebar was never designed for that scale. Every new feature was bolted on, and the result was a navigation model that made every workflow feel like a maze. During user research across 22 enterprise clients, we heard the same things over and over:

🏔️No visual hierarchyCritical

All 40+ modules had equal visual weight. Primary actions were buried next to utility links.

🖱️4–6 clicks minimumHigh

Every task required a journey. Opening last week's bot: Sidebar → Design Studio → Flows → Drafts. Every. Time.

🧠Zero memoryHigh

The product had no idea what you worked on yesterday. Every session started from zero context.

📉Business impactCritical

Navigation friction was cited in 6 of 11 churn interviews that quarter. Users weren't leaving — they were getting lost.

"I know exactly what I need to do. I just can't find where to do it."

Enterprise customer, 2,000 seat deployment, VP of Engineering
3.2 min
Average navigation time per session
6 of 11
Churn interviews cited navigation
40+
Modules with identical visual weight
4–6
Clicks required for any core workflow
🔍

Research

We ran a 3-week discovery sprint before touching a single wireframe. The goal was to understand how users actually think about the product — not how we assumed they did.

🃏
Card Sorting
Users group by workflow, not feature type. 'Send a message' belongs next to 'Set up a flow', not in a 'Messaging' module.
📹
Session Recordings
80% of all clicks landed on just 8 of 40+ modules. The rest were invisible in practice.
🎙️
User Interviews
Most common phrase: 'I know it's here somewhere.' Navigation failure, not product failure.
🧩
Competitive Analysis
Linear's ⌘K was the north star. Power users need to skip the UI entirely.
💡

Users don't think in modules — they think in workflows. They want 'yesterday's unfinished bot', not 'Design Studio → Flows → Drafts'. Navigation needed to be task-aware, not feature-aware.

🧭

Design Process

We explored 5 radically different navigation directions before converging. Each was prototyped and tested with 8 users before we narrowed.

EXPLORATIONS
Option AFlat mega-menu❌ RejectedOverwhelming. Users said it 'looked like a settings page'.
Option BTab-based top nav❌ RejectedLost enterprise feel. Too consumer. PMs hated it.
Option CContext-aware sidebar⚠️ PartialRight idea, wrong execution. Kept as inspiration.
Option DCommand-first model✅ WinnerPower users loved ⌘K. Made sidebar secondary.
Option EHybrid (D + recency)✅ FinalCombined D with recency feed. Best of both worlds.
01
Recency over discovery
The most important destination is always the one you came from. Surface recents first — always.
02
Hierarchy signals importance
Visual weight communicates priority. Primary actions get full labels. Secondary actions get icons. Utility functions get tucked.
03
Speed for experts
⌘K makes the sidebar optional for power users. 6-week adoption proved it: 71% of users reach for it by default.
USABILITY TESTING
Round 1Paper sketches8 users42%+0%
Round 2Mid-fi wireframes10 users61%+19%
Round 3High-fi prototype12 users78%+17%
Round 4Dev build (beta)20 users89%+11%
Round 5A/B test (200 users)200 users94%+5%

The Solution

The final design isn't one feature — it's three interlocking systems that meet users at every point in their workflow.

01
📋Smart SidebarVisual hierarchy that thinks

Primary modules always visible, weighted by usage. Secondary tools collapse to icons. A persistent favourites rail lets users pin their 5 most-used destinations — set once, remembered forever. The sidebar now speaks in the user's language, not the product's taxonomy.

  • Collapsible sections reduce cognitive load by 60%
  • Usage-based ordering — most-used modules rise to top
  • Favourites rail: drag-to-pin, persists across sessions
  • Contextual tooltips on hover for new users
Before: Flat list of 40+ itemsAfter: Intelligent, weighted hierarchy
02
⏱️Recency FeedAlways picks up where you left off

The moment you log in: your last 3 open items, across any module, surfaced immediately. Click once. No breadcrumbs. No menu-diving. The product finally has memory.

  • Cross-module recency (bots, flows, integrations, reports)
  • Session-aware: different view per user in shared accounts
  • One-click return to exact context
  • Shown on home screen and in sidebar header
Before: Start from zero every sessionAfter: Pick up exactly where you left off
03
⌨️⌘K Command BarThe whole product in one keystroke

Spotlight-style search across every module, action, and recent item. Context-aware: typing 'flow' inside the Bot Builder surfaces flow-related results first. Supports navigation, creation, and actions all in one bar. 71% of users reach for it by default within 6 weeks.

  • Fuzzy search across 40+ modules + all user content
  • Context-aware ranking based on current location
  • Supports actions: 'create new flow', 'invite team member'
  • Keyboard-first with full arrow navigation
Before: Manual menu navigation onlyAfter: One keystroke access to anything
📈

Outcome

We shipped to 5% of users in week 1, ramping to 100% over 3 weeks with monitoring at each stage. The results came faster than expected — and held.

3.2 min1.4 min
Avg navigation time
−56%
~18/mo~11/mo
Nav support tickets
−38%
NPS 41NPS 52
Platform NPS
+11pt
0%71%
⌘K adoption
New feature

"The new navigation feels like the product finally understands how I work. It just gets out of my way."

Power user, 18-month customer, Senior Automation Engineer

Navigation was cited in 0 of 8 churn interviews the following quarter — down from 6 of 11. Three enterprise customers specifically mentioned the navigation redesign in their renewal conversations.

📉
Churn impact
0 of 8 churn interviews cited nav (was 6 of 11)
💼
Renewals
3 enterprise renewals cited nav as key factor
🚀
Adoption
⌘K became the most-used feature in 6 weeks
💡

Learnings

🎯
Predictability beats efficiencyUser Behavior

Users didn't want fewer clicks — they wanted predictable clicks. Once users knew exactly where something would be, even a longer path felt faster. Consistency is a feature.

🤫
Smart backfired firstLesson

AI-suggested reordering of modules felt creepy and unpredictable. Users actively complained about the sidebar 'moving things'. We dialled it back to usage-based recency only.

👥
Two users, two modelsStrategy

Power users and new users need fundamentally different navigation paradigms. ⌘K for experts. Recency feed for new users. We shipped both — and watched each group self-select into the right one.

🏆
The best nav disappearsOutcome

Our ultimate success metric: users stopped talking about navigation entirely. When nobody mentions it in interviews, you've won.

Want to dig deeper?
I'd love to walk you through the full process, prototypes, and learnings.
Let's talk →
Back to all work