用户体验法则(附实例解释)

作者:Carlos Beneyto,译者:Darin

原文地址:medium.com/swlh/ux-laws-with-practical-examples-c418b4738d20

译文地址:zhuanlan.zhihu.com/p/39505749

转载无限欢迎,但请注明「作者」和「出处」。感谢您对作者版权的尊重。


前言

几个星期前,我看到 Laws of UX 这个网站引起了不小的轰动,这是一个非常简单的网页,讨论了UX(用户体验)的主要定律。这是一个我100%绝对会推荐的精彩网站。

如果非要为“用户体验法则”下个定义的话,将会是:

“设计师在思考和改善用户体验时必须考虑的法则或设计标准的集合”。

良好的设计往往遵循一般原则,为设计师提供一般的指导方针。但对于界面设计师和用户体验来说,每个人都应该考把某些法则也考虑进去。

在“Laws of UX”网站中,每个法则都有自己的图形表现,其灵感来自极简主义书籍的经典封面,而不是简单地将它们作为列表收集,目标是帮助人们记住这些规律。

“记住一个物体,无论是图像还是视频,都比文本更容易”。

显然,这些陈述不仅仅是在网上讨论和传播,我不打算在这里讨论法则本身(此外,我100%同意它们),而是提出一些关于这些法则的真实产品的例子。让我们开始吧!


菲茨法则

1*W0RBHkrwRy8igCm_0HTkyw.png

(译者注:法则亦可作定律翻译,本文用法则。)

该法则基于心理学家保罗菲茨在1954年的研究,它定义了“快速移动到目标区域所需的时间是目标距离与目标宽度之间的比率的函数”。

该法则直接影响设计按钮时的体验,例如较大的按钮,特别是在触觉的移动设备上,得出的结论是,按钮越小,按钮就越难对。一个实际的例子如下:

1*tDNxk5HZR0Et-jpDR5x1nQ.png

kickstarter

这是应用Fitts法则的一个例子,它接近预设鼠标阅读区的那个(在右边,因为我们是西方人,我们从左到右阅读),它还覆盖了一个很大的区域(它不是一个小按钮)所以点击按钮的概率很高。


希克法则

1*H3ieuMdsESYE4hgii4L2tQ.png

“随着选项数量的增加,做出决定所需的时间也会增加”。

因此,用户做出决定所花费的时间增加了他们拥有的更多选项,显然用户试图考虑所有可能的选项以及他们需要什么,并且将采取他或她认为最佳选择。

哪个更好?

  • 一个表单有20个选项可供选择

  • 一步一步进行的,有四个阶段的,每个阶段五个选项的表单

这显然取决于用户的行业和类型,但希克法则告诉我们第二种选择是更好的选择。一个实际案例如下:

1*0UZvJy8txlfVuFORHOUt_g.png

Airbnb

将简单性发挥到极致并应用希克定律的实例。Airbnb没有削减选项或者分步骤。

“直接告诉我你要去的地方,然后我会问你何时以及如何”。 


雅各布法则

1*2uTkFIqMsZePQLQ0718Wlg.png

创建新东西的最佳方法是参照竞品,这样让第一批客户能了解新东西的含义,并有能力在两者间建立联系。

这是什么意思?这意味着用户将大部分时间花在其他网站上(假设他们不了解您的网站)。这意味着他们更喜欢类似的网站,而不是他们经常熟悉的网站。这就是为什么最好不要过度原创或过于创意。

这种规范是由尼尔森诺曼集团的主管雅各布尼尔森创造的,他是苹果公司负责研究的副总裁。我不知道,给我的印象是他确实对这个话题有所了解:)。

这项法则的一个实际案例是任何的电子商务网站都长得差不多。

IMG_0162_polarr.jpeg

e-commerce example

95%的电子商务都有这种风格。左侧的图像和名称,价格,配置和右侧的“添加到购物车”。

如果您打算做电子商务,那么合乎逻辑的就是考虑这种结构,因为潜在客户知道电子商务网站是如何运作的,并且期望这样。所以不要让他们思考!


Prägnanz法则

1*FUjDa28HRNReu3RYTtPWAQ.png

也被称为“简单法则”,它指出用户以最简单的方式感知复杂的形式,因为它要求耗费的精力较小。

基本上,它描述了比八角形更容易理解和吸收正方形。它需要较少的心理强度来获得对它是什么以及它是什么的欣赏。这方面的一个实际例子如下。

1*9yhQRQYW-z6hbHAKgpsMbQ.png

这是什么意思?我们之前看到了什么,图A,B或C?显然是A,因为我们的大脑知道这是我们必须联系的最简单的方式。实际使用的一个例子是:

为什么“添加到购物车”按钮不是购物车,而是方形?


接近法则

1*3H_CvYj609rPHaRFrocBmQ.png

接近的对象倾向于放在一起,并且在用户体验中,它们被理解为同一组的成员。

该法则认为,如果您正在处理一组数据,我们理解的所有与同一组相对应的数据应该在一起,如果我们开始谈论不同的数据,它们之间应该有一个空间。我们的头脑将完成剩下的工作把它们区分开。

