navigation-patterns
Installation
SKILL.md
Navigation Patterns
Good navigation is invisible. Bad navigation is all users talk about.
1. Navigation Types
| Pattern | Items | Use When |
|---|---|---|
| Top nav | 3–7 | Marketing sites, simple apps |
| Left sidebar | 5–20 | Complex apps, dashboards |
| Bottom tab bar | 3–5 | Mobile apps |
| Tabs | 2–7 | Section switching, same context |
| Breadcrumbs | Dynamic | Deep hierarchy, content sites |
| Hamburger menu | Any | Mobile, collapsed nav |
| Mega menu | Many | E-commerce, large sites |