设计控件尺寸与位置时用 Fitts…

适用于为触屏或指针界面设置控件大小、间距和屏幕位置，以提升点击/触摸效率与准确率。

适用场景

解决思路

1. 用 MT = a + b × log₂(2D / W) 评估目标获取时间：MT 为移动时间，D 为目标距离，W 为目标宽度，a/b 为经验常数。
2. 按原则检查：目标越大、离指针越近，命中越快；目标越小、越远，越慢且易错；尺寸与距离需分别优化。
3. 触摸界面最小触摸目标设为 44×44pt（Apple HIG）或 48×48dp（Material Design）。
4. 指针目标可以更小，但仍要足够宽裕：指针界面至少 24×24px，小而密集的 UI 需更大。
5. 把目标尺寸定义为可交互区域而不是视觉图标：16px 图标也可以有 44px 点击区域。
6. 对高频或高后果操作（主 CTA、破坏性确认）增大目标尺寸。
7. 把相关操作放在其作用内容附近：卡片操作应位于卡片上，而不是屏幕另一端。
8. 利用屏幕边缘和角落的无限尺寸目标（指针无法越过）：用于持久导航，如 macOS 菜单栏、Windows 任务栏。
9. 移动端把操作放在屏幕底部，减少右手拇指的伸达距离。
10. 包含确认操作的对话框不应要求用户跨越整个屏幕才能点到 “OK”。
11. 主 CTA：做大、高对比，并放在拇指可达区域。
12. 悬浮操作按钮：移动端放右下角，靠近主导拇指。
13. 导航标签：移动端底部导航优于顶部导航，便于单手使用。
14. 模态操作：按钮放在模态底部附近，不要分散。
15. 表单提交：在最后一个字段下方放全宽或醒目的提交按钮。
16. 关闭按钮：命中区域要足够大；移动端可考虑底部关闭/取消。
17. 破坏性操作：做得小而远，以防误触。
18. 始终在真实设备上测试点击目标尺寸；设计工具里看起来够大的，在手中往往太小。
19. 用 padding 而不是视觉尺寸来扩大命中区域。
20. 不要孤立地应用 Fitts 定律为过大的按钮辩护；要与视觉层级和间距平衡。
21. 在桌面端利用屏幕边缘做持久导航；不要浪费这些边缘。
22. 优先审查高错误交互（误点、误击）；它们几乎总是 Fitts 定律失败造成的。

适用边界 · 注意事项

• 不适用于评估认知成本或决策时间；按钮尺寸和位置再好，标签含糊仍会失败。
• 不要把触摸精度和指针精度混为一谈；触摸接触区更大且更不精确，指针机制不同，参数需分别调整。
• 不要把基本模型直接用于手势目标（滑动区、拖拽把手、滚动区）的意外激活风险；它们仍遵循越大越近越快，但需额外考虑误激活。