美文网首页设计视觉设计
PM读书 | 《菲茨定律》:原理和实例

PM读书 | 《菲茨定律》:原理和实例

作者: 李鑫2020 | 来源:发表于2016-10-21 21:18 被阅读158次

    一、定义

    菲茨定律:(在桌面系统中)用户能够快速点击那些较大或者比较接近于鼠标指针的目标。此类目标可能是用户想要鼠标点击的屏幕上显示的图标,或者是用户想要敲击的触摸屏上的按钮。

    Fitts's Law

    二、ID计算公式

    ID,Index of Difficulty,即任务的难度系数。用来度量用户完成某一目标的难度。
    计算公式如下:
    ID=log2(目标距离设备指针的距离/目标在运动方向上的宽度+1)
    解释:难度系数与距离成正比,与图标的宽度成反比。

    三、应用

    (1)屏幕边缘具有无限大的尺寸
    因为要想把鼠标移动到一个按钮图表,需要在图标的四个边界范围内,而如果把图标放到屏幕的角上,就相当于这两个边的边界不用考虑,也就是这两个边界无限大。用户可以很方便的轻易的找到按钮图标。
    例如win7右下角的显示桌面图表:


    注意:上述情况并不适用于触摸屏,触摸屏的边界元素并不容易碰到,用户最容易达到的区域取决于持握设备的方式。

    (2)放射式环境菜单减小平均移动距离
    很多游戏都采用环形菜单:

    (3)较小的目标需要设置外边界
    较小的目标难以点击,因此在较小的目标之间设置边界就显得非常重要。否则,用户很可能会错过正确的目标,从而引发错误操作。
    这样的设计同样适用于键盘快捷键。如果破坏性操作的快捷键和非破坏性操作的快捷键是距离很近的两个字母,那么用户很可能会不小心启动破坏性操作的命令。

    (4)有时候,界面元素越小越好
    把屏幕元素设计的大一些会方便用户点击,而把破坏性操作的界面元素设计的小一些能有效降低用户在无意之中点击到的概率。
    例如:win7的关机按钮:

    对菲茨定律的完美阐述:文章《菲茨定律的可视化》:http://www.particletree.com/features/visualizing-fittss-law/

    相关文章

      网友评论

        本文标题:PM读书 | 《菲茨定律》:原理和实例

        本文链接:https://www.haomeiwen.com/subject/phpcuttx.html