交互设计七大定律之席克定律

最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。

最近在整理交互设计七大定律,文章要系统的看。

目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交互设计之父阿兰·库珀”

席克定律(Hick’s Law)是设计中很常见的一个参考点。它被引用在无数的设计师应该了解的“设计基本法则和定律”中。这条定律让我们设计时更加自信,但是很多人却对它理解不到位。

我们认为我们理解的有关网页设计的席克定律过于简单且不够完整。我们需要更深入的挖掘席克定律能为网页设计做什么。最终,我们发现,这条定律的价值被低估,并且我们对用户的决策过程设计得也不合理。在了解这些之前,我们先看看我们现在对席克定律的运用,以及为什么这样运用是错误的。

【译文】交互设计七大定律之席克定律(old)

一堆不同尺码的衣服挂钩标签

不完整的定义

时至今日,许多关于席克定律的讨论都还局限于网页设计。传统意义上,这条法则是鼓励设计师限制导航、列表以及操作对象的个数。无论是反对选项过多的下拉或浮出列表,还是反对充满链接的页面,席克定律从本质上反对扩张。

【译文】交互设计七大定律之席克定律(old)

反例

这个观点是对的(到处塞满菜单真的很糟糕),但是却不完整。为什么我们用席克定律限制导航?链接是互联网的驱动力,它让用户从一个页面跳转到另一个页面,并与页面产生交互。所以我们需要运用席克定律。限制展现在用户面前的链接和按钮,简化用户决策过程,减少用户在页面间穿梭时的压力和延时。但是席克定律仅仅只是这些吗?

更好的角度

如果我们对席克定律的研究止步于此,那我们将错过它的很多价值。为什么我们如此的关注链接和点击?尽管他们影响用户体验,但是他们不应该是设计师在主导设计时关注的唯一点。我们应该记住,席克定律并不是源于互联网。席克的研究仅仅揭示了,网页选项是如何影响的用户决策的速度和易用性。定义的范围很广泛,因为不是测量物理反应或技术扮演的角色,而是测量决策的心理过程。

我们重新回顾下用户经历的思考过程,以及设计一个网站需要考虑的问题。例如,思考导航自身的交互过程,而不是完全忽视导航中的每个链接、注册表单或是工具选项。如果那样的话,任何一个顶部一排选项的设计都需要用户做决策。

在选择是否阅读一篇文章、导航前往一个新的页面、填写注册表单、或者是完成一次搜索,用户在每次点击之前都要在心理处理一系列的选项。用户是否对当前页面感兴趣?他们可能决定扫视下标题,看是否有自己感兴趣的。又或者他们正准备买些东西。在点击”加入购物车“之前,他们必须在购买、查看商品详情和评论、随便看看其他东西间做选择。

【译文】交互设计七大定律之席克定律(old)

在Typekit 浏览字体时,用户需要做很多决定,而不是单纯的挑选字体。

当所有选项可见时,计算选项个数并决定有多少种选择会使得用户会对选择变得麻木,并且会使得网站不可用。这不是我们想要的结果。所以,什么样的好设计能够鼓励用户做决策并立即行动,但是又不会被选择淹没?

更进一步的,我们能否在我们的平常工作中运用并复制这些好设计?

重新运用席克定律

为了将席克定律运用到网站设计中,我们先运用我们常用的设计方法:阶段分析。

第一阶段发生在登录网站之前。虽然设计师不希望基于对用户寻找内容的假设来进行设计,但是除非用户对你的网站有所预期,否则他们几乎不会出现在你的网站上。除了偶然的网站劫持,大部分初次访问的用户是通过点击一个外部链接进入,而这个链接的描述、标题或者是搜索结果中的文字暗示着他们将看到的内容。回访的用户对将前往的网站内容更加明确。几乎没有用户会进入一个完全不了解的网站。

用户这种对文字及经验的先入为主,也是一个遵循内容为王的设计的很好理由。当然,这种设计方法是完全合理的。在这个搜索引擎排名和社交广告的时代,许多用户都是先进入充满文字的页面,而不是一个网站的主页。所以,第一个决策点是内容消费。人类大脑在处理多项选择时比较困难,除非某个选项特别突出。当你的设计充满控件和次要内容时,主要内容则减弱了,并且将选择强加给了用户。所以消除干扰应该在从这里就开始,且应该贯穿整个设计过程。我们消除的选项越多,体验就使人更加愉悦。

