用户体验:对设计一致性的洞察

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

什么是一致性

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

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

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

为什么设计一致性很重要

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

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

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

一致性类型

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

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

卢门博物馆网页

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

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

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

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

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

如何使设计保持一致

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

实现可识别模式

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

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

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

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

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

在UI组件实验时要小心

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

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

心灵排版和颜色相似性

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

骑马俱乐部的网站设计

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

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

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

正确构建内容

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

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

跨多个通道关注一个身份

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

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

原作者:Marina Yalanska

本页面最后更新于 2021年05月24日 11:50