不懂这几个交互原则,你一定是假的UED设计师

如果你对这个题目很陌生,那请赶紧登上这辆末班车,来不及解释了。在日常工作中,我们总是会遇到产品或者开发对你发问“这个按钮为什么要放在这里”,“这里显示的信息条目为什么只剩这几个”blablabla之类。不管是为了在对接流程中更加有理有据,也为了使自己的设计更人性更好用,了解这几条基本原则,也是非常必要的。除非有更好的选择,否则就遵从标准。交互设计之父 Alan Cooper最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,...

不懂这几个交互原则,你一定是假的UED设计师

如果你对这个题目很陌生,那请赶紧登上这辆末班车,来不及解释了。

在日常工作中,我们总是会遇到产品或者开发对你发问“这个按钮为什么要放在这里”,“这里显示的信息条目为什么只剩这几个”blablabla之类。不管是为了在对接流程中更加有理有据,也为了使自己的设计更人性更好用,了解这几条基本原则,也是非常必要的。


不懂这几个交互原则,你一定是假的UED设计师 除非有更好的选择,否则就遵从标准。

交互设计之父 Alan Cooper最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,下面就为大家注意介绍(枯燥预警,请自备饮料):

不懂这几个交互原则,你一定是假的UED设计师 1.Fitts’ Law / 菲茨定律(费茨法则)

不懂这几个交互原则,你一定是假的UED设计师


定律内容:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标的大小(上图中的 D与 W),用数学公式表达为时间 T = a + b log2(D/W+1)。


其中:T代表完成移动所需的平均时间,a代表光标开始/停止时间,b代表光标的移动速度,D代表从起点到目标中心的距离,W代表目标的宽度。

总而言之:目标越大,指向越快,时间越短。同样地,目标越近,指向越快,时间越短。也就是说,定位一个目标的时间,取决于目标与当前位置的距离,以及目标的大小。

菲茨定律的启示:

不懂这几个交互原则,你一定是假的UED设计师 按钮等可点击对象需要合理的大小尺寸,将用户最有可能点击最想要点击的按钮尽量放大。

不懂这几个交互原则,你一定是假的UED设计师 屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们。即不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。

不懂这几个交互原则,你一定是假的UED设计师  出现在用户正在操作的对象旁边的控制菜单(右键菜单)比下拉菜单或工具栏可以被打开得更快,因为不需要移动到屏幕的其他位置。


不懂这几个交互原则,你一定是假的UED设计师 2.Hick's Law / 席克定律(希克法则)

不懂这几个交互原则,你一定是假的UED设计师

定律内容:一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。用数学公式表达为反应时间 T=a+b log2(n)。在人机交互中界面中选项越多,意味着用户做出决定的时间越长。例如比起 2 个菜单,每个菜单有 5 项,用户会更快得从有 10 项的 1 个菜单中做出选择。

转换成人话就是:当选项增加时,我们做决定的时间就会相应增加。

席克定律的启示:

不懂这几个交互原则,你一定是假的UED设计师 产品的结构尽量简洁明了,把与做决定有关的选项减到最少,以减少所需的反应时间,降低犯错的概率;也可以对选项进行同类分组和多层级分布,这样用户使用的效率会更高,时间会更短。



不懂这几个交互原则,你一定是假的UED设计师 3.神奇数字 7±2 法则

不懂这几个交互原则,你一定是假的UED设计师

1956 年乔治米勒对短时记忆能力进行了定量研究,他发现人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了 5-9 项信息后人类的头脑就开始出错。与席克定律类似,神奇数字 7±2 法则也经常被应用在移动应用交互设计上,如应用的选项卡不会超过 5 个。

7±2法则对我们设计上的启示:

不懂这几个交互原则,你一定是假的UED设计师 导航或选项卡尽量不要超过9个;

不懂这几个交互原则,你一定是假的UED设计师 如果导航或选项卡内容很多,可以用一个层级结构来展示各段及其子段,并注意其深广度的平衡;

不懂这几个交互原则,你一定是假的UED设计师 把大块整段的信息分割成各个小段,并显著标记每个信息段和子段,以便清晰的确认各自的内容。


不懂这几个交互原则,你一定是假的UED设计师 4.The Law Of Proximity 接近法则

不懂这几个交互原则,你一定是假的UED设计师

根据格式塔(Gestalt)心理学:当对象离得太近的时候,意识会认为它们是相关的。在交互设计中表现为一个提交按钮会紧挨着一个文本框,因此当相互靠近的功能块是不相关的话,就说明交互设计可能是有问题的。

