浅谈交互设计的七大定律

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

相关推荐

  • 用户体验设计师、UI 设计师和交互设计师有什么区别?

    首先,不同的公司对不同职位都有自己的理解和定位,名称相似的职位在不同的公司文化中通常职责不尽相同。比如 Google 会要求用户体验设计师有 “专家级的 XHTML,HTML,CSS 和 Javascript 能力” ,而这样的要求在其他公司并不常见。不过通常来说,这三个职位还是各自有一些大概的职责范围的。用户体验设计师用户使用你产品的每一秒钟,都是这 “体验” 的一部分。先不管 “用户体验” 能否被 “设计”,既然你尝试去改变或者影响...

    2018-03-11
  • 进入第四个模块——用户体验。

    之前三个模块,我们希望解决的问题是你能够情绪纠偏、认知纠偏,不再只从原生感受上来看问题。接着我们讲的是建设系统的能力的用户体验。厚积薄发,“厚积”是系统能力,“薄发”是表面的呈现,就是用户体验。同维度竞争的时候,用户体验更是最核心的竞争力。用户体验第一课用户体验的五层要素《用户体验要素》这本书里提到:“用户体验的要素,来自5个层次的层层选择与叠加建设。”这五层分别是:感知层;角色框架层;资源结构层;能力圈范围层;战略存在层。1、最核心的...

    2018-02-05
  • 【干货知识】最全面的交互设计原则和理论汇总(上)

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】文章包括:格式塔心理学原则、尼尔森可用性原则、尼尔森F视觉模型、Heuristic Evaluation十原则、费茨定律、席克定律、7+2法则、2秒原理、2/8法则、3次点击法则、界面黄金8法则、jakob nielson原则、KANO模型、0123简单法则、MVP法则、婴儿鸭综合症、包豪斯理念、泰思勒定律、防错原则、奥卡姆剃刀原理、maya法则、信噪比法则、序列效应、功能可见性原则、成...

    2018-04-16
  • 美术丨创意Game可用性微交互设计:视觉空间微交互设计

    文章导言(悄然你的特别吸引了我)有些设计看起来简洁,有些设计看起来杂乱无章;有些设计让您快速找到想要的信息,有些设计却让您置身于迷宫之中;为什么要绞尽脑汁写这些细节上的差异?用户在使用产品时是怎么样的心理活动?这将是我分享的一些个人见解。前言:致敬设计学研书籍作者们,有机会写《创意Game可用性微交互设计》总结。如题我们将进行一场有趣的游戏可用性微交互设计讨论。考虑并不是写一本书来高谈阔论,而交互又无处不在: 版面、颜色、纹理、动画、文...

    2018-02-28
  • 智能窗帘:场景化智能应用 让用户体验“懒”生活

    科技总是带给我们惊喜。智能家居不再是一个研发层面的概念,在日常生活中已经越来越普及。智能窗帘是智能家居系统中常常被忽视,却又见微知著的家装部分。智能窗帘无需手动,一键掌控家居空间的透光度,智能防紫外线、隔音隔热和保温环保,给用户细致的关怀。智能窗帘的场景化智能应用,让用户体验懒惰带来的享受。冬天清晨,想打开窗帘让阳光温暖房间,却又懒得起身离开暖被窝,使用智能窗帘,应时自动打开,敞开度适宜,光线强弱刚刚好,惬意的在阳光中醒来。炎热夏日,离...

    2018-02-25
  • Axure RP 8.0软件安装教程

    软件链接:Axure RP 8(32、64位)链接:https://pan.baidu.com/s/1pMubgLl密码:0nb1软件介绍Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。安装教程共享软件库1.点击历史信息,查看更多内容2.长按右...

    2018-03-04
  • 用户体验地图

    利用用户体验地图实现产品的情感化设计;先来看一张图:我们可以将用户体验地图分为三个区域,其中:# ZONE A 提供了对地图的界定;# ZONE B 是视觉化的用户体验过程;# ZONE C 描述了用户的痛点;我们通过拆分各个区来实现一个用户体验地图的构建;A区:1 : 表示一个角色,即体验的用户是谁,或者说你的产品的目标客户群体是什么样类型的人;2 :表示待调研的场景,即在用户什么情景下会使用你的产品;B区:3 :可分段的体验过程,即...

    2018-03-28
  • 交互设计暑假基础进阶班报名通道开启中

    编辑//花花对于考研,方向大于努力,为了找准跑道,慢慢摸索的路上你听了很多分享会,看过很多大牛干货,但是实践才能见真知,经验谈打不了胜战,没有领路人,考研太容易进入误区。这个暑假我们针对考研,定制了一套造型能力训练考研强化班,其作用在于,用最专业的的指导,在短时间内向学员传授训练手绘提高造型能力的方法。课程介绍01Day 01Introducing Interaction Design交互设计概论认识什么是交互设计,了解交互设计的历史演...

    2018-04-08
  • Axure RP 7.0软件安装 激活 教程 百度网盘

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接,可以给公众号留言发信息,也可加微信:qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信:qihai-77反馈哦链接:https://pan.baidu.com/s/1KZcsl-SaEcjPzwvdYQn1oA密码:ws5m有任何需要安装的软件或问题可咨询微信客服:qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服:qihai...

    2018-03-30
  • 交互设计文档如何写,才给程序员以美得享受?

    阿西UED授权发布作者公众号艾欧交互设计ID:aioued文章最后报名线上线下活动:【HBAT创新设计峰会:design+下的生存之道】“写交互设计文档(DRD)目的在于:便于与前端、测试以及开发工程师沟通”交互设计文档重要么?重要!但不是项目必需具备的内容,为什么还要学习呢?其实对于初学者来说,交互设计文档能够很好的梳理产品的逻辑关系、基本的设计规范等问题,让你真正透彻的认识一个产品所有可能性。基本上,在大公司都会写交互设计文档的,便...

    2018-02-01