交互设计基础定律-菲兹定律的解读与应用

用户头像
深圳/UX设计师/2年前/648浏览
交互设计基础定律-菲兹定律的解读与应用

菲兹定律是一个关系人机交互以及人体工程学活动的数学模型,由保罗·费茨在1954年首次提出

一、什么是菲兹定律?

定义:指点设备到达一个目标的时间,与当前设备的位置和目标位置的距离(D)和目标大小(S)有关。

公式:

二、菲兹定律在设计中的运用

菲茨定律通常被用来解释鼠标(PC端)和手势(移动端)在界面中的移动规律。

在做用户体验设计的过程中,可以通过控制界面元素的大小以及各元素之间相应的距离,来进行界面的布局,从而提高用户交互效率,进而提高用户体验。具体应用如下:

1、合理控制元素的大小

2、控制好元素间的相对距离

3、系统界面中的特殊位置

4、逆向的交互行为

1、合理控制元素的大小

元素越大用户越容易点击,所用的交互时间就越短、效率越高。但是在我们常用的终端系统界面(手机、电脑、iPad等)中,在终端屏幕分辨率固定的前提下,若加大某一元素大小时,会导致其他元素的缩小。所以在系统界面中存在多个元素的时候,应该权衡各个元素之间大小的合理性。

2、控制好元素之间的相对距离

此处的相对距离指的是在同一系统界面内,各个元素之间的距离。通过研究用户在执行某一操作目的时的整个交互动作,然后把相互关联的操作手势/元素的相对距离缩小,从而减少用户在执行操作的交互时间。

3、系统界面中的特殊位置

在系统界面中,最为较特殊的位置往往是边界位置,因为不管光标如何无限向外移动,最终都无法超过显示屏的边界线。所以在这样的位置经常都会放置一些比较固定特殊的元素(菜单栏、按钮等),可使用户快速找到。

4、逆向的交互行为

当我们不希望让用户过于方便地操作的时候,我们就可以开始进行逆向思维,反向使用费茨定律,增加用户的操作难度。什么时候我们不希望用户过于方便地操作呢?——重要或危险操作需要用户小心谨慎,或者压根想阻挠用户操作的时候。

三、总结

界面应该是为人而设计的,界面设计必须是一致的,体贴的,包容的,有趣的。设计师的困难是,他们既要遵守设计原则和数学公式,又要兼顾到一些模糊的体验原则。处理好两者的关系,才能给用户带来最好的体验。

总而言之,合理运用菲兹定律的以下三种原则可以强调用户界面重要功能,降低用户操作时间,提升用户体验:

1、重要/常用的功能可点击区域变大

2、缩短起点距离和目标距离,且关联元素放在一起

3、屏幕边缘无限可被选中原则的利用

5
举报
|
11
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI界面 组件
【新年UI图标】秒杀icon
Security Camera UI kit
【新年UI图标】钱包icon
高级感金属拟物 UI设计组件库
新能源APP应用UIKit
【新年UI图标】会员icon
【新年UI图标】影音icon
手表表盘UI系列
UI通用设计素材1
我的钱包-UI界面设计-app
【新年UI图标】银行卡icon
抽象液态渐变UI背景模版
【新年UI图标】30个图标
智能家居中心 简约 UI设计组件库
【新年UI图标】汽车icon
【新年UI图标】珠宝icon
高级表盘系列UI源文件
钱包ui模板
新拟态风格 UI设计组件库
拟物风质感写实UI卡片合集源文件
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
你可能喜欢
相关收藏夹
大家都在看
登录注册