这方面的一个例子是......

1*hOa2hJtQosLifB7wgBsTcQ.png

Amazon

亚马逊就是一个实际的例子,尽管在数据层面感到“混乱”,但每组这些数据都非常清楚。

  • A) 最新消息与畅销书明显区别开来,您可以毫无问题地区分小组。

  • B) 如果你想筛选,你将每种技术(LCD,LED等)放在一起,品牌之间存在分离(LG,三星等......)


米勒法则

1*JyzU71mUzoeKFJWIRd8JrA.png

根据这项法则,人们可以记住他们工作记忆中最多7种不同的元素。这就是为什么网页中的选项和导航菜单或多或少都基于此数目。拥有超过7个元素会产生混淆和用户失去焦点,他们不再能够记住他现在正在寻找的选项。

这就是为什么在具有多种选项的应用程序或服务中,它们被分组以减少内存负载。

它的名字是为了纪念乔治米勒,该定律是他的交流理论的一部分。该法则的一个例子是:

1*3enPTag87SHKrgxhE3C1DA.png

Netflix

虽然Netflix有几千个类别的电影,但它知道它很难记住,因此它使用户不用记住内容,而是记住位置。取而代之的是,他们拥有6个最“顶级”的类别,并从那里深入导航。


帕金森定律

1*_mYsRJxU3yEpALGGs2r5TQ.png

该法则规定,任何任务都会延长,直到可用的时间完全耗尽为止。这也是生产力法则。

由于文化方面的问题,我们认为我们投入的时间越多越好。但是实践证明它不是那样的。

当我们知道我们有更多的时间时,我们的大脑会放松。另一方面,当我们感受到截止日期的压力时,我们专注于做重要的事情和必须按时完成的事情。

这在用户体验层面意味着什么?

用户已经建立了某些临时“规则”,具体取决于用户的类型,但举一个例子,在亚马逊购物(一旦你明确选择了购买),持续时间为5分钟(在填写数据,卡等之间......)缩短这些时间的任何事情都将是积极的。

1*egvYJFhdZcpdWNI67Ustrg.png

Payment with Stripe.

例如,Stripe简化了付款流程并允许您记住数据,因此在后续销售中,购买时间将大大缩短。


系列位置效应

1*jIWH1e5uGxNTrsgDQxctDw.png

根据这项定律,在一系列元素中,用户将始终更能记住第一个和最后一个。这就是我们在应用程序导航栏中看到最重要的操作位于左侧或右侧的原因,引入了诸如start或profile之类的元素,并考虑了系列位置。

这个定律的一个实际例子是Instagram。

1*UZ6GFbhUKyTUQ3C4mulBaQ.png

Instagram

第一个元素是Home(People),最后一个元素是Profile(You)。应用程序使用中最重要和最核心的部分。


特斯勒法则

1*BqIdAoXBw46Pn7gfwyB1CA.png

特斯勒法则也称为“复杂性守恒”。它确定了任何系统都存在一定的复杂性,无法最大程度地将其降低。

每个用户体验设计师都希望简化流程并使其更快,但我们必须考虑到有些事情无法简化为更基本的。 (除非格式改变)。

我们找到一个购买门票的例子。

1*1guhm1tXoVgsMcff2tatQQ.png

Kayak

尽管我们喜欢并想要它,但预订航班有4个基本数据。 (目的地,时间和数量)。如果没有这4个数据,则无法完成该过程。


Von Restorff效应

1*njA40NWzGMAuMvC1vvuywA.png

这个效应,也被称为“隔离效应”:当同时有几个目标时,人们总会记住与其他目标不同的目标。

这项定律的一个实际例子是像Intercom这样的客户支持产品。

1*3PEZdJvaF3xqZ65WBDF2Gw.png

Intercom

这种情况下,不同客户支持产品的服务没有太大区别,但是你却注意到intercom风格的不同,背景甚至是字体和其他客户产品不一样。

结论是,我们想要注意形式和颜色不同的东西。


Zeigarnik效应

1*UwdrVVAFLsmuxmmw7wvBIg.png

它的定义是,比完成任务更容易记住的是,未完成或中断的任务。

将这个概念应用于用户体验,我们可以谈论新功能(服务),在特定时刻提供它们,并告诉用户如果他想继续他必须做X行动(注册,购买等等)。例如Startupxplore

1*2Xq2WdeUTqk08eyG4VINxA.png

因为某些任务的未完成,使得你内心会倾向去完成它们,于此同时你会记得某些任务你没有完成。


更多文章,欢迎访问 uicircle.club

微信公众号:uicircle

成为会员

UIcircle Member

Local Groups

UIcircle 会员

目前仅需 59 元即可加入我们

成为会员后,您可以

  • 加入所在城市的微信群
  • 免费参与各种线上活动、线下聚会
  • 其他会员福利,如周边礼物、软件折扣等

如有疑问,可以先 了解我们

加入我们