O4.12.3Hard-to-hit close button设计
弹窗关闭按钮的位置与大小可被刻意设计成难以点击
别名: 关闭按钮陷阱 · tiny close button · misdirected tap target
概念解释
关闭按钮的物理学可以反过来用:位置放到拇指盲区、面积缩到命中极限以下、命中区与视觉区错位——「关掉一个弹窗」的难度被当成留存工具来设计。移动端的拇指热区地图让这种设计有精确的工程手段,也让它有精确的检测手段。
机制
点击成本由 Fitts 定律决定:命中时间与目标距离成正比、与目标大小成反比——反向使用即:小目标加远距离等于高放弃率。手段清单:面积(关闭钮缩到十六像素级)、位置(屏幕顶部两角,单手拇指盲区)、命中偏差(视觉边界大于命中边界,看似点中实际没中)、时延(点击后半秒才响应,诱发重复点击或放弃)、假关闭(点 X 弹出「真的要离开吗」二次挽留)。它与无障碍规范的冲突是明确的:触控目标最小尺寸是平台级规范,刻意缩小的关闭按钮直接违反——这让这一类成为暗黑模式里最容易自动化检测的一种。
边界
小关闭按钮有别的来源:视觉极简主义的设计取向、命中区配置的技术事故——与蓄意遮蔽外观相同,判定看一致性:全应用触控目标都达标、唯独关闭按钮小,意图即明。视频贴片广告的「前几秒无关闭钮」是行业惯例,但惯例不改变机制——判定按机制不按惯例。还有位置传统的混淆:右上角关闭是桌面惯例,判定时不可把惯例位置本身当作操纵。
怎么落地
- 规格化:所有弹窗关闭钮命中区不小于平台规范(44pt/48dp),位置在拇指热区内或提供点击弹窗外关闭。
- 关闭路径上禁止二次挽留:「真的要离开吗」类弹窗归营销模块单独评审,不得挂在关闭事件上。
- 验证:自动化触控目标扫描——遍历弹窗组件列出命中区不达标项,修复率进版本验收清单。