浅谈交互设计的七大定律

新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……或许,我们可以更有趣除非有更好的选择,否则就遵从标准—Alan Cooper费茨定律(Fitts’ Law)由保罗·费茨(PaulM. Fitt...

浅谈交互设计的七大定律

新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。

说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。


窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……

或许,我们可以更有趣

除非有更好的选择,否则就遵从标准

—Alan Cooper

费茨定律(Fitts’ Law)

由保罗·费茨(PaulM. Fitts)博士,1954年提出

浅谈交互设计的七大定律

T =a + b log2(D/S+1)

T:使用指点设备到达一个目标的时间

D:目标位置的距离

W:目标大小

怎么理解这个定律?

MM豆有个广告词,“快到碗里来!”“你就不能换个大点的碗吗?”

我们再来一个小的实验体验一下

当你指向面前的一本书,和指向远处书架上的一本书,是不是你指向远处的书本的时候,需要很多指向和辅助说明?

又或者你指向远处书架上的一本书和远处的那个书架,相比起来,指向书本的手势,会再指向书架后,有更多的细微方向的调整?

有没有觉得位于边角的位置更好描述?


那这样一些特点对我们设计有何启示

一 按钮等可点击对象需要合理的大小尺寸

浅谈交互设计的七大定律

登陆按钮被设计的更大

二 屏幕的边和角很适合放置像菜单栏和按钮这样的元素,边角是巨大的目标

浅谈交互设计的七大定律

Mac OS X默认将底栏(Dock)放到了屏幕的最下方


三 出现在用户正在操作的对象旁边的控制菜单比下拉菜单或工具栏可以被打开得更快。

浅谈交互设计的七大定律

 右键菜单缩短了光标的移动距离D,提高了效率 

除了提高效率,我们也有反向应用它,譬如iPhone的关机操作

浅谈交互设计的七大定律

如果我们愿意再多联想一些,生活中对于费茨定律的应用也是无处不在


开车的朋友是否有注意到,汽车上的刹车踏板和油门踏板:它们相距很近(D小),并且刹车踏板要比油门踏板大很多(W大),那么它们为什么没有被设计成相距很远,或者将两者的大小颠倒过来呢?使用经验告诉我们,这样的设计可以使得驾驶员能够以最短的时间把脚从油门踏板移动到刹车踏板上,从而达到以最快的速度准确制动的目的(D小,W大,时间短)。


可能去过电玩大世界的人会有这样的疑问,电玩大世界中那些赛车的油门和刹车踏板大小刚好与常规的相反,这又是为什么?这也正是应用费茨法则的高明之处,因为游戏中我们需要的是更快的速度去超越对手,因此你会更加容易的去踩到油门,争取更多的时间,而且你人身安全不会受到威胁,因为刹车踏板就明显变小了。

 

希克定律(Hick’s Law)

一个人面临的选择越多,所需要作出决定的时间就越长。

浅谈交互设计的七大定律

 RT=a+blog2(n)

RT反应时间

a与做决定无关的总时间

b对选项认知的处理时间衍生出来的常数

n选项数目


这个定律比较好理解,我们来直接看其在设计中的应用

一 减少用户决策时间

浅谈交互设计的七大定律

支付宝的公共支付页面,突出重点,让用户快速理解和完成任务


二 降低点击错误率

浅谈交互设计的七大定律

淘宝选购页面,对用户进行适当行为约束,提前去除掉不能继续的道路


三、提高信息获取效率

浅谈交互设计的七大定律

支付宝充值页面,让信息的选择更扁平化


7±2 法则

美国心理学家George A. Miller1956年发布的论文《神奇的数字7加减2:我们加工信息能力的某些限制》

浅谈交互设计的七大定律

人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了 5-9 项信息后人类的头脑就开始出错。


 该法则对设计的启示

一  PC端导航或选项卡尽量不要超过9个,移动应用的选项卡不会超过5个。

浅谈交互设计的七大定律

二 导航或选项卡内容很多,可以用一个层级结构来展示各段及其子段,注意其深广度的平衡。浅谈交互设计的七大定律

三 把大块整段的信息分割成各个小段,显著标记每个信息段和子段,以清晰确认各自的内容。浅谈交互设计的七大定律

接近法则(The Law Of Proximity)

1912年由韦特海墨(M,Wetheimer)提出

浅谈交互设计的七大定律

当对象离得太近的时候,意识会认为它们是相关的


在设计中应用启示,合理的间距排版布局,让用潜意识的就能将信息处理和分类

浅谈交互设计的七大定律

防错原则

新乡重夫被尊称为“纠错之父”,他首创POKA-YOKE的概念

大部分的意外都是由设计的疏忽,而不是人为操作疏忽。在设计中要有必要的防错机制;特别要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误


我们不可能消除差错,但是必须及时发现和立即纠正,防止差错形成缺陷。

—新乡重夫

损失产生前给用户适当的提示

浅谈交互设计的七大定律

泰思勒定律( Tesler’s Law)

20世纪80年代中期,Larry Tesler认为用户如何使用应用程序和应用程序本身同样重要。

浅谈交互设计的七大定律

每一个过程都有其固有的复杂性,存在一个临界点,超过了这个点过程就不能再简化了,你只能将固有的复杂性从一个地方移动到另外一个地方。

让一位工程师花费额外的一周时间去减少软件程序的使用难度,还是应该让数以百万计的用户花费额外的一分钟来克服这一困难,你怎么选?

 

奥卡姆剃刀原理(Occam’s Razor)

14世纪逻辑学家、圣方济各会修士奥卡姆的威廉(Williamof Occam,约1285年至1349年)提出

如无必要,勿增实体

 

日本最大的化妆品公司收到客户抱怨,买来的肥皂盒里面是空的。于是他们为了预防生产线再次发生这样的事情,工程师想尽办法发明了一台X光监视器去透视每一台出货的肥皂盒。同样的问题也发生在另一家小公司,他们的解决方法是买一台强力工业用电扇去吹每个肥皂盒,被吹走的便是没放肥皂的空盒。同样的事情,采用的是两种截然不同的办法,你认为哪个更好呢?

 

万事万物应该尽量简单,而不是更简单。

01 精兵简政,不断简化组织结构

02 关注组织核心价值,资源集中于专长

03 简化流程,避免不必要的文书作业

聊及此,我思及《简约至上》,组织、删除、转移、隐藏,会发现大家反复探讨研究的问题,其实根本同源。

 

为什么我们要去做这些看似很学术的探究?

我这样理解

当我们开始一个产品设计,感到无从下手的时候,他们或许能给我指出一个尝试的方向;

当我们脑海浮现诸多方案,感到有些犹疑的时候,他们或许能给我提出一个参考的检验标准;

当我们看到别人好的设计,感到惊叹不已的时候,我们知其然亦知其所以然;

当我们提出设计方案,我们深知,这是我们多方探究,权衡取舍间,给出的当下最优的提案!

文末依例广告走一波~

大家乘坐长途的交通工具的时候都会带些什么吃?

浅谈交互设计的七大定律

窃以为速食小火锅秒杀一切泡面盒饭,详戳原文


阳历年已是新年,阴历年仍是辞旧迎新之际

祝愿我们每一个微小的生活愿望都能达成,想吃的时候有的吃,想被爱的时候有人来爱~

浅谈交互设计的七大定律 浅谈交互设计的七大定律

依然欢迎各位加arya微信,聊聊生活有趣事儿~

文章参考原文

设计法则: Fitts’ Law / 菲茨定律(费茨法则)

https://www.jianshu.com/p/36b610bac7a2

交互设计七大定律之复杂守恒定律

https://www.iamue.com/8916

生活中的定律——奥卡姆剃刀定律

https://www.mifengtd.cn/articles/occam-razor-life-tips.html

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35136/

(0)
交互精选交互精选
上一篇 2018-02-06
下一篇 2018-02-06

相关推荐

  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-13
  • 交互设计 | 面向“交互领域”的能力转型

    点击上方“蓝色字体”,即可关注公众号文章来源:http://www.zcool.com.cn/article/ZNjM3MDAw.html(  站酷  )文章作者:千夜Ryan_Vision( 授权发布 )立足于交互设计及用户体验的角度谈一谈我的观点,希望对你有帮助。版权声明版权属于原作者,其内容归原作者所有如需转载请联系原创作者往期回顾APP UI结构-用户引导&提示UI设计师们还不重视闪屏设计?设计师的职场习惯如何让你的设计更精致-...

    2018-03-28
  • “桥”的创想——中安创谷“创业者之桥”设计全球征集于中科大正式启动

    📌 编辑 | P.S3月15日,中安创谷创业者之桥设计全球征集启动会于中国科学技术大学西区成功举办。标志着全球征集活动正式启动。来自中国科学技术大学、合肥工业大学、安徽大学、安徽建筑大学的师生、本地孵化机构负责人、创业团队、媒体代表等近200人参加了启动会。中安创谷科技园是中国当下以“众创空间、孵化器、加速器、产业基地和基金集群”为主要业态的科技园代表之一,“创业者之桥”作为连接一期、二期园区的重要纽带,对园区的整体性及交通流线起着重要...

    2018-03-17
  • 【干货】学交互设计,毕业以后该做些什么呢

    大家对于交互设计有没有基本的认识,上一次的文章中给大家有过简单的介绍。平时和朋友同学之间再聊到交互设计,会觉得,交互设计都是app网站,但是随着科技的发展交互设计行业涉及很多方面,也有很多新的变化。所以在2018年之后,交互设计会有新的一些行业趋势。全感官体验因为未来找设计会越来越脱离我们所认知的app界面,会从app界面转移到其他的媒介上面去和其他设备上去做交互。全感官体验,因为平时我们都是从视觉上面去或者其他界面上做一个新的交互设计...

    2018-04-25
  • 2018用户体验趋势报告

    在2017年我们看到了很多用户体验的进步和优秀的产品。在与来自全世界的189489名设计师分享学习了1926篇优秀文章之后,我们(uxdesign.cc)分析得到了2018年的一些用户体验趋势。1 用户体验的死亡与重生作为用户体验设计师,我们一直都在争取尽早地参与战略决策,现在,设计师在项目中的地位越来越重要,那么我们要如何应对呢?你的app的用户引导页使用体验如何呢?下面是最佳的自查表;不确定哪种导航最适合你的网站?去看看网站设计样例...

    2018-02-03
  • 交互设计是一个什么样的专业? | 大咖说

    近些年来,交互设计这个词越来越多的出现在我们的生活中,是一个仿佛到处都有,但却又“看不见,摸不着”的东西。所以到底什么是交互设计?百度解释如下交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中...

    2018-02-14
  • 日照这家单位招人啦!提成、五险一金、带薪培训、年终奖、节日福利···

    关于我们与其说我们是一个团队,我倒觉得我们更像一个温暖的大家庭。工作上我们团结协作、互相体恤,生活上我们互相帮助、彼此鼓励,家人遇到困扰,我们会拧成一股绳共度难关,家人有喜事有收获,我们会由衷的祝贺!我们每一个人都在用真心去经营我们的置业网大家庭,所以我们无比珍惜和感恩,也希望你和我们一样将它视如珍宝……公司简介日照置业网传媒有限公司主要经营各类广告的发布代理及各项活动策划,各类网站制作管理维护与设计,目前经营包含日照置业网等6家网站,...

    2018-04-08
  • UED内功心法口诀篇

    本文约5000字,阅读需15分钟本篇思想可能给你带来的价值何为UED?在产品定义阶段,它是一种关乎如何解决问题的思维模式,在产品迭代期,它又是一种关乎如何思辨方案真实体验水平的科学验证。更具体一点,到底是什么样的思维模式和科学验证,近一年的时间我们通过大量案例逐渐将其解构出来,并将导图成“UED内功心法”,期望能够帮助交互设计师在具体实操过程中有的放矢,更有针对性地发挥设计的价值。心法口诀第一式:目标用户锁定招式1:找出契合业务的目标族...

    2018-02-02
  • 最近很火的租衣APP用户体验报告

    以下内容并非广告,但是如果衣二三和女神派的营销部门看到的话,要不要考虑来主动给我发点广告费?其实租衣APP这个东西应该火了好一阵了。有我微信的宝宝们可能知道,我这个人有个很大的毛病就是喜欢买衣服。且买来并穿不了一两次,接着就开始在朋友圈各种亏本卖闲置。最近整理衣服发现实在太多真的不能再剁手了,因为根本没地方放。然后突然想到了公司一个客户和我说过她一直用一个租衣APP叫衣二三。看到这个APP的时候我的内心是激动的 --- 终于有软件解决我...

    2018-03-30
  • UI交互设计只需掌握这3点

    说到交互设计,就不能不提需求,因为所有的交互设计的工作都是基于需求,这也是交互设计的第一个着力点。因此,只有深刻理解需求以后,才有可能做出好的交互设计。举一个饱含血泪的例子:在做一个项目的过程中,有一个需求是要将一个应用的数据展示做一下调整,使之能够查看在三个月之内的该数据。当时,自以为已经很了解需求,只是将时间限制放开到三个月,同时,数据的展示限制在一个月内。也就是说,可以查看三个月内任意小于三十天的时间段。优点是:1)满足了需求;2...

    2018-02-27