C2.03.2Touch errors from insufficient spacing设计

尺寸达标而间距不足仍会误触

别名: 误触 · 目标间距 · 相邻控件

概念解释

即使每个目标都达到最小尺寸,若间距不足,手指偏差仍会落进邻居造成误触。尺寸解决能否命中,间距解决偏一点是否会命中另一个操作,二者不能互相替代。

机制

相邻目标的有效命中区在边界竞争;手指面积、角度偏移与瞄准误差共同形成一片围绕预期落点的分布,而不是一个精确的点。间距的作用是给这片分布的边缘留出一段缓冲——空隙越窄,分布落在缓冲区之外、越过边界进入邻居的比例就越高,而且这种关系不是线性的:间距从充裕收窄到很小的过程中,误触率往往在某个宽度之下开始陡然上升,而不是均匀地缓慢变差。更容易被忽视的一点是,命中区本身可能已经因为满足最小触达尺寸而被向外扩展到超出图标的视觉边界,这意味着两个图标之间"看起来"还有一道视觉缝隙,但各自扩展后的命中区可能早已在这道视觉缝隙下方悄悄重叠——纯粹检查视觉间隙看不出这种重叠,因为重叠发生在渲染层看不见的判定区域里。

边界

联合选择、分段滑块或连续区域可不需要大空隙,但应明确是一个整体而非独立危险按钮。扩大命中区也不能跨越到相反操作,只追求单项命中率。软件键盘是这条规则一个公认的例外:相邻按键之间几乎没有物理间隙,误触率天然就高,但这类系统普遍依靠语言模型做统计纠错来吸收这部分误差,而不是靠物理空隙——这说明"间距不足"本身不是不可接受的终点,只要有另一层机制能把落错的输入纠正回意图,系统整体仍然可用;这个补偿手段在按钮式的孤立操作(比如删除、发送)上通常不存在,所以不能把键盘的高密度布局当作可以照搬的先例。

怎么落地

  • 在独立操作间保留真实空白或不命中带,且这段空白要用实际渲染出的命中区边界去验证,而不是只看图标之间的视觉留白。
  • 无法拉开时使用二级菜单、合并操作或确认,或者像软件键盘那样引入统计纠错这类替代补偿机制。
  • 验证办法:采集真实触点坐标绘制热图,专门统计"意图点击 A、实际命中 B"这类跨边界污染的比例随物理间距变化的曲线,而不是只报告一个笼统的总体误触率。

延伸

  • 同组C2.03.1 间距与尺寸是两个独立参数 · C2.03.3 后果差异大的相邻目标需要额外间距或隔离
  • 相邻C2.02 最小触达尺寸 · C2.04 胖手指问题
  • 站内检索false tap · target spacing · hit area

同组卡片

快捷操作

分享

分享当前页面

ios_share

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