我们回顾下,当内容是大量数据,例如最近帖子的列表、产品建议或列表时,会发生什么?这时,可以很好的证明设计师的价值。我们经常能看到一些缺乏结构、留白和一致性的设计。用户在内容中迷失,或是完全放弃,因为没有参考工具让他们自信的做决策。一个好的用户体验应该是在用户做决策的过程中不断给予用户鼓励。当运用我们的技能引导用户在页面上做特定的操作时,我们应该抵制由复杂的决策过程带来延迟或是心理麻木。

极简你的内容?长久以来,点缀的颜色和精心排布的留白经常用于划分用户需要做的首级级决策中。当你在画出或是随意间隔页面的可能选项时,请重新思考页面上选项的数量,并选择出最重要的那些。

【译文】交互设计七大定律之席克定律(old)

用的颜色越少,它的重要性越突出。

当处理设计复杂和多文本的的网站时,设计模式是你最好的朋友。用户在浏览模式下,眼睛更易接收一致的内容,所以你的设计应该视觉上统一。你的标题和文章是否区分得足够明显,以致能够立即区分内容层级?时常回顾设计原则并研究如何使用线条、形状、颜色和空白的。所有的这些东西吸引着用户的注意力,但是一致性让用户更加的熟悉并且更容易做决策。将席克定律运用到整个思考过程中的每个角落,对于在视觉上加强某些元素的理由思考再三。

当我们运用设计模式时,我们同样也将设想和行为模式逐渐灌输给我们的用户。网页设计中那些通用设计模式能够帮助用户做决策。比如颜色加下划线的文本,用户知道点击后将前往相关站点。类似的模式也存在于一些特定的设计中。如果我们在标题后加上纹理,用户会联想到两点:用户下次看到这个纹理,他们预期这个选项和之前选项有着相同的重要性或意义。设计中运用这些设计模式能够帮助用户基于之前的经验做决策。

如何处理文字

也许你还没有听过这则新闻:用户不会真正阅读网站。用户不会真正的阅读文本,除非他们被激励或主观的去阅读。所以,我们需要更加严肃的处理标题,并恰当的使用图片。图形和图片具有很强的吸引力,尤其是在纯文本页面。如果使用得当,能使一个原本沉重的页面更容易辨认,同时也能快速的将用户带到其关心的内容处。

【译文】交互设计七大定律之席克定律(old)

感谢设计模式和图片的支持,Pinterest能够显示这么多内容

【译文】交互设计七大定律之席克定律(old)

拿掉所有的图片,设计顿时变得不可用。适当的运用图片是多么的重要。

用席克定律进行设计

唯一能显示席克定律价值的方式是:和其它我们知道并喜欢的设计定律一起结合使用。我建议在你的设计过程中,将席克定律提升为最重要的参考设计原则。当你开始画线框图时,看看你的功能树”链接1、链接2、链接3…“,然后看下在你的流程中用户需要做的所有决策。(最好是解决掉这些决策)

原型填充满了?不要害怕多次使用操作召唤按钮。当我们组织选项、拉开选项间距、、改变背景颜色、或者使用纹理时,正在突出设计的某个选项的同时其他的选项已经被弱化。这就是为什么设计不仅仅是修饰页面或是突出某个按钮。我们必须尊重设计所带来的影响力,这样才能严格限制用户需承担的决策数量。

网站是一个神奇的地方,许多网站很好的限制了展现给用户的选项的范围。完成这种层次的聚焦,很有可能是使用大量的用户能够轻松完成的统一的设计模式。同时这些也为移动端的响应式设计带来很多负面影响。

【译文】交互设计七大定律之席克定律(old)

Quipol 集中很擅长于集中做一件事,这样限制用户的决定负荷

魔法按钮

