A11.03.2Simultaneous target size and spacing enlargement设计

目标尺寸与目标间距同时放大

别名: 触控目标尺寸 · 目标间距 · touch target spacing

概念解释

老年用户的触控适配常被简化成"按钮做大一点",但真正决定误触率的是两个变量的组合:目标本身的尺寸,以及相邻目标之间的间距。只放大尺寸而不放大间距,甚至会因为目标之间挤得更近而提高误触率——这条讲的是两者必须同时处理,缺一个都不算做到。

机制

误触的来源不只是"手指比目标小",还包括"手指落点与相邻目标的距离不够,轻微的定位误差就命中了旁边的目标"。放大单个目标尺寸而保持整体布局宽度不变,往往意味着相邻目标的可用间距被压缩,抵消甚至反超尺寸放大带来的收益——这也是为什么"把按钮做大"这种直觉修复有时不但没用反而更差的原因:视觉上更醒目了,可点击边界之间反而更容易互相侵入。

边界

这条适配在内容密度极高、屏幕物理尺寸受限的场景(如智能手表、车载中控某些区域)会与"单屏展示信息量"直接冲突,此时不能无限放大尺寸和间距,需要考虑改变交互方式(分步展示、语音输入、分层导航)而不是硬挤大尺寸目标。也不是所有老年用户都存在手部精细控制问题,对灵活度未受影响的用户,过大的目标反而会拉长视觉扫描和移动距离,增加操作时间。

怎么落地

  • 触控目标最小边长不低于约9-10毫米,面向老年用户为主的场景取这个区间的上限而不是下限;
  • 相邻可交互目标之间的间隙不小于约2毫米,尺寸和间距两个条件要同时满足,只满足其中一个不能算达标;
  • 高频且后果较重的操作(提交、删除、支付确认)优先获得更大的尺寸与更宽的间距预算,低频、后果轻的操作可以适当收紧;
  • 验证办法:在真实设备上用手指(而非鼠标或触控笔)逐一点击密集排布区域(如数字键盘、列表操作按钮组),统计误触相邻目标的次数;条件允许时让实际老年参与者在非受控、自然握持姿势下测试,而不是团队成员在实验室里刻意小心点击。

延伸

  • 同组A11.03.1 最小字号与用户可调字号的支持 · A11.03.7 手部震颤与点击防抖、误触过滤
  • 相邻A8.15 生理性震颤 · A11.06 人体测量数据与尺寸设计
  • 站内检索touch target size · target spacing · fat finger problem

同组卡片

快捷操作

分享

分享当前页面

ios_share

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