被现代世界的匆忙和周围令人难以置信的信息量所压倒，人们倾向于选择简单，有时甚至不考虑这个选择。为了减少认知负荷，用户寻求捷径、模式和模型，以便与数字世界和众多通信渠道进行轻松和直接的互动。在用户体验设计中，支持这一目标的因素之一是一致性，这就是我们今天的文章中讨论的主题。欢迎阅读什么是一致性，为什么它很重要，存在哪些类型的一致性，以及如何在您设计的应用程序或网站中达到它。

什么是一致性

一致性是总是以类似的方式表现或表现的质量，或总是以类似的方式发生的质量，又名"相同"。这也许是最简单的方法。这意味着产品以相同或类似的方式与用户通信，无论其通信点或渠道如何。在用户体验方面，这意味着类似的元素看起来和功能相似，这样可以减少认知负荷，使交互更加流畅和直观。

考虑到当今人们信息超载，他们倾向于选择易于理解和互动的产品。更重要的是，一致性为产品的外观和工作原理的和谐感奠定了可靠的基础。和谐始终是我们任何经验中可取的一部分。一致性使用户界面可预测和可学习，而品牌因此获得稳固和统一的演示和性能。

一致性是 10 个基本要素之一可用性启发式，这是雅各布尼尔森早在1994年定义的交互设计的核心原则。此列表中的一致性基于以下原则：用户不必怀疑不同的单词、情况或操作是否意味着同一件事。

为什么设计一致性很重要

简言之，用户体验设计的一致方法可带来以下好处：

• 界面变得更容易为新用户学习
• 由于用户不太困惑，发生的错误更少
• 它通过这种方式减少了认知负荷，节省了用户的时间和精力
• 一致性支持网站或应用程序的强大品牌形象

因此，一致性连接不同用户界面元素进入一个可预测和清晰的交互系统。事实上，这也是我们在物理世界中所做的，让我们的日常生活更轻松，避免一次又一次地专注于相同的操作。例如，我们都把盘子和餐具放在厨房里，所以即使第一次来别人家，你也不会试图在浴室里找杯子和勺子，只是因为这是大多数人知道和遵循的模式。

一致性类型

从影响因素的角度来看，一致性可以是视觉和功能性的。

视觉一致性基于使类似的对象或元素看起来相同。必须明确元素之间的连接并建立坚实的视觉层次结构。它是关于图标，字体，图像大小，按钮，标签和其他重要的东西。例如，在组织文章时，所有类型的文本元素（标题、副标题、主文本主体、引文等）都应使用相同的排版演示系统可扫描感觉结构化。如果您创建博客或媒体的帖子类型多种多样，他们必须坚持相同的视觉性能系统，以便它们可以被视为一个整体出版物，而不是随机帖子的混乱。

卢门博物馆网页

功能一致性意味着类似的对象的行为方式相同。例如，大多数网站在左上角使用徽标或出版物名称网站标题通过单击它，用户可以返回主页或刷新主页。大多数用户都习惯了这种模式，并期望它这样运作，即使在他们第一次访问的网站。

从连接和规模的角度来看，一致性可以是内部和外部的。

内部一致性是关于您的界面或品牌的不同部分，看起来和行为是一个清晰的系统。例如，当您以相同的方式在产品的不同页面或屏幕上制作所有 CTA 按钮并以相同方式设计时，用户将能够在用户旅程的任何步骤中快速区分它们。

外部一致性是关于界面中大多数此类产品的外观和行为模式的部分。例如，当您使用购物车时，即使是在销售非有形产品的网站上，或强调文本链接，以提示用户它们可点击。

异国情调水果应用程序的屏幕

如何使设计保持一致

这里有一个清单，其中有 7 个点，如果您努力达到网站或移动应用程序设计的一致性，您最好考虑这些点。

实现可识别模式

有很多的行为模式和习惯，用户已经有之前，他们遇到你的应用程序或网站。这组知识基于他们以前的体验，根据设计师如何处理它，它可能会帮助或破坏用户体验。

例如，甚至在数字产品普及之前，对于统计数据和图表，大多数用户将红色与负余额或减少相关联，绿色与正平衡或增加关联。使用这种模式，数以百万计的不同年龄和国籍的人都知道，你支持产品的外部一致性，并使之易于理解数据可视化。同样，将接收来电的按钮涂上绿色并拒绝红色呼叫，也会降低用户的认知负荷，因为他们习惯了这样的模型，不需要考虑什么按钮打。

此外，这一点可能涉及内部一致性，对于具有大量屏幕和交互的复杂产品来说尤其重要。当你机上用户，教育他们如何处理界面，并使用一组一致的互动从一页到另一页，他们不需要专注于如何处理每一个新的页面，所以他们觉得界面相当直观。但是，如果您打破这种一致性，用户将需要时间和精力来了解发生了什么事情。