在用户放松之前,我们希望用户完成多少个决策?答案总是越少越好。一些设计很好且很出名的网站限制选项到只有几个。在谷歌上,我们可以登录,搜索或碰碰我们的运气。在Quipol页面上,我们可以投票,登录或注册,学习这项新服务,或是查看更多投票。Twitter 的首页页面的选项随着时间推移,已经消减到只有登录和注册了。

【译文】交互设计七大定律之席克定律(old)

没有长篇幅页面,Twitter在首页展现了很多选择。

【译文】交互设计七大定律之席克定律(old)

最新的设计大幅消减了选择并更加聚焦

这种大幅度的改变需要很多的思考,测试和修改。在不损害功能的基础上最大化的精简选项,这个过程不是一门精确的科学,并非易事。这需要研究用户的行为模式,并且需要思考如何很好的综合广告,商业来源特性,登录注册等行为(注册授权用户,但是同时也将用户与内容隔开了)。就像我们看的Twitter一样,这是一项行为艺术。随着Twitter越来越流行,越来越多的用户知道登录首页后他们将看到什么。这迫使Twitter设计团队降低由于教育新用户而带来的设计噪音。

【译文】交互设计七大定律之席克定律(old)

Foursquare上的探索功能由无限的可能性变成了一个简单的设置选项。

在提供一个强大功能但又没有充满选择的设计中,Foursquare做的很好 。为了减少手动输入,Foursquare的探索功能可以简单的提供各种筛选项,限制和设置项。但是,相反的来访者被鼓励使用简单的服务:在输入框中输入想要的内容,然后点击屏幕上唯一的按钮。寥寥几件事情使简单成为可能。首先并且最重要的,服务的核心是当前位置并且是现在。Foursquare知道他的用户对他们当前位置的周围事物感兴趣,因为这项服务就是关于分享和探索你的周围环境;所以,默认的搜索当前用户所在区域是个安全的赌注。其次,超过十亿的数据点起到很到的作用。用这么大的一组信息,Foursquare在后台可以做很多事情来猜测用户真正对什么感兴趣。

总结

所以,相对传统的设计定义,如何重新定义席克定律,让我们成为更好的设计者?那就是设计过程。当客户叫我把某样设计做得更漂亮一些或是在一些文本中放置一个“魔法按钮”时,这常常会惹恼我。设计远不仅仅只是这些,它的很大一部分是让用户的体验毫不费力。

正如我们看到的上面那些良好的设计,不同的网站有着不同的目标且制定不同的解决方案,但是目标的是一样的。当我们运用设计原则(例如席克定律)来解决狭窄的导航问题时,我们看到了消除用户干扰的力量。减少网站的选项至一个或两个能带来很好的用户体验,并为设计师立定了一个崇高的目标。

我们不可能总是为忙碌、分心的用户消除所有的决策,但是我们可以通过限制他们心理决策过程中的选项来减轻他们的痛苦。当我们看到大量的决策点时,我们需要清晰的了解我们需要用户做多少决策。每次决策都是一次评估该决策内容重要性的机会。那些致力于让用户仅在有意义的和清晰的选项中做决策的设计师,正在努力传递毫不费力的用户体验。当体验变得毫不费力时,大家都是赢家。

互设计七大定律之席克定律

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/8851/

(0)
iouedioued
上一篇 2015-08-27
下一篇 2015-08-27

