用途:在设计与评审网站导航结构时使用,包括为特定网站类型选择菜单模式、设计面包屑/元导航/页脚导航、集成搜索、把信息架构转化为导航,以及确保导航可访问。
主要能力与原则:导航用于定位,需始终让用户知道所在位置、可去之处与返回路径;先做信息架构再推导导航;命名以清晰优先于创意;桌面端不隐藏导航(汉堡菜单属移动模式);以“3 次点击”为设计基准而非教条。
规则要点:主导航限 5-7 项,重要链接置于首尾;菜单项命名精确、使用目标受众语言并融入 SEO 关键词;组合主导航、元导航、页脚导航与面包屑,约 100 个子页面起提供搜索,长页面加“返回顶部”;元导航置于页头右上,含搜索、语言、登录、联系、法律声明;页脚按主题分组补充链接;层级超过 2 级时用面包屑,首页为起点、当前页为末项且不可点击;保证键盘可操作、可见焦点、逻辑 Tab 顺序与跳转链接,触控目标至少 44x44px,文本对比度 4.5:1、图标 3:1。
模式:按网站类型推荐导航(企业站、电商、博客、作品集、内容门户、单页);大型电商与门户可用全宽多列 Mega Menu(最多 2-3 级);Web 应用、仪表盘、文档站可用左侧边栏导航;单页站用滚动导航与返回顶部;约 100 子页起在页头放置高可见搜索,大站可自动补全,并提供零结果替代建议。
限制与反模式:避免笼统菜单标签、10+ 主导航项、无文字图标导航、触屏仅悬停下拉、SPA 返回按钮失效;层级不超过 3 级,下拉不超过 2-3 级。资料未提供具体安装命令、收费或平台信息。