G2.01.2current location at each hierarchy level设计研究

每一级都需要表明当前位置

别名: 层级定位 · drill-down 标题 · you-are-here in tree

概念解释

层级导航每下行一次,屏幕上的选项集合就会被换成下一层的子类。用户必须立刻读出这一屏属于哪一个节点,否则无法判断下一步是继续深入还是应该退回。每一级标明当前位置,说的是当前节点本身要被写在这一级的界面上——页标题、列表头、展开中的父项——而不是等整条祖先链都画出来才算有位置。

移动端把上一层整屏替换掉,这个问题最尖。上一层的「笔记本」一旦从视野里消失,若这一层只剩商品栅格和站点名,人就不知道自己还在不在那个类里。

机制

层级下行是破坏性的:新的一屏覆盖旧的一屏,工作记忆里「我刚选了产品 → 笔记本 → 14 寸」这条路径很快被新选项挤掉。位置若不被界面外化,人只能靠回忆来维持「我在哪棵子树」。回忆一断,两个错误会出现:把平级项当成子项点下去,或把本层的筛选当成又一次分类选择。

标明当前节点,是给这一层的选项集合加了一个范围约束:「这些是 14 寸笔记本的子类,不是全站类目」。没有这个约束,选项看起来像又一组顶层导航,气味无法相对当前分支来计算。展开的侧栏父项、钻取页的标题、面包屑之外那一行当前类名,都是在做同一件事:把刚被覆盖掉的选择结果钉在视野里。

怎么研究

比较「每层有当前节点标题」与「每层只有站点名或通用列表」的钻取任务。

  • 范式:移动端或级联菜单的找物任务;中途打断,问「你现在在哪一类下面」。Smith 的迷失度(lostness)可作过程指标:不知道当前节点的人会访问更多多余节点。
  • 自变量:当前层是否显示节点名、父项是否保持可见、替换式钻取 vs 叠加式钻取。
  • 因变量:位置命名正确率、错误地离开当前分支的次数、回退是否回到预期的父节点。
  • 方法论注意点:桌面侧栏因为父项仍在视野里,会低估移动端替换式钻取的伤害。要在「上一层完全不可见」的条件下测。问「你在哪」时不要把标题露在提问卡片上。

边界

只有一层的扁平站点,当前位置由高亮的那一个项承担,不必每级再写节点名。向导式步骤不是层级,当前位置是步骤序号,不是类目。检索落地页、推荐页往往不在树上,硬标一个类目名会撒谎。屏幕阅读器用户更多靠页标题和标题层级听位置,视觉高亮帮不到他们,节点名必须进文档标题。

怎么落地

  • 每一级钻取页的主标题写成当前节点名,不要沿用站点名或「全部商品」。
  • 移动端替换式列表在顶栏保留当前类名,并提供回到父级的显式控件,不要只靠系统返回。
  • 侧栏层级让当前枝保持展开,当前节点与其父项同时可见。
  • 验证:在第三层截屏,遮掉正文只留导航与标题,找未参与设计的人问「这是哪一类的页面」。答不出节点名,这一级就还没有标明位置。

延伸

  • 同组G2.01.1 层级导航依赖用户对分类的理解 · G2.01.3 层级过深会导致中途放弃
  • 相邻G2.05 位置指示 · E5.05 面包屑 · E5.03 侧栏导航
  • 站内检索you-are-here · drill-down title · lostness

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/G2.01.2