O4.12.3Hard-to-hit close button设计

弹窗关闭按钮的位置与大小可被刻意设计成难以点击

别名: 关闭按钮陷阱 · tiny close button · misdirected tap target

概念解释

关闭按钮的物理学可以反过来用:位置放到拇指盲区、面积缩到命中极限以下、命中区与视觉区错位——「关掉一个弹窗」的难度被当成留存工具来设计。移动端的拇指热区地图让这种设计有精确的工程手段,也让它有精确的检测手段。

机制

点击成本由 Fitts 定律决定:命中时间与目标距离成正比、与目标大小成反比——反向使用即:小目标加远距离等于高放弃率。手段清单:面积(关闭钮缩到十六像素级)、位置(屏幕顶部两角,单手拇指盲区)、命中偏差(视觉边界大于命中边界,看似点中实际没中)、时延(点击后半秒才响应,诱发重复点击或放弃)、假关闭(点 X 弹出「真的要离开吗」二次挽留)。它与无障碍规范的冲突是明确的:触控目标最小尺寸是平台级规范,刻意缩小的关闭按钮直接违反——这让这一类成为暗黑模式里最容易自动化检测的一种。

边界

小关闭按钮有别的来源:视觉极简主义的设计取向、命中区配置的技术事故——与蓄意遮蔽外观相同,判定看一致性:全应用触控目标都达标、唯独关闭按钮小,意图即明。视频贴片广告的「前几秒无关闭钮」是行业惯例,但惯例不改变机制——判定按机制不按惯例。还有位置传统的混淆:右上角关闭是桌面惯例,判定时不可把惯例位置本身当作操纵。

怎么落地

  • 规格化:所有弹窗关闭钮命中区不小于平台规范(44pt/48dp),位置在拇指热区内或提供点击弹窗外关闭。
  • 关闭路径上禁止二次挽留:「真的要离开吗」类弹窗归营销模块单独评审,不得挂在关闭事件上。
  • 验证:自动化触控目标扫描——遍历弹窗组件列出命中区不达标项,修复率进版本验收清单。

延伸

  • 同组O4.12.2 融入背景的拒绝按钮 · O4.12.4 遮蔽与倒计时的双重压力
  • 相邻O4.03.2 取消入口的可达性对称 · J 域触控目标尺寸
  • 站内检索close button dark pattern · touch target size · Fitts law

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/O4.12.3