距离过远时需要显式的指向或高亮
别名: 引线 · 刷动联动 · visual linking · leader line
概念解释
照片编辑器的「反相」住在顶栏,被选中的图层缩略图却在右侧栏。版面已经不可能把按钮搬到图层旁边。位置放弃了映射之后,只能另画一条关系:让对象自己亮起来,或拉一根看得见的线。这就是显式指向(explicit pointing)——用第二通道把已经断掉的「谁改谁」补回来。
补的不是更长的文案。悬停「删除」时那一行变红、拖动价格滑块时直方图对应区间被刷亮、点图层名时画布上的形状描边,才是指向。
机制
高亮和引线能工作,是因为两端同时进入一种独有状态,视觉系统按共同命运而不是按位置把它们绑在一起。这是邻近失败之后的补偿通道,本身会抢对比度,所以必须是短暂、状态绑定的:只在这段操作的生命周期里存在。
补偿有时间窗口。高亮必须在按下之前或按下当下出现——请求返回后再闪一下,视线已经离开,补救无效。引线有密度上限:满屏都是连线时,连线不再指向任何一对。触屏没有稳定的悬停,靠 hover 才出现的指向会整段缺席。
怎么研究
借用可视化里的刷动与联动(brushing and linking):在一个视图里操作,看另一个视图里对应标记能不能被找出来。比较「只改数据、对象外观不变」和「对象被同步高亮」。
自变量:有无同步高亮、高亮出现的时机(操作前 / 操作中 / 完成后)、对象是否仍在视口内。 因变量:正确指出被影响对象的比例、从操作到定位对象的时间、把无关对象当成目标的次数。
实验室里高亮往往是屏幕上唯一的变化;产品界面同时有角标、通知和动效,高亮的对比度会被稀释,检出率要按那种噪声条件来测。
边界
对象此刻不在视口里,高亮等于没发生——先滚到对象,或在控件旁放缩略图。只靠红色填充的高亮在灰度或色觉异常下会消失,描边和标记点更稳。两端已经贴在一起时再加引线,是在抢本该留给内容的注意。触屏和笔输入没有可靠悬停,指向必须改成按下即亮,或用常驻的选中描边。
怎么落地
- 控件获得焦点或被按住的那一帧,就改变作用对象的外观(描边、蒙层、行背景),不要等网络回来。
- 两端跨屏时,用引线、橡皮筋,或在控件旁放对象缩略图,不要只改按钮上的字。
- 操作结束立刻撤掉高亮,避免它变成一层常驻皮肤。
- 验证:用纸罩只露出控件(或裁切截图只留工具条),问「屏幕上哪一块会变」。说不出具体对象,指向就还没建立。