相关推荐

  • 从一个活动来总结一下交互设计的心路历程

    作者:飞起就是一jio链接:http://www.jianshu.com/p/915c4ce32a01最近一直在做电商平台的活动, 大家都知道,电商app会经常做各式各样的活动,面对不同的活动类型,会有不同的需求和用户目标,怎样能够快速理解需…

    2017-08-03
  • 交互新人的踩坑史:入职3个月,我总结了这4点经验

    新人入职3个月,有幸参与到一个新项目,感觉既充满机遇又面临挑战。在与项目一起成长的时间里,踩了很多坑,趁此机会记录下来,希望对跟我一样的交互新人有所帮助。

    2017-05-16
  • 阿里UCAN2017用户体验设计论坛的总结与感悟

    五一假期前的两天有幸参加了阿里UCAN2017用户体验设计论坛,很荣幸的领略了业内大牛们对于体验设计的理念与趋势的见解。本次论坛的主题是“新设计x新商业”,由阿里提出的新零售、新金融、新创造、新能源和新技术为起点,借助用户体验的设计赋能,来连接用户、商业与技术,实现最大化的商业目的。在沉淀了两天之后,我将从中学习领悟到的一些看法总结了下来。“利用人类的现实感官作为交互体验的手段,模拟与现实世界相似的场景,让体验特征表现的更加直观,真实。正是借助于科技的创新,一体性、真实性的交互体验才得以实现,人类与虚拟信息的交流才会越来越自然。”在既要满足一群人,又要满足个体中的一个人,包容一个人到参与群体的场景多样性。就是现在设计思维中所需要逐渐形成机器学习的共生方式。— 阿里妈妈UED总监 萧健兴“全链路设计是新技术发展下的必然趋势。”

    2017-05-01
  • 记忆篇|从心理学理解交互设计原则

    无论是设计网页还是APP,我们必须要满足用户的需求, 用户体验的好坏完全取决于你多了解用户。用户是如何思考,记忆,做决策?什么促使他们点击?知道了这些,对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。

    2017-04-30
  • 30个笑死人的设计【UXRen译#168】

    作者:ARMIN ZAHIROVIC   |  翻译:楠木,校审:天蛙   乔布斯曾经说过:设计不仅是看上去如何,感觉如何,而是用起来如何。 一般来说,我们喜欢展示伟大的设计,但其实从糟糕的设计中也可以学到很多。我们不认为St…

    交互专题 2017-08-07
  • 2014年最佳的十款交互设计工具

    在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面。2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向了成熟,易用…

    2015-01-15
  • 译文|交互设计初学者的完全指南

    交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。

    2017-05-27
  • 决战双11,哪些技巧可以让你的专题页设计脱颖而出?

    这是小编见过讲双十一专题设计的最完整最有帮助的文章,我只是看了十遍而已。“以前有个同事她说要减肥要健身
    我说好啊看你能坚持多久
    因为我也好几次喊过这种话
    最后却都不了了之了
    可是几个月后再看到他
    细腰美臀大长腿
    显得更加自信了
    是啊她总可以做到付诸行动
    而我只会给自己找借口
    也许再这样下去
    我都配不上和她做朋友了吧”全场5折起/全场买三免一/1元秒杀0元抢购/周年钜惠等等

    争做行业领跑者/先赚它1个亿/上天猫就购了/好物低价上京东等等热烈庆祝XXX成立几周年/欢迎XXX领导莅临我司/恭喜XXX荣获XXX称号乘年轻,住好点/Just Do It/我的青春我做主/你值得拥有bigger than bigger/again and again/more and more(完全不知所云但是看起来很厉害的样子的文案,超级大牌都爱用。。)老板跑路了/美工甩手不干了等(歪瓜出品,我后面会再提到,因为它简直是电商设计界的一股泥石流。。)改变食界,条条是道-卫龙买了就是朋友-故宫淘宝“那么,我去当香葱烤鸡肉串去了”“啊!要是把早上下的蛋也带来就好了”“我可不能在这种地方被吃掉”“您好,您的食材到了”保湿护肤一步到位/棉柔舒适超强吸附力/轻松舒适不变形等等,常用于详情页里

    2017-05-16
  • 需要产品经理用心做好的交互体验:「开关」

    现在的产品越发变得精细且有人情味,一个小小的弹框,提示都是接触用户,实现人机交互的入口,善用弹窗、提示让用户感知你的贴心和用心,往往是产品被用户喜欢并快速爱上的美好开始。不要忽视产品体验的每一个细节,在尽可能做好的点都用心做,产品也才会有生命和呼吸。

    2017-05-04
  • 【译文】”移动优先”的设计理念已过时了吗

    【译者注】Mobile First(移动优先)大概是移动设计师听到最多的设计理念之一,2011年Luke Wroblewski大神提出它时,打破了原来“先完成web设计再移植移动设计”的常规方式,为移动设计注入了一针强心剂,一时各大企…

    2016-02-19