用户体验：设计的一致性

什么是一致性？

剑桥英语词典术语“一致性”是指始终以相似的方式进行或执行的质量，或始终以相似的方式发生的质量， 即“相同”。这也许是最简单的表达方式。这意味着该产品以相同或相似的方式与用户进行交流，无论交流的点或渠道如何。就用户体验而言，这意味着相似的元素在外观和功能上都相似，从而减轻了认知负担，并使交互更加流畅和直观。

考虑到当今人们信息过多的事实，他们倾向于选择易于理解和交互的产品。此外，一致性在产品外观和工作方式上为和谐的感觉奠定了可靠的基础。和谐永远是我们拥有的任何经验中不可或缺的一部分。一致性使用户界面可预测和可学习，而品牌因此而获得了坚实统一的展示和性能。

可用性启发法

这是Jakob Nielsen早在1994年就定义的交互设计的核心原则。此列表的一致性基于这样的原则，即用户不必怀疑不同的词语，情况或动作是否意味着同一件事。

为什么设计一致性很重要

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

○ 对于新用户，界面变得更容易学习

○ 用户更少的困惑使得更少的错误发生

○ 这样可以减轻认知负担，节省用户的时间和精力

○ 一致性支持网站或应用程序的强大品牌形象

因此，一致性连接不同 UI元素进入可预测和清晰互动的系统。实际上，这也是我们在物理世界中所做的事情，以使我们的日常生活更轻松，并避免一次又一次地专注于相同的操作。例如，我们所有人都将碗碟和餐具保存在我们的厨房中，因此，即使是第一次来某人的地方，您也不会尝试在浴室中搜寻杯子和勺子，只是因为这是已知的方式。

一致性类型

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

视觉一致性是基于使相似的对象或元素看起来相同。明确元素之间的连接并建立视觉层次。它与图标，字体，图像大小，按钮，标签和其他重要内容有关。例如，当您编写文章时，所有类型的文本元素（标题，子标题，正文，引号等）都应使用相同的类型。如果您创建的博客或媒体具有多种类型的帖子，则它们必须坚持相同的视觉表现系统，以便可以将它们视为一个整体出版物，而不是一堆乱七八糟的帖子。

功能一致性意味着相似对象的行为方式相同。例如，大多数网站的LOGO在左上角。然后单击它，用户将返回主页。大多数用户已经习惯了这种模式，并希望它能够以这种方式运行，即使是在他们首次访问的网站上也是如此。

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

内部一致性是指界面或品牌的不同部分，它们的外观就像一个清晰的系统。例如，当您在产品的不同页面以相同的方式对所有CTA按钮进行设计时，用户将能够在使用过程的任何步骤中快速区分它们。

外部一致性是指界面的某些部分，这些部分的外观类似于大多数此类产品的典型模式。举例来说，当您在销售非有形产品的网站上使用购物车时，或在文本链接下划线时，都会向用户暗示他们可点击。

如何使设计一致

1、可识别的模式

用户进入您的应用程序或网站之前，已经有大量的行为模式和习惯。这套知识是基于他们以前的经验，并取决于设计人员如何使用它，这可能会帮助或破坏用户体验。

例如，在数字产品流行之前，对于统计数据和图表，大多数用户将红色与负余额或减少相关联，将绿色与正余额或增加相关联。使用不同年龄和国籍的成千上万的人都知道的这种模式，您可以支持产品的外部一致性，并易于理解数据可视化。同样，将接受来电的按钮设计为绿色并将拒绝来电的按钮设计为红色可降低用户的认知负担，因为他们已经习惯了这种模型，并且无需多考虑什么。

2、排版和颜色一致

在视觉一致性的影响最大的因素中，UX设计人员经常会提到颜色和版式。毫无疑问，它们都有影响视觉风格，情感背景和用户行为的能力。对于视觉性能至关重要，如果一致使用，两者都可以使用户感觉到产品的整体性和统一性。这就是为什么应该有一个经过深思熟虑的设计系统，为文本内容和布局元素使用特定的字体和颜色。这样，网站或应用程序将感觉清晰，用户无需习惯从一个屏幕到另一个屏幕的新外观和组合。

颜色也可能是外部一致性的一个因素。在大多数情况下，人眼会在大脑解码图标，图像或文本之前先感知颜色，因此最好分析此因素，并有助于构建直观的导航和良好的用户体验。还记得带有接受或拒绝呼叫按钮的颜色的示例吗？如果您想破坏这种体验，只需交换它们的颜色，然后将接受呼叫的按钮设置为红色即可，例如，以红色非常引人注目这一事实为理由。最终可能会导致惨败：即使图标看起来绝对清晰，大多数用户也会将其误认为是拒绝按钮，因为他们看到和解码颜色的速度比图标或文本快得多，尤其是对于这种基本操作而言。

3、建立具有视觉效果的系统

图像不仅在增加界面的美感和样式方面起着重要作用；它们比文本更快，更容易被感知，它们还支持可用性，放大消息，以及设置所需的心情和氛围。但是，这并不意味着设计师只是拍摄自己喜欢的不同图像并将其放入界面中。除了排版外，图像还必须呈现一个系统，而不仅仅是随机集。在这种情况下，它们成为提供一致的用户体验的另一个因素。

定制书的封面设计

4、适当地组织内容

还记得那张用乐高积木解释数据可视化的经典图片吗？

结构化后，处理任何数据始终总是比较容易。使内容的结构合理，使用户可以将精力集中在信息上，而无需进行安排和理解连接的初步工作。而且，不应该针对特定的屏幕或页面，而应针对整个网站或应用进行此操作，以使其在任何交互点上都感觉直接且一致。

例如，对文章中的不同元素（标题，小标题，项目符号，引号，图像，文本链接等）使用一致的视觉效果系统，您可以轻松地与新闻媒体进行交互，用户可以快速了解其工作原理，扫描页面并找到所需的内容。同样，使用统计信息和图表，使它们在应用程序或网站上的外观和工作方式相似，以减少认知负担。

5、跨多个渠道追踪一个身份

具有明确身份的品牌应展示其与跨不同渠道在线存在的一致关系：网站，应用程序，社交网络，演示文稿，公司文档和函件应统一在一个系统中。一致使用品牌颜色和字体。

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

6、进行有效的UX编写

正如我们在文章中提到的 为界面制作精美的文字，它们基于4个基石，并且必须

○ 清晰（用户理解您在说什么，核心信息没有模糊或复杂）

○ 简洁（一段文字有意义，简洁，并专注于目标，不包含空谈）

○ 有用（副本为用户提供了必要的信息或有助于进行交互）

○ 一致（一种数字产品界面中的副本保持相同的样式）

用户体验定义界面如何与用户沟通，品牌的语气和声音，这是要求采用一致方法的另一个因素。除了与人交流，与数字产品通信外，用户还期望友好且可以预测的行为。

在以后的文章中，我们将讨论有关在UX设计中实现一致性的更多设计实践！希望本篇文章对大家有所帮助！