美文网首页设计视觉设计
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读书 | 《菲茨定律》:原理和实例

    一、定义 菲茨定律:(在桌面系统中)用户能够快速点击那些较大或者比较接近于鼠标指针的目标。此类目标可能是用户想要鼠...

  • 2019设计之旅50-设计清单分享

    第四四章 常用的设计原理法则引用 第44期:用时约3分 1.Fitts’Law/菲茨定律(费茨法则) 定律内容:从...

  • 菲茨定律

    总结 1. 距离越远,目标越大,任意点,随机点 难度都不大 2. 距离远,目标小,想要准确点击 ,需要一些时间 3...

  • 交互设计定律

    除非有更好的选择,否则就遵从标准 距离?鸡蛋的大小?手速? 一、菲茨定律 | 距离与大小 菲兹定律由保罗.菲茨在1...

  • 学习笔记:墨菲定律&帕金森定律&彼得原理

    墨菲定律、帕金森定律和彼得原理被称作二十世纪西方文化中最杰出的三大发现。 墨菲定律 墨菲定律也称作墨菲法则、墨菲定...

  • 交互设计法则

    1. Fitts’ Law / 菲茨定律(费茨法则) 菲兹定律即指用以预测某点到目标中心位置所需要的时间的数学模型...

  • 墨菲定律

    《墨菲定律》:《墨菲定律》中共介绍了墨菲定律、蘑菇定律、马太效应、二八法则、破窗效应、彼得原理、帕金森定律、吸引力...

  • 《墨菲定律》

    《墨菲定律》:《墨菲定律》中共介绍了墨菲定律、蘑菇定律、马太效应、二八法则、破窗效应、彼得原理、帕金森定律、吸引力...

  • 《墨菲定律》

    《墨菲定律》:《墨菲定律》中共介绍了墨菲定律、蘑菇定律、马太效应、二八法则、破窗效应、彼得原理、帕金森定律、吸引力...

  • 《墨菲定律》

    《墨菲定律》:《墨菲定律》中共介绍了墨菲定律、蘑菇定律、马太效应、二八法则、破窗效应、彼得原理、帕金森定律、吸引力...

网友评论

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

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