例如，当您使用大多数页面上带有垂直滚动的图像库，但随后在另一页上使用不太明显的水平滑块时，可能会使用户与内容搏斗或完全错过内容。或者，让我们想象一下，您在屏幕底部使用了很长一段时间的加号按钮，用户习惯于在那里找到它，但随后您将其移动到顶部并将其隐藏在汉堡菜单中。或者，假设您使电话号码在某些屏幕上可涂抹和交互，在其他屏幕上不交互，尽管在任何地方看起来都一样。这是不一致的。当然，在这种情况下，用户需要一些时间来从一个模式切换到另一个模式。这种体验可能很烦人，所以请注意用工具尖或其他技术使其平滑。

当然，这并不意味着你必须坚持只知道模式。始终有创造性和开箱即用的解决方案的空间;只要记住，想想他们与目标用户已经知道和使用什么的连接，如果连接薄弱，想想如何支持用户，而不是将设计创意转化为用户的烦恼。更重要的是，努力追求交互模式的逻辑和相似性——即使它们在所有产品屏幕上都不常见，但始终如一，习惯它们的过程将是快速而简单的。

在UI组件实验时要小心

基于前一点，很容易看到，为了一致性，任何使用UI元素的实验都应该三思而后行。对于在数千个应用程序和网站上使用的基本元素，情况尤其如此。人们非常了解他们，在大多数情况下，他们甚至不需要想太多。

例如，无论网站或应用程序用户处理什么，当他们需要找到的东西，他们将寻找一个放大镜图标标记搜索按钮或字段.如果您将搜索功能隐藏在另一个图像后面或图标，它可能会破坏体验和混淆用户。他们将尝试查找搜索内容的字段，而不是与内容进行交互。或者，为了找到联系方式，大多数网站访问者将查找指向"联系我们"页面的链接或标题中的表格或页面脚下的联系数据：考虑到这一点，您可以为转换和满意的客户制定捷径。这同样适用于其他基本和广泛的功能，如书签、购物车、聊天和信使、将物品保存到愿望清单、打电话、添加新物品等。如果您决定尝试它们的外观、位置和性能，请测试它们，并确保用户能够与他们交互。

心灵排版和颜色相似性

在视觉一致性影响最大的因素中，UX 设计师经常会提到颜色和字体排印学.没有秘密，他们都有能力影响视觉风格和情感背景，以及用户行为。由于这对视觉性能至关重要，如果始终如一地使用，两者都让用户感受到产品的整体性和统一性。这就是为什么应该有一个深思熟虑的设计系统，使用特定的字体和颜色的文本内容和布局元素：这样，网站或应用程序将感觉清晰，用户将不需要习惯新的外观和组合从一个屏幕到另一个。

骑马俱乐部的网站设计

如上所述，颜色也可以是外部一致性的一个因素。在绝大多数情况下，在大脑解码图标、图像或文本之前，人眼会感知颜色，因此最好分析此因素，使其有助于构建直观的导航和积极的用户体验。还记得接受或拒绝呼叫按钮颜色的示例吗？如果你想破坏这种体验，只需交换他们的颜色，使接受呼叫的按钮为红色，例如，证明它与事实，红色是超级明显。这最终可能会有一种惨败：即使图标看起来绝对清晰，大多数用户也会误以为是拒绝按钮，仅仅因为他们看到和解码颜色的速度比图标或文本快得多，尤其是对于这样一个基本操作。

建立一个具有视觉效果的系统

图像不仅在界面上增添了美感和风格，而且在界面上也起到了很大的作用：他们被认为比文本更快、更容易，他们还支持可用性，放大信息，以及他们设定所需情绪和氛围的两分钱。然而，这并不意味着设计师只是采取不同的图像，他们喜欢，并把它们放到界面。除了排版，图像还必须呈现一个系统，而不仅仅是一个随机集。在这种情况下，它们成为提供一致用户体验的另一个因素。

正确构建内容

在构建数据时，处理任何数据总是比较容易的。即使是小说书也呈现了一个有组织的章节系统，那么任何类型的界面如何避免它呢？使内容结构良好，允许用户专注于信息，而无需尝试安排和理解连接的初步工作。它不应该针对特定的屏幕或页面，而应针对整个网站或应用程序，使其在交互的任何时间点都感觉简单明了且一致。

例如，使用文章中不同元素的一致视觉性能系统（标题、副标题、子弹、引号、图像和图像库、文本链接等），您可以毫不费力地与博客或新闻媒体进行互动，因为用户可以快速捕捉其工作原理、扫描页面并找到他们需要的内容。以及，使用统计和信息图，使他们看起来和工作类似的整个应用程序或网站，以减少认知负荷。

跨多个通道关注一个身份

具有可靠身份的品牌应通过不同渠道展示其与在线存在的一致联系：网站、应用程序、社交网络、演示文稿、企业文档和通信应全部统一在一个系统中，首先，由于品牌颜色和字体的一致使用。

推广移动银行服务的着陆页和海报的一致设计

原作者：Marina Yalanska