作者:Jon Yablonski

每当你访问一个网站,一个学习过程就开始在你的脑海中进行。无论是导航、布局还是主页上的下拉菜单,你的大脑必须学习如何使用该网站,同时还要想着访问这里的最初目的。这段时间所需求的精神上的努力被称为认知负荷。现在看来:处理和存储这些信息的工作记忆(Working memory)是有限的。当你的大脑接收到比它所能承受处理的信息更多时,它便开始放慢速度甚至放弃手头上的任务。尽管认知负荷是不可以完全可以避免的,但设计师们必须努力管理和适应这些限制。

导致认知负荷的原因

要理解如何减少认知负荷,首先我们必须要了解是什么原因造成的。一般来说,导致认知负荷的原因可以追溯到三个主要因素:

  • 太多的选择
  • 需要太多的想法
  • 缺乏清晰度

这些因素中的每一个都需要处理,并占用实际上不能帮助用户理解内容的心理资源。

减少认知负荷的方法

现在我们知道增加认知负荷的原因,让我们看看该如何减少它。这绝不是一个全面的清单,而是一些可以帮助了解设计决策的常见原则。

避免不必要的元素

像设计中的所有因素一样,少即是多。任何不能帮助用户实现目标的因素实际上都是在与他们对抗,因为用户必须处理它并将帮助他们的事情存储在他们的工作记忆中。避免饱和的色彩、图像、以及设计的琐碎与减少无价值的布局,这些要素都是至关重要的。但是简洁也需要有度:不要牺牲清晰度来追求简洁不要牺牲。

“但是简洁也需要有度:不要牺牲清晰度来追求简洁。”

利用通用设计模版

利用常用设计模版,你可以向用户提供他们已经了解的熟悉元素。这反过来可以减少他们需要学习而做的设计稿的数量,从而使他们能够顺利进行并逐步实现其目标。我最喜欢的设计样式的灵感来源是CodePen上的设计模版和Codrops上的Blueprint Archives。

消除不必要的任务

任何你要求用户阅读内容的地方,要记住信息或做出决定都会造成认知负荷。只要有可能,将这些任务从用户的方面转移出去而让他们更容易专注于自己的目标是很好的。虽然无法删除所有任务,但通常可以通过设置可编辑的默认值或利用已输入的信息来减少任务。有些公司甚至采用预见性设计做的更进一步。
最小化选择

如前所述,我们的工作记忆是有限的。当面对太多的选择时,由于决策瘫痪,认知负荷将会增加。我们尽量减少用户在任何特定时刻必须做出的选择,尤其是在导航,表单和下拉菜单等地方。

将可选项设置为一组

当选项中的一部分被隐藏起来的时候,用户经常会将可见的选项误认为是完整内容。这意味着用户很可能永远找不到额外的选择,这不仅限制了他们可用的选项,还使得用户决定选择哪个选项而变得更加困难,因为他们没有意识到取舍选项。因此,最好通过将选择作为完整的组并显示,从而消除由此产生的认知负荷。

努力提高可读性

使我们的内容清晰是不够的 – 我们需要使其更易读。这意味着我们的排版必须是美观的,适合内容且易于阅读,而设计仍然保持相对隐蔽。通过这样做,我们可以确保用户尽可能少分散注意力,从而更好地致使用户对内容的理解。

“使我们的内容清晰是不够的 – 我们需要使其更易读”

小心使用图标

研究表明,图标可能难以记忆,也可能不符合直觉,当需要用户去推测意义或辨识的时候会增加认知负荷。尽管普遍理解的图标会运行良好(如打印、关闭、播放/暂停、回复、推特、Facebook分享),但大多数图标都需要用户基于以前的经验(没有标准)的理解。在利用图像的功能时,最好带上文字标签来传达意义并减少歧义。

通过遵循上述原则,你可以极大地减少用户的认知负荷,并确保他们的注意力不会浪费在无助于他们的元素上。重要的是要记住,用户总有一个目标,无论是购买产品,还是仅仅浏览这些内容。

“用户在做某个任务的时候,越少地去考虑该怎么做,就越容易成功。”

 

责编:季佳宁(文字)     翻译:洪宇轩     编辑:于佳怡

原文:减少认知负荷的设计原则

发表评论

电子邮件地址不会被公开。 必填项已用*标注