接近原则可以应用于页面内容的组织,以及分组设计中。对于引导用户的视觉流及方便用户对界面的解读起到非常重要的作用,通过接近原则对同类内容进行分组,同 时留下间距,会给用户的视觉以秩序和合理的休憩。 设计者们也经常使用分组框或分割线将屏幕上的控件和数据显示分隔开。


不懂这几个交互原则,你一定是假的UED设计师 5.Tesler's Law 泰思勒定律(复杂性守恒定律)

该定律认为每一个过程都有其固有的复杂性,存在一个临界点,超过了这个点过程就不能再简化了,你只能将固有的复杂性从一个地方移动到另外一个地方。如对于邮箱的设计,收件人地址是不能再简化的,而对于发件人却可以通过客户端的集成来转移它的复杂性。


不懂这几个交互原则,你一定是假的UED设计师 6.新乡重夫:防错原则

防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。通过改变设计可以把过失降到最低。该原则最初是用于工业管理的,但在交互设计也十分适用。如在硬件设计上的 USB 插槽;而在界面交互设计中也是可以经常看到,如当使用条件没有满足时,常常通过使功能失效来表示(一般按钮会变为灰色无法点击),以避免勿按。

不懂这几个交互原则,你一定是假的UED设计师

如上图所示极客公园的评论功能快,在留言框没有内容或邮箱格式不正确的时候是无法获取验证码的,只有两者都满足了才可以。


不懂这几个交互原则,你一定是假的UED设计师 7.Occam's Razor 奥卡姆剃刀原理(简单有效原理)

这个原理被称为“如无必要,勿增实体”,即如有两个功能相等的设计,那么选择最简单的。所以奥卡姆原理也被称为“简单有效原理”。简洁的页面能更好地传达出你所想要表达的内容。

奥卡姆剃刀原理对我们设计上的启示:

不懂这几个交互原则,你一定是假的UED设计师  只放置必要的东西:简洁网页最重要的一个方面是只展示有作用的东西,其他的都没有。这并不意味着你不能提供给用户很多的信息,你可以用“更多信息”的链接来实现这些。不懂这几个交互原则,你一定是假的UED设计师  减少点击次数让你的用户通过很少的点击就能找到他们想要的东西,不要让他们找一个内容找得很累。

不懂这几个交互原则,你一定是假的UED设计师  “外婆”规则:如果你的外婆(其他老点的人)也能轻松的使用你的页面,你就成功了。不懂这几个交互原则,你一定是假的UED设计师  减少段落的个数每当你的网页增加一段,页面中主要的内容就会被挤到一个更小的空间。那些段落并没有起到什么好的作用,而是让顾客们知道更多他们不想了解的东西。

不懂这几个交互原则,你一定是假的UED设计师  给予更少的选项做过多的决定也是一种压力,总体来说,用户希望在浏览网页的时候思考的少一点。我们在展示内容的时候要努力减少用户的思维负担,这样就会使浏览者使用更顺畅,心态更平和。

虽然这些法则定律被很多人认定为标准,很多人也记得 Alan Cooper 说过的那句名言,但从实际出发这些法则定了起到的只是参考或启发作为,作为用户体验设计师,一定要在实际操作中灵活运用。

最后祝大家开心工作,科学撕X。


不懂这几个交互原则,你一定是假的UED设计师

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

(0)
交互精选交互精选
上一篇 2018-03-15
下一篇 2018-03-15

