不懂这几个交互原则,你一定是假的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

相关推荐

  • 注重用户体验场景化,不局限于赛事版权的世界杯营销新浪怎么玩?

    缺少赛事版权,是所有互联网公司进行世界杯营销时面临的难题。新浪的做法是,利用社交网络的优势,通过提高用户体验,最终实现成功的营销。距离2018年俄罗斯世界杯还剩不到三个月时间,目前还没有任何一家新媒体平台获得赛事新媒体版权,在此情形下,各大网络平台选择怎样的报道及营销策略,将成为世界杯媒体大战的胜负关键。3月29日下午,新浪在北京总部局举办了体育产业论坛,首席运营官兼总裁杜红分享了体育产业新时代,在用户认知和消费全面升级的趋势下,如何通...

    2018-03-29
  • 如何培养交互设计思维?

    什么是交互思维?上网找度娘会有一堆交互设计的方法,但这里要告诉大家的是,交互设计应具备的思维方式。在国内交互设计并不成熟,未来还有很长的路要走,所以需要我们对其进行了解,首先培养交互思维方式。以下几点可以培养你的交互设计思维:1、设计不能脱离目标交互设计师沟通方式是:“我们需要为想要购买商品的用户提供信息,可选的商品数量有N个,用户最感兴趣的信息有……,有的人不会看但必须附上的信息有……”。不要觉得这样做很矫情,这样可以将不同的信息和重...

    2018-02-01
  • 用户体验设计专题——前言

    元宵佳节一过,春节假期正式步入尾声,相信大家的工作也已步入正轨。为了感谢大家对我们这个略显晦涩却干货满满的公众号的支持,经过系统梳理,我们归纳总结了9个用户产品设计的基本原理,结合从数千个小流量评估实验中筛选的经典案例予以阐述,在未来两个月的时间里,会逐步分享给大家!废话少叙,步入正题!笼统地说,用户体验(User Experience,简称UX或者UE),是指用户在使用一个产品、系统或者服务时建立起来的纯主观感受。这里我们会关注两个重...

    微信热点 2018-03-02
  • PS、AI、Sketch 用着太费劲?这些插件本宝宝力荐!

    虽然 Mac 和 Windows 平台有许多特别棒的软件或工具,但 PS、AI 和 Sketch 仍然是设计师的标配。有时候看到一个特别棒的效果花了很久才折腾出来,殊不知一些插件能够轻松完成,这里小编推荐一些特别实用、效率翻倍的插件给大家,让设计工作事半功倍!GuideGuideGuideGuide 是小编用过的最棒的参考线拓展工具!没有之一!再也不用从标尺一条一条拉参考线还要担心位置不精确,只要输入需要的数值就可以自动生成对应的参考线...

    2018-03-03
  • 为什么职场上的印度人总比中国人混得好?

    目前为止我还未有机会到过印度。身边去过的人有大致两边倒的两种观点,一种是这是一个思想自由的国度,人们开心知足、与世无争。一种是这是一个脏乱差效率低下的地方,一条公路几十年也修不整齐。我无从判断,因为每一种观点都主观。有一位曾经生活在帝都的印度女记者倒是写过一本比较中印差异的书叫《烟与镜》,值得一读。因为工作和学习的关系,我与很多印度人一起共事或者正在共事,有的只能算是点头之交,有的成为了挚友。1先说一件趣事,多年前,我没有与印度人近距离...

    2018-03-16
  • 给小白看的交互设计启蒙帖(一)

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-03-14
  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13
  • 用户体验度在哪些方面影响着企业网站建设

    百度排名是评判一个网站运营情况的最好依据,而用户体验度是百度排名的一个重要参考方面。用户体验度越高,网站排名越好,相反,用户体验度越低,网站排名也就不理想。网站制作公司在建设网站时,要着重站在用户的角度去设计网站,这样对后期优化也会有很好的帮助。那么用户体验度为什么对网站有如此大的影响呢?企业网站建设时需要从哪些方面去提升用户体验度?首先,我们要明确什么是用户体验度,才能有针对性的去提升网站质量。用户体验度也就是用户浏览的网站能否为他提...

    2018-04-04
  • 初感避孕套用户体验反馈

    其实初感明白,很多朋友都徘徊在到底要不要代理初感这款产品上,很多的朋友都在问初感长的啥样的?以及初感避孕套的价格是多少?初感避孕套怎么样,好不好用?初感避孕套的效果如何?初感回头客多不多?今天我就把我自己的亲身体验分享大家!初感长啥样?下面就是初感的包装图和套子的实物图:高大上的包装盒,简便易撕的小袋子!初感的价格到底是多少呢?来看看初感安全套与市面上各大品牌的价格对比:通过这张图可以看到,初感安全套不仅比那些大品牌的安全套价格便宜,而...

    2018-02-12
  • 陌陌:不全面商业化 不伤害用户体验

    关注订阅号“电商大世界”,海量电商资讯文章打包阅读以下文章数据,由电商大世界 "AI-贝贝",采集、分拣,由编辑 北风整理发布。电商本周要闻:阿里慧聪两大人事变动阿里巴巴B2B事业群总裁戴珊接任速卖通阿里巴巴集团合伙人、B2B事业群总裁戴珊将直接负责全球速卖通业务,而原阿里巴巴全球速卖通总经理沈涤凡,将出任阿里健康CEO。据了解,全球化战略是阿里未来20年的三大核心战略之一。业内人士认为,戴珊此次接任速卖通业务,不仅说明以速卖通为代表的...

    2018-04-01