鼠标交互中的费茨法则
3 条评论
2010年2月20日
费茨法则是用户界面设计人机工程学中的著名原则,其基本思想是:
目标越远,鼠标到目标所花费的时间就越长。
目标越小,鼠标到目标所花费的时间就越长。
所以要让用户比较容易的完成操作,我们在设计界面时应该让目标够大,离鼠标所在位置够近。
目标距离
较容易操作的示例:

在新浪微薄的很多细节交互中做的很人性化,比如这个音乐的浮层就在当前鼠标位置的下方,用户无需移动较远的距离就可以把鼠标的光标定位到文本框。
看看我们19楼编辑器的插入音乐效果,浮层是在浏览器窗口的正中间。用户需要移动较远的距离,这样就显得费劲了。

在我们导航中公共会所的下拉菜单也存在这样问题,如果用户想要点击最右边的频道就要滑动接近一个屏幕的宽度,如果划出该区域,又要重新单击公共会所的链接。
目标大小
在这次大改版中,我们对原来的翻页模块进行了改进,原来让人抓狂的小方块,变得大了,距离也拉开了,操作也就方便多了。
在一些较小的目标时,也可以用代码建立一个比目标大的<a>链接 。
如果不遵守菲茨法则,也不会给用户的操作带来很大的阻碍。但细节中的交互改进可以让产品更加易用,让用户更加愉悦。
扩展阅读:Windows 设计规范中的鼠标交互

