关闭

实例解析:看看「交互设计七大定律」是如何应用的?(二)

上篇文章给大家简单介绍了一下费茨定律“实例解析:看看「交互设计七大定律」是如何应用的?(一)”,接下来我们就看看它的应用。
上篇文章给大家简单介绍了一下费茨定律“实例解析:看看「交互设计七大定律」是如何应用的?(一)”,接下来我们就看看它的应用。

费茨定律(Fitts’ Law)在设计中的应用

(1)按钮等可点击区域在合理的范围之内越大越容易点击,反之,可点击区域越小,越不容易操作。

案例一:比如淘宝和中国银行的手机网页端的登录页面

从下图来看,左边淘宝登录界面的信息输入区域很明显比右边中国银行登录界面信息输入区域相互之间的距离和输入面积更大一点,在视觉及输入体验上面淘宝也要比中国银行的好很多;再看两个页面的登录按钮,右边中国银行界面的按钮视觉上很小而且距离上方验证码输入框的距离很近,这样的按钮不仅不好点击还容易产生误操作,相对而言,左图淘宝页面的按钮间距和大小就很合适了,输入和点击体验比左图好很多。
案例二: 比如小黄车和小蓝单车首页扫码按钮

小黄车和小蓝单车首页最重要的扫码用车按钮不约而同的使用了圆形按钮,我们不看放置的位置,单看按钮大小,小黄车的明显要比小蓝单车的大很多,笔者在使用两者的时候,小黄车的操作按钮要比小蓝的舒服很多,因为小黄车的按钮比较大,比起小蓝单车的按钮更容易点击。
(2)屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们。即不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。

为什么这么说呢?下篇文章继续给大家分享两个案例,看完大家就明白了~

以上就是“实例解析:看看「交互设计七大定律」是如何应用的?(二)”的内容了,如果你还想了解其他相关内容,可以来产品壹佰官方网站。

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表