F3.09.4position-only hierarchy设计研究

单靠位置而不叠加其他视觉线索的层级区分容易被忽略

别名: 只有位置 · 无其他线索 · position without cues

概念解释

两个模块外观完全一样:同样的卡片、同样的标题字号、同样的按钮。作者说左边那个是主功能,因为「主的都在左边」。测试里接近一半的人说不出哪个主,或选了右边那个。层级如果只写在坐标上,没有第二条可感知的差,位置先验经常不够用。 这不是位置毫无作用,是它单独上场时信号太弱,扫视习惯、任务、甚至哪只手握着手机都能把它淹没。

机制

位置先验是统计上的偏向,不是高对比边缘。两个对象在特征图上打平,选择器得不到峰值,只好接近随机,或按与任务无关的习惯(先看离拇指近的、先看刚出现动效的——而这里没有动效,就更随机)。「主的在左边」是作者的生产规则,没有写进任何视觉通道,观察者无法解码。叠上一条哪怕很便宜的线索——主按钮实心、次按钮空心,或主标题多一档字号——峰值出现,位置可以留下来当弱的重复编码。只靠位置的失败,看起来像用户「不按习惯看」,其实是编码根本没发出去。

怎么研究

三组材料:仅位置不同;位置+一条尺寸差;位置+一条明度差。测「哪一个是主功能」的正确率相对 50% 基线。仅位置组若停在基线附近,而叠加组明显升高,位置单独上场就被判为不足。样本量要够,因为效应本来就小;用内组设计时注意左右顺序的平衡。手机横握、左利手要单列,这些会改变「哪边近」。

边界

强平台惯例可以把仅位置做成可解码:许多人不用看样式也知道 iOS 导航里左边是返回。那是惯例,不是位置物理学,换平台即失效。两个对象相距极远、中间没有竞争者时,先遇到的那个会赢,仅位置看起来够用——加上中间再插一个同款模块,立刻不够。列表里的第一行相对第二行也有位置差,但列表项通常还有序号或内容差,纯位置的列表几乎不存在。

怎么落地

  • 主次成对出现时,除了放在不同槽,再给主的一条独立线索。位置只作重复,不作唯一。
  • 在注释里写「左边是主」不等于界面上已经区分。把注释改成可看见的差。
  • 响应式下位置关系一变(左右变上下),仅位置的主次会丢。有第二条线索的主次还能活。
  • 验证:做一版把主次做成同皮肤、只保留左右之差,问五人哪个主。对的人数若不高于瞎猜,就给主按钮加上实心或给主标题加上一档字号,再问另一批五人。正确率升上去,才算发出了层级;不要把失败解释成「用户没按从左到右看」,那是把没编码的责任推给阅读方向。

延伸

  • 同组F3.09.1 屏幕上方与起始侧默认被赋予更高层级 · F3.09.2 位置带来的层级暗示可以被更强的视觉权重覆盖 · F3.09.3 同一位置在不同布局模式下的层级含义并不固定
  • 相邻F3.01.2 单一维度的差异容易被其他维度抵消 · F3.02.1 尺寸差异需超过可辨阈才形成层级
  • 站内检索positional hierarchy · redundant coding · visual weight · primary versus secondary

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F3.09.4