UI设计中交互设计7大定律

用户头像
深圳/UI设计师/2年前/273浏览
UI设计中交互设计7大定律

一篇文章让你知道界面为什么那样做!

01菲茨定律

A点移动到B点所需要的时间,距离(L)和目标大小(D)决定了这个参数!

我们可以理解成射箭,要想更容的打中靶心,可以放大靶心,或者移动两者之间的距离!

UI设计中其实包含很多,比说banner图点击任意地方就可以进入,或者是鼠标直接右键,或者是直接放大的按钮!

02席克定律:

当一个人面临选择越多的时候,所花费的时间就越长!

我们可以通过,将这些选择进行分类打包,以站酷为例子将类似功能进行分类或者分页面,帮助用户梳理进行梳理。

现实中比如超市的水果区,蔬菜区,以及厨房调料区也都是这个道理!

03接近原则

当两个物体里的比较近的时候,你就认为他们是有联系的,这个感觉简单到感觉不能算定律的定律,是格式塔心理学上的老知识了,就比如两个不认识异性同事从宾馆中走出,在别人眼中别人就以为他们是开房去了。

在UI中最常见的就是布局排版和归类的暗示用户相关联的元素,比如用更大的间距或者颜色隔开相同的元素。

04交互设计7±2

美国心理学家(乔治·米勒)研究中认为,人对5-9个元素之间会表现出比较良好的记忆状态,如果超出这个范围就会容易出错。

在UI设计当中的应用那就是真的太广泛了,比如说APP当中的底部栏或者金刚区,一般单行不会超过5个图标按钮,或者是文案标题,你仔细想想,单独超过9个字的标题是不是很少。

05泰勒斯定律

该定律认为每一个流程都有一定的复杂性,且存在一定临界值!超过这个零界点就不能在简化了,你只能将这些复杂的流程从一个地方搬移到另一个地方。

比如以前的电视机遥控器很复杂,但是遥控器很简单!现在的遥控器很简单,但是电视界面很复杂!

UI设计中最常见的就是认证流程,其实分步骤填写也是这个道理。

当然一些鸡贼的产品经理往往会把最复杂的流程放到最后,你都填写那么多了,总不能最后直接放弃吧!

这个定律也微信和qq经久不衰重大原因之一,好多不相关的网站都可以通过这些巨头的账号一键登录!

他们直接把数据库进行搬移或者共享,让用户省去复杂的认证流程!


06新乡重夫防错原则

大部分的操作失误都是因为设计不当造成的,我们可以通过优化设计去减少失误,比如说最常见的就是出现一些敏感操作的时候进行一些提示!


这个定律也可以反过来用,比如说你要卸载一些软件,或者是取消一些购物的时候。那个卸载或者是取消购物的按钮,他总是灰色的!


07奥卡姆剃刀原理

一切以简单实用为原则,去掉不必要的因素!减少用户反复操作带来的厌恶感!比如我做的这个后台管理,就比如说投影、描边、多色彩图标、以及没必要背景元素,统统不要!

这个定律是非常契合b端交互模式的,但是在C端当中有一些确实不适用的,比如说电商或者是产品活动网页,

需要用户更长时间的停留在这个界面,这个时候我们就需要对图进行填充更多元素,来激发用户的购买欲望或者停留时间!

1
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
新能源APP应用UIKit
【新年UI图标】30个图标
户外旅行飞机情侣假日出行
我的钱包-UI界面设计-app
【新年UI图标】珠宝icon
手表表盘UI系列
UI_3D图标“一本秘籍”(源文件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI界面 组件
【新年UI图标】游戏/娱乐icon
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】汽车icon
科技医疗透明柜UI界面设计
Security Camera UI kit
【新年UI图标】会员icon
UI 登录界面设计模板包
高级感金属拟物 UI设计组件库
【新年UI图标】秒杀icon
【新年UI图标】钱包icon
高级表盘系列UI源文件
拟物风质感写实UI卡片合集源文件
【新年UI图标】影音icon
新拟态风格 UI设计组件库
你可能喜欢
相关收藏夹
大家都在看
登录注册