设计笔记°|交互设计中的费兹定律
杭州/UX设计师/7年前/273浏览
版权
设计笔记°|交互设计中的费兹定律
设计知识卡片-以最简单的方式记录设计知识点

费兹定律Fitts Law
设计笔记-2019-0001
人机交互 / 数学模型
01介绍INTRODUCTION
移动到目标之间的距离、目标物的大小和所花费的时间之间的关系;
距离越大时间越长,目标越大时间越短;
心理学家Paul Fitts提出的人机界面设计法则;
用以提高界面的易用性/操作度/效率;
02分析ANALYZE
(公式及示意图,如知识卡片中所示)
T:平均完成这次操作所花费的时间
a:系统一定会花费的时间(理想耗时)
b:系统速率
D:与目标中心的距离
W:被操作目标宽度(也是容许用户犯错的最后边界)
03结论CONCLUSION
目标越大,完成操作越快,时间越短,操作容错越好。
目标越近,完成操作时间越短。
操作一个目标的效率,取决于目标与当前位置的距离以及目标的大小。
04扩展说明
1)被操作控件的尺寸影响操作效率和操作准确性;
2)交互界面(例如显示器屏幕)边缘的位置,尤其是边角可以放置重要的操作控件,例如导航栏等,因为交互界面边界以外的地方也算操作控件的隐形尺寸,且该尺寸无限大,因此边缘是用户最方便操作的地方。
举例说明,鼠标移动到屏幕边缘,此时用户操作继续往外移动都永远被限制在边缘处,因此边缘区域容错性高,非常方便点击,这也是我们网页里导航菜单都放在边角的原因,比如天猫购物车的位置,浏览器的导航菜单位置等,都是很好的应用。
3)了解玩家操作习惯,将操作时间上接近的控件放在接近的位置,增加点击效率,同时不要忘记控件的尺寸保持一定大小哦,太小容易引起误操作,原理参考费兹定律的公式表达。
2
举报
声明
收藏
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
2登录即可同步推荐记录哦
收藏登录即可加入我的收藏
评论登录即可评论想法
分享分享





































