用途:为产品选择并设计合适的导航模式,使信息架构清晰、可遍历、易定位。
主要能力:覆盖四类导航。全局导航(移动端标签栏3–5项、Android底部导航、桌面顶部导航4–7项、侧边栏、汉堡菜单);局部导航(标签页、分段控件、区块内子导航、面包屑);工具导航(账户、通知、搜索、设置、帮助,通常置于桌面右上角);上下文导航(正文内链、相关内容、同区块链接)。
选择建议:移动端3–5个主目的地用标签栏;桌面应用多目的地或嵌套结构用侧边导航;简单营销站或文档用顶部导航;深层级用面包屑加局部侧边栏;同一内容的并行视图用标签页或分段控件;非主要访问用工具导航或溢出菜单。
设计原则:定位(活动状态、面包屑、页面标题)、寻路(点击前可预测去向)、可达(移动端主目的地置于拇指可及处)、一致(结构与位置不随屏幕变化)、气味(标签准确描述目的地,用首次点击测试验证)。活动状态需在默认、悬停、聚焦、禁用及带通知徽标时均清晰,且不能仅靠颜色区分。
常见错误:桌面端用汉堡菜单做主导航、在同一组件混用全局与局部层级、各区块活动状态不一致、使用用户不认识的内部产品名、顶层目的地超过7个。
最佳实践:构建前用首次点击测试验证标签;遵循平台惯例;先设计导航再设计单屏;用跨区块任务测试导航。
限制:资料未提供具体实现代码、框架或平台适配细节。