D1.02.3Breadcrumb trail设计研究

多层结构中只标记末级会丢失路径

别名: 面包屑 · 路径线索 · hierarchical navigation · ancestor context

概念解释

路径线索(breadcrumb trail)把当前位置及其上级范围按顺序呈现,使用户不仅知道当前末级页面叫作什么,还知道它隶属哪条路径。多层结构中仅高亮或命名末级,往往不足以消除歧义:同名的「设置」「概览」或「记录」可能分属不同项目、账户或功能域。路径不是装饰性标题,而是当前对象的祖先上下文;它支持用户判断「这是哪一个设置」以及「往上一层会回到哪里」。

机制

树状信息空间的含义由节点和关系共同决定。末级标签提供的是节点身份,祖先序列提供的是范围、权限、任务来源与可回退路线。人在深层链接、搜索结果和跨空间切换中经常直接落在叶节点,未经历逐层导航,因此不能依赖先前的记忆补回路径。若上级信息被隐藏,用户会用内容细节猜测范围,易把局部修改、删除或分享施加到错误的容器,也难以发现相同名称位于不同分支。

怎么研究

可让参与者从通知、搜索和历史记录直接进入深层页面,分别提供末级标签与完整或可展开的祖先路径,测量其对所属项目、上级集合、返回目的地和相邻内容的判断。比较时应控制标签是否重复、层级深度和任务后果;若所有名称独一无二,路径的优势会被低估。观察错误不仅是迷路:对容器归属的错误陈述、在错误范围内创建对象、错误分享对象,都说明祖先上下文未被获得。

边界

不是每一层都值得以同等视觉重量常驻。层级很深时完整路径会挤占小屏空间,也可能暴露敏感的组织、客户或文件夹名称。可折叠中间层、显示最近关键祖先或提供按需展开,但不能把所有上级无声删去。对于标签、搜索筛选或时间线这类非树结构,伪造面包屑会让人误以为存在唯一父级;此时应明确显示查询条件、来源或集合关系。

怎么落地

  • 为会被深链接访问、存在重名或会影响容器权限的页面保留可见的祖先链;末级标题不能独占位置提示。
  • 在窄屏中保证至少能看见当前节点和一个有意义的上级,并让其余路径可展开、可复制或可回退。
  • 把路径中的每一级设计为可理解的范围,而非仅作可点击的缩略文字;访问受限的祖先需说明而非制造失效链接。
  • 以「这个对象属于哪里」「回到上级后会看到什么」「同名对象如何区分」做任务测试,重点检查搜索和共享链接入口。

延伸

  • 同组D1.02.1 当前所在位置需要持续可见 · D1.02.2 位置指示必须与导航结构同构
  • 相邻D1.16 结果的可核对性 · D1.10 反馈的位置
  • 站内检索breadcrumb trail · ancestor context · hierarchical navigation

同组卡片

快捷操作

分享

分享当前页面

ios_share

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