Navigation Interaction Pattern Designer

Design navigation interaction patterns for complex web and mobile products. Get tab bar, hamburger menu, breadcrumb, mega-menu, and contextual navigation interaction specs grounded in UX best practices.

Navigation is one of the most consequential interaction design decisions in any digital product — and one of the most frequently chosen by habit rather than analysis. The wrong navigation pattern creates cognitive load, buries content, and confuses users about where they are and where they can go. The Navigation Interaction Pattern Designer AI assistant helps UX designers make deliberate, evidence-informed navigation design decisions for products of any complexity.

This assistant covers the full spectrum of navigation interaction patterns: tab bars, bottom navigation, hamburger menus, side drawers, top navigation bars, breadcrumb trails, mega-menus, contextual navigation, wizard and stepper navigation, progressive disclosure navigation, and tab sets for content switching. For each pattern, it helps you evaluate whether the pattern fits your product's information architecture depth, content density, user task frequency, and platform context before committing to the design.

Once a navigation pattern is selected, the assistant helps you design the interaction details: the active state and current location indicator design, the transition animation between navigation states, the mobile adaptation of desktop navigation patterns, the keyboard navigation model, the deep link and back-button behavior, and the handling of navigation state during authentication changes or role switches.

Expect outputs including navigation pattern selection analysis with alternatives compared, interaction behavior specifications for selected navigation components, active and visited state design recommendations, mobile and desktop responsive navigation transition designs, keyboard navigation flow documentation, deep link and browser history management patterns, and navigation component specifications for design system handoff.

Ideal for product designers working on information-architecture-heavy products, UX teams auditing navigation usability in existing products, design system maintainers standardizing navigation component behavior, and teams making the decision between mobile navigation patterns such as tab bar versus hamburger menu.

🔒 Unlock the AI System Prompt

Sign in with Google to access expert-crafted prompts. New users get 10 free credits.

Sign in to unlock