史上最全交互设计原则(二)之菲茨定律和米勒定律

ce08a1b91c283bfd2187d578e1468074.png

上一篇文章主要是针对于希克法则进行了介绍,如果大家有兴趣的话可以自行查阅。本篇主要是介绍一下菲茨定律和米勒定律

一、菲茨定律

1.定义

菲茨定律是一种预测模型,由保罗·菲茨在1954年提出。预测点击一个目标的时间取决于目标和当前位置的距离+目标的大小。在交互设计上通常会通过改变目标的大小来降低操作难度,通过调整位置距离提高操作的效率。

2.常见案例

3e46587c5f56d2d5a68c2723a43ad21a.png

我们常见的键盘会将常用的按钮设计的较大,目的就是为了降低操作用户的操作难度

3.软件应用

在软件方面的应用主要分为以下几点

①需要连续操作的元件尽量距离近一些排布,以减少用户在切换操作时的操作时长。如富文本编辑器的编辑按钮

73dd2949637021882b541ee9d3a982b3.png

②需要用户点击的按钮要尽可能在设计的时候放大一些。

如下图常见的充值/续费按钮

4e477b9e3d2cb2027e291daed37969f8.png

③菲茨定律的逆向使用,当需要延迟页面的访问时间或者需要用户谨慎操作时,可以弹出对话框需要用户进行选择或者调整操作的位置,让用户不能轻易的触碰到

如手机关机时的确认位置比较靠上

21a7b33781e7c53c344f931dd169d242.png

二、米勒定律

1.定义

“神奇的7±2法则",它指出普通人只能在工作记忆(即短期记忆)中保持7±2)项信息

2.常见案例

比如我们常见的银行卡上的银行卡号,为了方便大家阅读使用米勒定律进行分段展示

0a30a3d03cb097b8f36efe3e295bd4c9.png

3.软件应用

①信息较多时,对信息进行分组展示

如软件中常见的导航按钮采用米勒定律进行分组展示

02b16eab5229237f2395ef09525f0cff.png

②在设计银行卡号、手机号、身份证号等展示时,采用米勒定律进行分段展示

如下图为支付宝添加银行卡时的展示效果

8cc77ba08ec4c6c7257ada5476fed414.png

③需要注意的是,设计时虽然需要减少选择,但不能无限减少,还是要根据实际情况进行设计

本篇对菲茨定律和米勒定律进行了简单的介绍,如果大家需要深入了解的话,可以自行查阅相关资料,觉得对大家有帮助的可以给博主来个三联,后续会继续进行更新,希望大家持续关注

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

产品阿强

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值