内容
一致性对于减少界面的认知负荷至关重要。当您的设计保持一致时,每次交互都会感觉流畅且无摩擦。如果不一致,则用户必须花费不必要的精力。
但是,交互设计中的一致性要比简单地一遍又一遍地做相同的事情更为具体-在某些特定类型的一致性中,某些领域中一致性比其他领域更重要。
最重要的是,一遍又一遍地做相同的事情将产生无聊的,统一的设计。您需要知道何时破坏一致性而又不会导致设计混乱。与设计中最常见的情况一样,关键是平衡。
在本文中,我们将详细介绍一致性对网页设计的意义,重要性,并描述如何与用户期望的一致性(外部一致性)。
为什么一致性很重要
交互设计依赖于系统的可学习性。
简而言之,当UI以一致的方式工作时,它将变得可预测(以一种很好的方式),这意味着用户可以理解如何直观地使用某些功能而无需任何指导。
这使产品更易于使用,这是使其更受欢迎的垫脚石。相反,当UI不一致时,它会阻碍学习性,使用户感到沮丧,并导致不良的体验。
但是一致性不仅限于界面的外观和行为。
用户不仅将所有时间都花在购买产品上,他们的大部分时间都花在了其他产品上,同时他们也一直在从其他体验中产生想法和期望。因此,如果您与这些外部体验保持一致,则无需进行任何额外工作即可提高UI的易学性。
最少惊讶
如有疑问,请参阅“最小惊讶原则”。令人惊喜的惊喜很好(例如MailChimp如何以幽默和有趣的方式让用户感到惊喜),但是您的核心功能不应偏离正常水平。
评论并不等同于验证。影片不应被误认为图片。不要将主要操作的按钮仅显示在悬停上。
实际上,如果您仍在质疑数字设计中一致性的性质,Apple的iOS人工指南在总结其应用程序一致性标准方面做得很好。用他们自己的话说...
- 该应用是否符合iOS标准?它是否正确使用系统提供的控件,视图和图标?它是否以用户期望的方式合并了设备功能?”
- 该应用程序内部是否一致?文字是否使用统一的术语和样式?相同的图标总是代表相同的意思吗?人们可以预测在不同地方执行相同动作时会发生什么情况吗?自定义UI元素在整个应用程序中的外观和行为是否相同?
- 在合理的范围内,该应用与其早期版本是否一致?术语和含义是否保持不变?基本概念和主要功能是否基本不变?”
通过上面的讨论,我们可以将设计一致性分为两类:外部一致性和内部一致性。外部是指用户界面与其他产品的一致性,而内部是指其内部的一致性。让我们看一下我们在UI设计的一致性中讨论的一些最佳做法。
外部一致性
外部一致性不仅是您的产品与其他类似产品的一致性,还可以指其与平台上所有产品,一般所有软件甚至整个现实世界中的非数字交互的一致性。
那么为什么外部一致性很重要呢?总而言之,这是要满足用户的期望。
为了创建与您的用户期望相符的设计,您必须首先了解他们带来了哪些想法,甚至他们甚至没有使用您的网站或应用程序。这是可用性专家Jared Spool称为当前知识的概念。
您用户的当前知识受到许多外部因素的影响,从他们上次使用的网站到他们最喜欢的科幻电影的牵强的期望,无论是任何因素。不过请放心-在大多数情况下,用户的期望是合理的。
根据用户已经知道的内容进行设计并不是一个新概念。这个想法已经存在多年了,并演变成如今在几乎所有应用程序或网站中都会看到的常见设计惯例。
图片轮播,一个表示电子邮件的信封图标,单击网站徽标以返回首页……这些全都称为UI模式。
下一页:使用UI模式,需要避免的事情,并进一步发展...