菲茨定律与互联网设计Fitts’Law

1、菲茨定律与互联网设计 Fitts ' LaW菲茨定律是用来预测从任意一点到目标中央位置所需时间的数 学模型.它由保罗.菲茨在1954年首先提出.这个模型考虑了用户 定位点的初始位置与目标的相对距离以及目标的大小.菲茨定律虽 然在很多领域都得到了应用但其在人机交互HCI和设计领域的影 响却最为广泛和深远.用于估算用户移动光标点击链接或控件按 钮所需的时间目的地明确的移动可以细分为两个局部：首先一个 大幅度的移动将光标移向与目标大致相同的方向和区域；紧接着是 一系列精细的小幅度微调来将光标精确定位在目标中央.你现在就 可以做一个小实验来观察这一过程 -举起你的手臂并试着用手指指 向远处的一

2、个小物体,例如远处墙上的一个电灯开关.开始你的手 臂可能会往开关的位置大幅的移动而且很有可能稍微过头了一点. 接下来你会做一些微小的调整动作直至你的手指正好对准目标开关 的中央.现在你可以试着指向一个更大的物体-比方说电视或一面墙壁.这一次你也会以大幅度的手臂动作来使手指指向目标方向, 但由于目标体积很大所以一般情况下你只需要做很少甚至不需要 任何的微调.让我们来看下面这个例子.图中的红色盒子代表目标；虚线代表 从起点至目标的移动轨迹,目标上灰色左右箭头之间的范围是用户光标减速并微调以弥补误差的区域.在右方有一个较大的目标,因为面积很大所以用户从任意点快速点击应该不会很难:大的目标区域意味着光

3、标在目标上停下来之前不需要做太精细 的调整在下一个例子中,屏幕的右方有一个小得多的目标所以用户 快速点击目标会困难得多.由于用户需要将光标移动较长距离而且目标面积很小所以在光 标正确的对准目标前需要做一系列精细的调整动作.但如果同样大 小的目标距离很近的话,由于到达目标范围所需的初始动作很小所以准确点击它的难度也会小很多.距离越近,初始动作由于幅度太大而超出目标区域的风险就越小对于形状不规那么的目标而言,目标区域的大小和移动的方向是相对的.在下面的例子中,如果用户从和目标平行的位置水平移动 光标,那么这个按钮的相对目标区域就很大.但如果用户光标的初始位置在目标的上方或下方,那么这个长方形按钮的

4、相对目标区域 那么小得多IIIIIIII除了调整目标的大小以外,我们还可以将目标放在屏幕的边缘或角落上来使其更容易被选中.由于在屏幕边缘和角落位置时它们 是无限可选中的；具体一点来说就是 -有一个隐形的边界来阻止 用户的初始大幅移动让光标超出目标区域范围,这样的话普通指向 性移动的第二步 微调动作就不需要了.这个方法在两大主流 OS中都起到了很好的效果：Mac OS X默认将底栏Dock放到了屏幕的最下方；这样的话底栏就变得无限可选中,由于用户不能将光标移到底栏下方所以在向底栏方向做出大幅度移动后光标始终是落在底栏上的.在Windows中,开始菜单在屏幕的左下角,这个角落是 无限 可选中的,由

5、于不管用户朝左下角方向做多大幅度的摆动,光标总 是会停在开始菜单按钮的上方.Mac OS X系统和Windows系统的一个最大不同之处便是程序 菜单的位置.Mac OS X将菜单置于屏幕的顶端而 Windows将它们 放置在单独的应用程序窗口上.菲茨定律显示在许多情况下 Mac的做法是更好的：在Mac OS X中用户不管如何将光标抛向屏幕顶端 其总是会停在菜单上. 而在Windows中的窗口模式下应用程序菜 单那么没有像Mac中的 无限可选中的属性.但是,Mac的做法也开始凸显出其局域性.虽然 Mac OS X下 的程序菜单是 无限可选中的,不要忘了菲茨定律也考虑到了用户 当前定位点与目标的相

6、对距离.随着显示器尺寸越来越大,双 /多屏 显示器的配置越来越常见.Mac的用户不得不在这些情况下穿过很 长的距离来让光标到达主屏幕的顶端菜单.这样的话长距离拖动光 标所消耗的时间可能会超出不用做细微调整来矫正光标位置而省下 的时间.菲茨定律的应用网页设计师最大的遗憾之一就是不能利用浏览器的边角和边缘 作为可 无限可选中的区域.不过设计师仍然可以根据菲茨定律在 设计上做一些优化.?放大链接点击区域.在链接文字周围放置可点击的填充区域, 这样用户想要点击的链接文本会有更大的容错性.?当您有几个放置在一起的可点击目标或链接时,把它们的体积 增大或增加他们之间空白区域的大小.搜索结果中的网页导航链接

7、 通常都有很差的可用性.例如,下列图中的搜索结果页面就显示了太 多的结果,并且这些结果互相之间也离得太近：Es 21-2 7 for Oi» SjMC? in Shaelfl PWOoj PflW： 113 4 5®! XT亚马逊Amazon在处理搜索结果的方法上那么要高明许多?将动作分类-如果相关的操作按钮靠近彼此的话,那么不仅可以在视 觉上增强用户对它们相关性的认知,还可以减少光标在它们之间移 动所需的距离和时间.最后请记住,一定要敢于尝试！37 Signal在它们白产品Sortfolio主页的“Signu瞳钮上就有一个灵活运用菲茨定律的有趣实验-当用户的光标划过时按钮会自动变大并显示更多信息这样的话当用户gn即将开始做细微调整以精确定位光标至按钮时,微调的必要性由于 按钮的自动增大而大大减少了 ！多么绝妙的创意和应用啊！SortfolioFind the rightfor