C2.02.4Edge and corner touch-target margin设计研究

边缘与角落的目标需要额外余量

别名: 边缘目标 · 角落目标 · capacitive edge effect · safe area

概念解释

屏幕边缘与角落的触摸目标,即使视觉尺寸和中央区域的同类控件完全相同,实际可达性也更差,因此通常需要比中央目标更大的余量(margin)。原因是决定触达下限的物理约束——手指接触面积、运动控制精度——在边缘位置会变得更不利,而不是边缘位置本身有什么特殊的显示问题。

机制

具体是哪两类因素让边缘变差?第一类是运动控制:中央目标可以从四面八方接近,手指的运动轨迹有充分的调整空间;边缘目标缺少朝外的一侧缓冲,角落目标同时受两个方向限制,手指末端在物理屏幕边框附近的可调整空间被切掉一块,运动噪声更容易越过边界。第二类是传感层面:电容式触摸传感器在物理边缘存在场强衰减,也就是电容边缘效应——传感器阵列在最外圈的电极覆盖不完整,导致边缘附近的接触信号本身就比中央区域更容易失真或延迟,这不是运动控制问题,而是硬件感知能力在边界处天然下降。这两类因素叠加,加上很多系统还在屏幕边缘预留了手势识别区(如从边缘向内滑动触发返回或调出系统菜单),三者共同压缩了边缘目标实际可安全命中的范围。

怎么研究

把完全相同的控件分别放置在屏幕中央、四条边和四个角落,在单手持握、双手持握、不同持机方向下比较命中率、完成时间、手指姿态调整次数和误触发系统手势的次数。方法论要点:不能用中央区域测得的命中率数据去推算边缘表现,因为边缘涉及的是运动控制和传感失真两类完全不同的额外误差来源,中央数据里根本不包含这些因素;此外边缘测试必须包含系统手势竞争的条件(例如同时存在从边缘滑入返回的系统手势),否则测出来的"边缘命中率"只反映了运动控制的那一半问题,掩盖了手势抢占导致的额外失败。

边界

这条讲的边缘劣势主要针对触摸屏。鼠标或触控板的指针在传统 GUI 里反而因为"被屏幕边界挡住无法再移动"而获得优势(角落目标最容易命中,是 Fitts's law 意义上的经典结论,例如把菜单栏放在屏幕顶端),触摸没有这种"抵住边界借力"的效应,因为手指不是被限制在屏幕平面上滑动的指针,接触点一旦落在物理边框之外就直接检测不到了。并非所有设备的边缘场衰减强度都相同,无边框全面屏和带实体边框凸起的设备在边缘可达性上表现不同,具体余量应基于目标设备实测,而不是套用一个通用系数。给边缘控件加余量也不意味着把所有边缘目标做成巨大按钮——挪到内侧的安全区域、提供不依赖边缘滑入的替代交互,往往比单纯扩大边缘目标更有效。

怎么落地

  • 为放置在边缘或角落的关键控件,向屏幕内侧增加额外的命中缓冲,而不是仅仅视觉上贴边摆放。
  • 检查目标位置是否与系统预留的边缘手势区冲突,冲突时提供不依赖边缘滑入的等效入口,而不是让两者争抢同一块屏幕区域。
  • 分别在拇指单手持握覆盖到的角落范围和双手食指操作的边缘范围做测试,因为二者的可达弧线并不相同。

延伸

  • 同组C2.02.1 触达尺寸下限由指尖接触面积而非视力决定 · C2.02.2 视觉尺寸与命中尺寸可以分离 · C2.02.3 各平台的推荐下限不同,不可混用
  • 相邻C2.03 触摸目标的最小间距 · C2.04 胖手指问题
  • 站内检索edge effect · capacitive touch sensing · safe area

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/C2.02.4