用观猹登录费茨定律：按钮能不能点中？
Fitts 1954 年发现，指向目标的时间随距离变长、随目标变小而增加，界面上处处适用
洛洛做过一版社团活动页，交稿那天自己看着可满意了：按钮小小的、细细的，配色素得要命，特别"高级"。发群里时我还配了句"这版我很喜欢"。
第二天早高峰，我在地铁上用手机打开它，单手拎着包，右手拇指去够右上角那个关闭按钮。
够了三次没点中。第二次还误触进了另一个页面，回来的时候表单填的东西全没了。
那天洛洛在摇晃的地铁里学到一件事：好看和好点，是两个完全独立的指标。 而"好不好点"这件事，1954 年就有人量化过了，叫费茨定律（Fitts's law）。
研究说了什么
先说最实在的一层：这是一篇真的实验论文，不是原则总结。
Paul M. Fitts 在 1954 年发表了《The information capacity of the human motor system in controlling the amplitude of movement》，刊在《Journal of Experimental Psychology》。他让被试拿手写笔在两个目标之间尽快来回敲击，系统性地改两件事：两个目标之间的距离，以及目标本身的宽度。
结论是：完成一次指向动作所需的时间，跟"距离与目标宽度的比值"呈对数关系。写成公式大致是 MT = a + b × log2(2D / W)，MT 是移动时间，D 是距离，W 是目标宽度，a 和 b 是随设备和人变化的常数。后一项叫难度指数（index of difficulty），单位是比特。
用大白话说就是图上"研究发现"那格：指向目标所需的时间，与距离和目标大小有关。 越远越慢，越小越慢，而且小和远会叠加。
NN/g 在 2022 年写过一篇《Fitts's Law and Its Applications in UX》，把它翻译成了界面上的做法，也补了几条今天才成立的注意事项。
为什么会这样
指向一个目标不是一个动作，是两段：先大幅度冲过去，再小幅度校准。距离决定第一段有多长，目标大小决定第二段要修几次。又小又远就是"冲得久、还要反复微调"，时间自然拖长，失手概率也一起上去。
洛洛的土办法记法：扔飞镖。靶子远了要瞄更久，靶心小了要瞄更久，又远又小就是我那天在地铁上的样子。
这也解释了为什么屏幕边缘和四角在鼠标设备上特别好点：光标撞到物理边界就停住了，相当于目标被延伸成无限大，你可以放心一把甩过去。
放到产品里怎么用
图上"产品延伸"列了四条，展开一下：
- 按真实的单手握持去检查。 拇指的自然活动范围是一个扇形，屏幕下方和持机那一侧最舒服，对角线顶角最难够。高频操作要放进那个扇形里，而不是摆在"视觉上最平衡"的位置。洛洛那版活动页的关闭按钮，就在最难够的那个角。
- 关闭、返回这类按钮要特别对待。 它们出现得频繁，而且往往是在用户想赶紧离开时被点——这时候点不中，挫败感是双倍的。
- 扩大可点区域，不只是放大视觉元素。 图标旁边补文字标签，整个"图标 + 标签"就是一个更大的目标，NN/g 专门提到这一招。
- 整卡点击。 图右边那个虚线框就是这个意思：别只让标题是链接，让整张卡片都能点。
洛洛碎碎念
那版活动页最后是默子老师帮我改的。他没动配色，没动排版，只做了两件事：把按钮高度加大，把它从右上角挪到了下方。
我当时还有点不服气，说这样不好看。他说："你这个页面不是挂在美术馆里的，是给人在地铁上单手点的。"
wc，说得我一句话都接不上。现在洛洛交稿前一定会做一件事：把设计稿导到手机上，单手拿着，从头到尾点一遍。
边界：别用过头
图上"边界"那格有两条，都值得展开。
第一，视觉简洁不等于操作省力。 洛洛那版活动页就是活的反例：按钮做小、留白做大，设计稿上很好看，手上很难用。这两个目标经常对立，你得清楚自己在为哪个让步，而不是默认"干净就是好"。
第二，需要真实任务测试验证。 图上还有一行小字：示意图，非真实界面尺寸。费茨定律给的是趋势——更大、更近就更容易点——不是一个能直接算出"按钮该多少像素"的公式。常数因设备、因人、因输入方式而异，具体数值必须在你的用户手上测。
另外几条容易踩的：
- 边缘和四角的优势在触屏上不成立。 这是 NN/g 明确指出的：无限边界是鼠标光标才有的性质，手指没有这个特权；把目标贴到屏幕最边上，在手机上反而可能更难够。这一句请读两遍！！！ 网上很多"把按钮放角落"的说法是从桌面时代直接抄过来的。
- 看不见的热区帮助有限。 给小图标加一圈透明内边距确实扩大了可点范围，但用户不知道它存在，还是会小心翼翼去瞄那个小图标。
- 这条定律只管"指向"。 它不解释用户能不能找到、看不看得懂、愿不愿意点。那些分别是信息架构、文案和动机的问题。
- 别把它当成"越大越好"。 整屏都是巨型按钮同样难用。删除、支付这类不可逆操作，适当加一点摩擦才是对的。
参考来源
- Paul M. Fitts，《The information capacity of the human motor system in controlling the amplitude of movement》，Journal of Experimental Psychology, 47(6), 381–391, 1954。DOI: https://doi.org/10.1037/h0055392 （期刊页需订阅；PubMed 条目 https://pubmed.ncbi.nlm.nih.gov/13174710/ ，查阅日期 2026-09-14）
- Raluca Budiu，《Fitts's Law and Its Applications in UX》，Nielsen Norman Group，2022-07-31 发布（页面标注 2024-01-24 更新）。https://www.nngroup.com/articles/fitts-law/ （查阅日期 2026-09-14）