点四五层才到目标页面，用户早失去耐心；重要功能被藏起来等于没有。
PC 上好好的菜单，手机上挤成一团，折叠菜单点击区域小、展开又卡顿。
菜单名和页面内容对不上、当前页无高亮，用户进来不知道自己在哪、下一步去哪。
不同站点类型适合不同导航组合，选错类型再好看的菜单也白搭。
| 站点类型 | 推荐导航 | 辅助导航 | 理由 |
|---|---|---|---|
| 企业官网 | 顶部导航 | 面包屑 + 页脚导航 | 访客快速找到产品/案例/联系 |
| 后台系统 | 侧边导航 | Tabs + 面包屑 | 层级深、模块多，侧边承载更佳 |
| 内容资讯站 | 顶部频道 | 标签 + 搜索 | 海量内容靠频道分类 + 检索 |
| 电商商城 | 分类导航 | 搜索 + 筛选 | 目标明确，路径越短越好 |
| 文档/教程站 | 侧边目录 | 面包屑 + 页码 | 内容线性强，目录定位最高效 |
| 营销落地页 | 极简锚点导航 | 固定 CTA 按钮 | 导航越少，转化越聚焦 |
顶级导航项建议 5-7 个，超过就合并归类；用户点击到目标一般不超过 3 层。
菜单名用用户能听懂的业务词，别用内部黑话；让用户不用想就知道点哪。
当前导航高亮 + 面包屑提示位置，用户随时知道"我在哪、能去哪"。
小屏收起为汉堡菜单，点击区域 ≥ 44px，展开动画流畅，支持手势关闭。
重要页面入口用真实链接呈现（而非纯 JS），让搜索引擎能顺着导航抓取全站。
键盘可操作、焦点可见、读屏友好，支持跳转链接与跳过导航快捷键。
顶部导航 + 面包屑 + 页脚导航，让访客 3 秒内找到产品、案例、联系入口。
侧边导航承载大量功能模块，支持分组折叠与权限控制，效率优先。
频道 + 标签 + 搜索组合，层级导航与全文检索共同服务海量内容。
分类导航 + 搜索 + 筛选项，让用户快速找到商品，直接影响成交。
