A2.03.2Alignment as an implied continuation line设计研究

对齐线引导阅读顺序

别名: 隐性引导线 · alignment guide

概念解释

一列元素只要左边缘(或某条基准线)对齐在同一条竖线上,即使没有画出这条线,视觉系统也会把这条竖直方向当成一条隐含的连续路径,沿着它往下移动比在参差不齐的边缘之间跳动更顺畅。这是把连续性用在没有实际线条的场景:对齐本身就制造出了一条可以被眼睛顺着走的隐性路径。

机制

一串边缘只要在同一位置反复出现,就构成了一条方向不变的路径——这和一条画出来的直线在知觉上起的作用是一样的,因为视觉系统判断"是否延续"依据的是方向变化是否平滑,不要求这条路径必须是一条实际画出的笔触。边缘对齐得越整齐,这条隐含路径的方向就越稳定,沿它扫视需要的方向调整就越少;一旦某一行的起始位置偏离了这条基准线,路径就在那里出现一次方向折断,视线要么被迫多做一次调整,要么把这一行读成不属于同一条序列。

怎么研究

这类效应通常用扫视路径本身来验证:用眼动仪记录用户在对齐版式和错位版式上的注视点序列,比较完成同一条阅读或查找任务所需的注视次数、回视次数和总时长。对齐良好的版式通常表现为注视点更接近一条竖直线、回视更少;错位版式会看到注视点在水平方向上来回跳动,说明视线在寻找下一行的起点上花费了额外的动作。

不具备眼动设备的情况下,也可以用简化版本:让用户完成"找到第三行的价格"这类定位任务,比较对齐版式和错位版式下完成时间与出错率的差异,作为路径引导效果的间接指标。

边界

对齐能引导的只是扫视沿着某个方向移动,不能决定用户先看哪一行、后看哪一行——顺序信息要靠其他手段(编号、位置层级)表达,单纯的对齐只保证"沿着这条方向走会更顺",不保证走的起点和方向选择本身是对的。

如果版面里同时存在多条互相竞争的对齐轴(比如左对齐的标签和右对齐的数值各自成一条隐含路径),视线会在两条路径之间选择,选哪一条取决于其他线索(哪条更长、哪条对比度更高),不能假设对齐本身足以决定最终的扫视路径。

怎么落地

  • 列表、表单类的重复结构优先使用统一的左边缘或统一的基准线对齐,不要让文字长度不同导致起始位置各不相同。
  • 需要同时呈现多组对齐关系时(标签列和数值列),明确哪一条是主要的引导路径,让另一条的对比度或长度弱于主路径,避免两条路径互相竞争。
  • 验证办法:把版式做成对齐和不对齐两个版本,让用户完成同一个定位任务,比较完成时间,或者直接用眼动仪对比两版的回视次数。

延伸

  • 同组A2.03.1 视线倾向沿平滑路径延续 · A2.03.3 打断连续性可用于强制分段
  • 相邻A2.01 接近性 · A8 运动控制
  • 站内检索alignment · scan path · visual guideline

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/A2.03.2