设计笔记°|交互设计中的费兹定律

用户头像
杭州/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吧!
推荐素材
Security Camera UI kit
新拟态风格 UI设计组件库
新能源APP应用UIKit
拟物风质感写实UI卡片合集源文件
科技医疗透明柜UI界面设计
户外旅行飞机情侣假日出行
手表表盘UI系列
盲盒APP UI设计
UI 登录界面设计模板包
【新年UI图标】积分icon
UI通用设计素材1
高级表盘系列UI源文件
高级感金属拟物 UI设计组件库
【新年UI图标】礼物/活动icon
【新年UI图标】活动icon
【新年UI图标】影音icon
【新年UI图标】珠宝icon
钱包ui模板
3D卡通UI界面图标可爱插画免扣素
智能家居中心 简约 UI设计组件库
【新年UI图标】旅行icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI界面 组件
你可能喜欢
大家都在看
登录注册