D1.02.2Navigation isomorphism设计研究

位置指示必须与导航结构同构

别名: 结构同构 · 导航映射 · information scent · structural correspondence

概念解释

导航同构(navigation isomorphism)要求当前位置的表示方式保留导航结构中的关键关系:用户在侧栏看到的层级、在面包屑中读到的祖先、在内容区感到的范围,应能互相对应。若侧栏高亮的是产品名、页头写的是功能名、面包屑又使用另一套分类,三者各自正确却共同制造了三个不同的「这里」。同构不要求每处重复完整树,而是要求缩略、折叠或改名后仍不改变节点归属和上下级含义。

机制

导航依赖人从一个表征推断另一个表征:看见高亮项,应能预期内容属于哪个范围;点击上级,应能预期回到什么集合。结构不一致会迫使用户在多套分类之间做翻译,且把局部视觉强调误读为全局位置。尤其在搜索、快捷入口和权限裁剪的视图中,用户很容易带着一套心智地图进入另一套命名系统;线索若不能对应,回退、比较和转交链接都会增加认知成本。

怎么研究

可让参与者从不同入口到达同一内容,要求他们标出上级范围、预测相邻内容所在位置并选择正确的返回路径。比较同构与不同构版本的路径预测准确率、回退次数、解释导航关系所需时间。卡片分类或树测试只能验证标签理解,不能代替跨表征任务;应额外观察侧栏、页头和面包屑之间是否出现反复视线切换,以及用户是否用错误的分类词描述当前位置。

边界

同构不是视觉复制。移动端、窄屏或复杂权限模型不可能随时展现完整结构;重要的是在被压缩后保住足够的关系,并让用户知道哪些关系被省略。对于按搜索、时间线或任务队列组织的临时视图,硬塞进目录树会造成假同构,应说明当前是结果集、筛选视图还是固定位置。组织内部的正式分类变化时,也不能只换一个显示标签而保留旧路径暗示。

怎么落地

  • 列出每个位置提示使用的节点、祖先和范围,检查侧栏、页头、面包屑、链接标题是否指向同一信息结构。
  • 为深链接、搜索结果和受限权限页面明确标记其进入上下文,避免高亮一个用户实际上不能回到的父级。
  • 在响应式收窄时定义哪些层级可折叠、哪些必须保留;不要让图标化导航抹掉当前范围。
  • 用「从这里回到上级」「找同级内容」「说明此页属于哪里」三项任务验收映射,而不只检查高亮样式是否出现。

延伸

  • 同组D1.02.1 当前所在位置需要持续可见 · D1.02.3 多层结构中只标记末级会丢失路径
  • 相邻D1.12 焦点、悬停与选中三者的区分 · D1.16 结果的可核对性
  • 站内检索navigation isomorphism · structural correspondence · information scent

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/D1.02.2