F1.02.3occlusion-aware feedback设计研究

触摸时反馈需避开手指遮挡区

别名: 指下遮挡 · callout offset · Shift technique

概念解释

按住键盘上一个键,放大预览如果画在键帽正中,会被指腹整个盖住——像素存在,视网膜收不到。把预览抬到指尖上方,字符才成为可核对的反馈。避让遮挡的反馈(occlusion-aware feedback)说的是:触摸的确认不能画在接触点上,要画在指腹投影之外。

失败场景很具体:地图选点的涟漪画在大头针脚下、取色器的色值写在滑块正中、列表左滑的「删除」文案被拇指盖住。人不是没看,是看的位置被一块不透明的肉挡住了。

机制

指腹是一块大约十到十四毫米的不透明遮罩,按下去的瞬间正好盖住目标中心。共位原则如果机械执行,会把唯一的确认送进这块遮罩。视觉系统没有「透过手指看」的通道,所以确认必须偏置:沿手指纵轴向外,通常朝向屏幕上方或尺侧,让中央凹能看到。

偏置方向跟手别和握持有关。右手拇指从右下伸过来,指尖指向左上,预览放在目标上方偏左更不容易被手掌二次挡住;左手相反。把 callout 做成永远在目标正上、不考虑哪只手,会在左利或横握时重新钻回掌下。

怎么研究

经典做法接近 Shift:目标本身被手指盖住,另开一枚偏移预览,测选中是否仍能被确认。拍接触瞬间的过肩录像,逐帧看反馈是否落在指腹轮廓之外。

自变量:预览相对接触点的偏移方向与距离、左右手、竖握还是横握。 因变量:能否在按下期间读出当前目标、松手后的选错率、为了看见而挪开手指(导致点空)的次数。

不要只问「有没有感觉到按下去了」——触觉已经给了按压,缺的是哪一个目标被选中的视觉核对。

边界

鼠标和指点杆没有这块遮罩,目标上的悬停卡片可以就地展开。触控笔笔尖遮挡远小于指腹,偏置可以更短,但仍不能为零。系统已提供按键预览的键盘,应用层再画一层会叠成双影。反馈若是整页跳转或按钮本身的形变大到伸出指外,遮挡不再是问题。戴手套时遮罩更大,原来够用的偏置会被重新盖住。

怎么落地

  • 按键、取色、地图选点、滑杆当前值,把预览或数值抬到接触点上方(或沿手指纵轴外),不要居中叠在目标上。
  • 按左右手和横竖屏各录一次按下,检查预览有没有钻进掌侧。
  • 长按菜单从触点向上展开,而不是在触点四周均匀铺开——下半会被手掌吃掉。
  • 验证:过肩拍摄接触那一帧,描出指腹轮廓,看唯一的确认像素是否全部落在轮廓外。有任何关键文字还在轮廓里,这条就失败。

延伸

  • 同组F1.02.1 反馈应出现在操作发生处 · F1.02.2 操作在下、反馈在上会被漏看
  • 相邻C2.05 手指遮挡问题 · F1.09 弹层遮挡操作对象
  • 站内检索occlusion-aware feedback · finger occlusion · Shift technique · callout offset

同组卡片

快捷操作

分享

分享当前页面

ios_share

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