降低 减少认知负荷，打造更好UI的6种方法

多年来，设计师一直试图通过减少摩擦和为用户创造更多价值来提高产品效率。虽然许多产品需要交付大量的过程和功能，但设计师的作用仍然是简化用户实现目标的路径。

设计师将在每个新的用户界面中寻求形式和内容之间的完美平衡。在用户眼里，一切都需要简化。设计师如何在避免认知负荷的同时降低复杂度？

从认知工效学的概念出发，我们可以认为，认知设计的目的是做出界面决策，促进观看者对存在的理解，减少短时记忆的负荷，加速对呈现内容的理解，防止认知负荷。

什么是认知负荷？

说白了，只要我们的认知负荷大于我们的工作记忆所能处理的，我们的大脑就会因为处理能力有限而面临承受认知负荷的风险。

为了更好地理解认知负荷，我们可以看看他的创始人约翰·斯韦勒(John Sweller)所写的认知负荷理论。斯韦勒讨论了有助于理解信息的心理路径。根据斯韦勒的说法，理解很大程度上受到内容呈现给观众的方式的影响。例如，显示正方形图像比用文字描述更容易理解。

在另一项名为“多媒体学习中降低认知负荷的九种方法”的研究中，UCSB研究人员讨论了认知负荷的几种潜在情况，并就如何降低或防止认知负荷提出了一些建议。这些建议很多都适用于网页设计的实践。

为什么减少认知负荷很重要？

数字体验通常始于意图:我们在Instagram上查看照片，通过Gmail发送电子邮件，或者在LinkedIn上阅读消息。

目标越难实现，体验越差，认知负荷越大。根据1993年提出的峰与尾定律，我们都倾向于根据最关键和最后的时刻来判断一个经验。

迷茫的感觉会产生焦虑和挫败感，这些负面的感觉很可能和你的品牌有关。在考虑用户体验时，必须考虑使用有效的认知设计。

先了解问题，再试图解决问题

在试图解决一个设计问题之前，重要的是要看全局。人有不同的目标和背景，所以对同一个挑战可能有不同的理解。有些事情对你来说可能很复杂，但对你的用户来说可能不是。

花时间研究你的用户如何与你的产品的界面互动。在对您的用户流程进行更改之前，观察您的用户并与他们交谈，以确定可能的认知负载。

做好UI的重点

为了减少认知负荷，我们需要战略性地决定如何以及何时以下列方式呈现内容:

把路弄清楚

即使我们真的想让用户通过呈现各种各样的内容选择来快速获得他们感兴趣的内容，我们也应该努力简化用户实现目标的路径。在一个地方呈现太多的信息并不是一个理想的方式。

成为向导

设计界面就像讲故事。用户体验认知负荷高的主要原因之一是故事讲得不好。尽量引导用户，保持前后一致的叙事结构，开头、中间、结尾清晰。

采用明确的标准

通过使用模式减少认知负荷。探索好的实践，比如坚持用户界面设计的10种可用性启发式方法，使用设计系统设计成功的用户界面。

如何防止认知负荷影响用户体验？

认知负荷不是偶然的，很多因素都会造成。请记住这些主要因素:

过度刺激是你的敌人

请记住:现在是2020年，不是1999年。闪烁动画和GIF不再是典型的好设计选择。而且动画和微交互的存在要有明确的目的。任何形式的视觉刺激都应该用来引导体验，而不是误导体验。

米勒定律指出，一般来说，我们的短时记忆可以容纳七条信息。这并不是说一个界面只能有七个元素，而是提醒我们要牢记自己的认知局限，避免认知负荷。

UAT网站页面的主要链接出现在加速动画中间，左右浮动，阅读和交互困难。图像源网络

解决方案

回顾每个刺激背后的含义，使其与界面的主要目的一致。每一个色彩、动画、插画、微交互都要有明确的目的。

在这个个人项目中，约瑟夫·贝里(Joseph Berry)利用动画引导观众进入一种奇妙的身临其境的体验。图像源网络

更少的选择导致更多的转变

在决定同时展示什么的时候，少即是多。内容过多会使焦点偏离主要目标动作，降低转化率。希克定律告诉我们，选择越多，做决定的时间就越长。

Arngren的网页缺少很多选择和标准化的网格，阻碍了人们对视觉元素层次的正确理解。图像源网络

解决方案

根据上下文将您的内容分成逻辑组。您可以通过分类研究、动态卡片分类以及将内容分成选项卡、块、屏幕或不同的视觉组来探索选项。

除了视觉线索，Fiverr还使用清晰的文字和图片对内容进行分类。图像源网络

从头到尾的一致性

让用户熟悉视觉设计、交互和导航。如果搜索栏位于带有蓝色图标的主页右上角，没有人希望它跳到下一页的页脚。如果您的销售渠道中的确认按钮始终是绿色的，请确保它保持绿色，即使是在被遗忘的联系人表单的末尾。

导航不一致会增加认知负荷。图像源网络

解决方案

现在是时候让你的设计系统发光了。原子系统保持组件从最小到最大的一致性，并将其标准扩展到界面的任何操作，包括导航结构和动画。

当浮动卡的主CTA因屏幕滚动而隐藏时，它会移动到页面头部，从而保持导航的一致性。图像源网络

减少必要的行动

你有没有发现在填写登记表信息的时候，不知道为什么需要填写一些东西？剔除对完成主要任务不重要的东西。额外的字段、冗余信息、验证和点击越少越好。

百思买强迫用户做决定。图像源网络

解决方案

只有在必要的时候才介入。

分析你的内容，找出不必要和不必要的步骤。改进默认选项，降低用户交互需求。

法律要求啤酒网站确认每个访问者的年龄。图像源网络

作为设计师，我们没有必要重复。经过多年与不同界面的交互，用户希望看到熟悉的模式。当这种情况没有发生时，工作记忆将有更大的负荷来处理信息。

即使在今天，MySpace也使用不寻常的横向导航。图像源网络

解决方案

当设计一个众所周知的解决方案时，你不必从头开始。

请参考可用性相关的行业标准。例如，人们通常不会阅读网页上的每个单词，而是以F形模式扫描内容。

重复的元素，比如搜索栏、登录屏幕、导航菜单，都有完善的标准。重用而不是重新设计。

Mercado Livre遵循现代电子商务的良好实践。图像源网络

保持简单

为了简化心理学家保罗·费茨(Paul Fitts)在1954年提出的建议，按钮需要很大且易于理解。让用户更容易做出决定是设计师的责任。

这里值得一提的是奥卡姆剃刀。简单来说，当给你几个产生相同结果的选项时，通常最简单的是最好的。

简单性和可及性必须齐头并进。

缺乏对比是认知设计的大敌。图像源网络

解决方案

负面空等特征用于简化信息的呈现，以强调关键内容。重新审视和应用格式塔原理，如邻近性、相似性和连续性，以优化用户体验，避免混淆。

避免歧义，保持文字清晰客观，保持构件符合可及性原则，提供必要的帮助作为简洁体验的核心要素。

壁画采用负片空和高对比度，清晰提示页面上最重要的内容。图像源网络

总结

通过所有关于认知负荷的理论和讨论，很容易通过产品和业务指标看出一个UI的表现好坏。如果没有好的理由，就不要从根本上改变已经成为标准的东西。最重要的是，观察、倾听并让与您的界面互动的用户发言。这样才能设计出真正能解决用户问题的有用产品。