用途:在设计或评审导航系统时,先根据信息架构(IA)与平台选择导航模式,而非照搬“现代网站”的样子。常见失败模式包括:凭习惯选型、把核心区块藏在图标后、缺少“你在这里”的定位信号。
主要能力:
- 先建立上下文:顶层区块数量与层级深度、是否预期增长、平台(桌面/移动/响应式)、内容型还是任务型、用户是否通过搜索或链接直达深层页面。
- 应用通用核心:分层导航系统——全局、局部、上下文、工具、页脚各司其职;始终回答“我在哪里”(选中态、面包屑、描述性标题、可读 URL);logo 置左上、可点击并回首页;核心入口保持可见,汉堡菜单仅用于次要项;交互基础:触控目标 ≥44×44px、链接文字 ≥16px、菜单点击激活而非仅悬停、图标配文字标签、粘性头部保持紧凑。
- 按需选择模式并给出取舍:顶栏与侧边栏、汉堡菜单、超级菜单、标签页、底部导航、面包屑、分页与无限滚动、手势导航、快捷链接等,均给出适用与避免条件及默认建议。
- 给出组件规格:头部、标签页、面包屑、分页的具体设计要求(选中态、触控尺寸、对比度、截断处理等)。
- 结果交接:可交予 ux-heuristics-audit、ux-accessibility-audit、ux-aesthetics-audit、ux-microcopy-audit、ux-information-architecture-audit 等技能继续审计;若未安装相应技能,可依据本技能自带规则继续,不阻塞流程。
使用方式:安装该技能后,在设计或评审导航时调用,先提供 IA 形态、平台、内容/任务类型与入口点等上下文;未提供时技能会说明假设。
适用场景:网页或应用导航结构设计、导航模式选型评审、移动端底部导航与断点规划、面包屑与分页设计等。
限制:具体安装命令、收费方式与平台支持信息暂未提供;文中未涉及具体代码实现。