相关推荐

  • 杜蕾斯158张经典海报设计,你眼中的污都是它的精华液!

    90集PS视频教程,点击下面二维码获取:来源:  LOGO大师(ID:logods)引言:转眼间2017年已经走过了一半,今天大大君扒一下老司机杜蕾斯经过半年“辛苦耕耘”究竟污了多少次。废话不多说,快坐稳,要发车了!杜蕾斯的官博一直以来的形象都是“有点坏、有点情趣,有点流氓”的性情中人。他用轻松诙谐的手法传播普及性知识,特别是每次结合热点的海报作品,都能引发大家无尽的遐想。- 国际特别“日”篇 -#全球OK日# 无论大小,都OK!#世界...

    2018-03-07
  • 医生如何离开体制创业、卓越的用户体验如何打造 | 首届妇幼医疗高峰论坛精彩环节分享

    本文编辑:卢维晨 要笑尘“2018首届妇幼医疗高峰论坛”于2018年4月21日在上海嘉里大酒店开幕。本次会议由上海春田医院管理有限公司主办,中国非公立医疗机构协会妇产科专业委员会作为学术支持。来自国际、国内知名的妇儿医疗机构投资者、拥有者、运营管理者、妇产儿科医生、医药企业、医疗器械企业、孕婴童产业、互联网创新企业等诸多行业专家领袖出席了本届论坛。本次大会上,隆重发布了中国首部以妇儿医疗机构为主题的《2018中国妇儿医疗机构白皮书》,本...

    2018-04-22
  • 交互设计的重要性

    陌陌年会以疯x做伴手礼 引起互联网一片羡慕今天以陌陌产品为例讲讲交互设计的重要性在浏览页面时,左滑、点击返回按钮都可以回到上一页为什么发布帖子使用的是取消按钮而不是返回,也不可使用左滑呢如下:发布圈子非浏览而是在完成某一任务,点击返回或者左滑返回上一页,给用户任务未结束的负担,我只是返回了 并未取消任务的困扰

    2018-02-23
  • AxureUX电商平台WEB端交互原型模板正式发布

    01作品信息作品名称:AxureUX电商平台WEB端交互原型模板作品类型:模板类发布日期:2018-02-25最新版本:v1.0主要适用:Web端软件版本:Axure 8.0文件大小:13MB作品编号:TEM006作品售价:¥169.00详细介绍及演示:http://www.axureux.com/home/templateswebec.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品...

    2018-03-04
  • 关于用户体验,我有6点零星想法

    提升用户体验不是单方面的事情,它有多重影响,本文主要从六个方面来探讨关于如何提升用户体验。用户体验是指用户的主观感受(无法量化,因时而异,因人而异,因产品而异),它不仅仅是用户对产品本身的感受。产品所有可以延伸涉及的一切事件都可以是用户的判断基准,它所涵盖的范围很大,甚至对产品背后公司法人形象的认知都会影响到用户对产品的用户体验。提高用户体验不单单是靠交互、视觉、又或是产品,它还需要运营、市场、策划、客服等等部门的共同参与,用户所有能接...

    2018-03-16
  • 【素描Sketch】细节之处韵匠心

    ( 本宣传资料仅为要约邀请,部分图片源于网络,如有侵权请联系删除,所载全部内容仅供参考均不构成要约,一切以政府批准文件与开发商签订的《重庆市商品房买卖合同》及其附件约定为准。周边已规划及/或已建成及/或规划中及/或建设中的公共设施(包括但不限于变电站、加油站、明渠、高压线、轨道环线、商业中心、学校、公园、酒店、医院等)及规划用地,均以政府有关部门最终核准及审批文件为准。南岸区融侨半岛融侨城二期C区(营销推广名:金辉耀江府),开发商:重庆...

    2018-03-14
  • 交互设计师必须知道的五大交互设计流程

    交互设计又称互动设计,从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。其实,交互设计需要做的事情也不是一成不变的,它会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。下面我就在马海祥博客上...

    微信热点 2018-03-16
  • 用户体验丨有一点,我特别不服:我一向健康,这本“生命说明书”却告诉我,风险无处不在!

    我与优福的故事聚 集 幸 福 之 因[图片]癌症,是人们的恐惧中心。很多人平时身体棒棒,突然就倒下了,永远的离开。比如我婆家的姑爷,发现时已经晚了,无力回天[图片][图片][图片]。2013年,安吉丽娜·朱莉检测了自己的基因,发现乳腺癌症易感基因患癌率是87%!她提前知道,提前预

    微信热点 2018-02-01
  • 感恩之家与河马教育签订人才需求战略合作协议

    2018年2月24日,河南感恩之家实业有限公司(以下简称感恩之家)与河南河马教育科技有限公司(以下简称河马教育)签订人才需求战略合作协议。感恩之家人力资源经理朱昌林与河马教育创始人陈滨感恩之家惠民工程是实体企业+互联网+实体店铺+分享经济的大惠民工程。在即将上线的电商平台部分,我们精心筛选了上百款来自全国各地的特色产品。在展示产品安全、原产、优质的同时,我们充分挖掘地域风土人情、历史人文,围绕产品特色讲述一个个中国物产的故事。这些都需要...

    2018-03-03
  • 看世界之Google对话式交互设计规范

    目录序言1.对话式用户界面及其重要性2.建立友好用户界面的关键-理解对话如何进行设计实践3.设计原则与方法论4.设计走查5.设计检查表6.用户界面工具包最佳实践7.像你的用户一样...有合作精神(待翻译)8.解锁口语的力量(待翻译)9.通过确认逐渐给用户信心(待翻译)10.对话中是没有错误的(待翻译)1.对话式用户界面及其重要性我们已经进入全新并且充满希望的计算机时代,机器学习和人工智能的进步使得对话式界面和自然语言处理得以兴起,通过技...

    2018-02-24