上周,我买了一个很棒的新蓝牙耳机——然后,很遗憾,我花了一个多小时把它连接到我的电脑上。尽管耳机手册和计算机支持网站都做出了承诺,但耳机并没有自动连接到计算机。在重新阅读说明、检查并确保两台设备都已打开、浏览耳机评论以确认它与我的计算机兼容,甚至通过将耳机同步到另一台计算机来测试耳机之后,当我发现一个随机的帮助页面时,我正准备放弃并返回这该死的东西(来自完全不同的硬件制造商),这改变了一切。

这个新的帮助页面显示了一个实际的屏幕截图,显示了Windows 10蓝牙设置开关打开时的样子。看到这张截图,我立刻意识到自己的错误:我盯了一个小时的蓝牙设置屏幕实际上显示我电脑上的蓝牙是关闭的。

蓝牙开关在关闭和打开位置的截图
这个蓝牙连接开关有一个圆环,可以从一边移动到另一边来改变状态(左)或(右)。标签反映了控件的当前状态,而不是当开关向右移动时会发生什么。(不像加号图标的标签,它解释了点击它时会发生什么。)

当我意识到我的错误时,我觉得自己很傻。但我无法理解设备的当前状态实际上是一个极其普遍的可用性问题——如此普遍以至于系统状态的可见性在雅各布·尼尔森的著名著作中是第一个10可用性启发法

看看这个设计,很明显,创造者们知道制作可见状态:他们甚至包括一个明确的状态标签,,靠近控制开关。

那么出了什么问题呢?要理解,我们需要更深入地挖掘。

评价的鸿沟和执行的鸿沟

要想成功地与科技互动,人们必须克服的两个挑战是:

  • 评估:了解系统的状态
  • 执行:采取行动以实现特定目标

这些挑战被称为“评估海湾”和“执行海湾”,因为如果没有有效的设计元素来支持用户,它们可能成为用户与其目标之间不可逾越的障碍。

条款海湾的评价海湾的执行1986年由Ed Hutchins、Jim Hollan和Don Norman发明,当时他们写的是直接操作帮助用户跨越这些深渊。(他们的研究成果发表在书中)以用户为中心的系统设计这是“以用户为中心的设计”一词的首次使用,早在Don加入Jakob Nielsen建立Nielsen Norman Group之前。必威在线娱乐Don的书《日常事物的设计》(The Design of Everyday Things)讲述了这些鸿沟的故事,并详细说明了它们在设计过程中的重要性。30年后,这两个鸿沟仍然是我们这个领域的基本概念。

评估和执行的鸿沟图,因为它们在用户和系统之间的世界
评估的鸿沟和执行的鸿沟描述了用户必须克服的两个主要挑战,以成功地与任何设备交互。如图所示,用户陷入了一个(几乎)无尽的循环中,交替出现这两个问题:执行后,必须评估结果,计划执行下一步,评估结果,等等,直到达到预期的最终目标并退出。

此外,这两个挑战都由用户必须完成的子任务组成。例如,成功的评估不仅需要察觉系统状态指示灯,但也口译这意味着什么。类似地,执行需要两者计划一个基于理解控制如何工作的动作,实际上操纵控制。这种对交互的精细、具体的分析很重要,因为在一个子任务上的成功并不一定意味着在其他子任务上的成功。

决定某事是开还是关是一个经典的例子海湾的评价;对于此蓝牙交换机,很容易看到交换机和标签,但这些项目的可见性并不一定意味着它们可以正确解释。

执行和评估是相互依赖的

成功的执行通常取决于正确的评估。在这个蓝牙示例中,只要我纠正了对当前状态的评估,我就立即知道如何通过单击开关启用蓝牙。制定使用系统的行动计划很容易,但任何基于错误评估的计划都注定会失败。

这种相互依赖影响着许多现实世界的互动;例如,在许多平面设计中,用户会遇到导航问题.这并不是因为他们不知道如何点击链接,而是因为他们无法理解链接是呈现给他们的。

用心理模型架起海湾

解释需要努力,大多数人试图通过依赖心理模型来理解系统来最小化这种努力。一个心智模型是一个关于系统如何工作的理论,它的信号意味着什么,以及不同用户行为的结果会是什么。为节省时间,多数人依靠他们过去的经验,为新系统快速建立心理模型

设计师可以利用这种自然趋势,故意加入设计元素,帮助用户建立有效的心理模型。这就要求:

  1. 识别用户已经熟悉的相关设计
  2. 创建视觉相似性在新的设计和熟悉的设计之间
  3. 创建功能相似在新的设计和熟悉的设计之间

物理和数字体验都可以作为系统心智模型的基础;重要的是,视觉信号建议的模型实际匹配系统功能,至少足够好,让用户正确地解释系统的状态指示器和预测结果。

回到最初的蓝牙示例,关于开关如何工作,有几种不同的可能模型。有些开关根本不使用标签,而是使用位置或不同的背景颜色来区分不同的状态。其他的在交换机外部有标签,并通过将交换机推向描述所需状态的标签来工作。例如,下面显示的扬声器开关是当前的;要打开它,你把开关朝单词方向推

不同型号的开关的例子
左:有些开关不包含标签,只使用颜色来区分不同的状态。正确的:该扬声器使用物理滑动开关;要打开它,你把它滑动到单词“on”的位置,要关闭它,你把它滑动到单词“off”的位置。

本文开头显示的蓝牙开关包含一个标签,该标签在视觉上类似于标签上的滑动开关;但工作方式不同。在蓝牙开关上,将开关推向标签将交换机状态修改为,这与物理的、带标签的滑块开关的工作方式相反。

当您可以看到处于不同状态的多个开关时,这种Windows 10开关设计更容易理解;背景色使您可以清楚地看到哪些开关处于不同状态vs。,由于这两个标签都出现在开关的右侧,因此很明显它们描述的是当前的选定状态,而不仅仅是开关的一端。

多个交换机并排的示例
当多个开关同时可见时,有些是关闭的,有些是打开的,很容易理解标签指的是当前选定的状态,而不是开关的一个特定位置。(此外,在这个屏幕中,隐藏通知开关是由于隐含的双重否定,造成了额外的解释困难。最好以一种一致的、积极的方式来描述所有的特征,这样表示某事正在发生。)

但是,通过一个复杂的设置菜单,很难保证一个开关总是伴随着另一个开关在以确保人们理解它。另一种更好的设计是使用复选框,它也依赖于从物理世界中提取的心智模型。复选框起源于纸质表单:带有标记的复选框表示选项已被选中,而没有标记则表示选项未被选中。这是在Windows 7中启用蓝牙的模型;而且,由于没有标签位置的复杂性和对颜色的依赖,它对用户的评估负担比Windows 10低得多。

Windows 7和Windows 10中的复选框设置示例
左:Windows 7提供了一个启用蓝牙的复选框。复选框的当前状态更容易解释,因为它仅取决于框中是否存在标记,而不取决于颜色、标签或标签位置。正确的:在Windows 10中,复选框仍然会出现在更深的设置中;虽然更新到一个更现代的外观,他们保留了清晰的特征,使评估当前的状态更容易。

为什么海湾很重要

Don Norman在几十年前首次描述了他的交互模型,但是评估和执行的困难仍然困扰着今天的界面。理解这些鸿沟并将其整合到用户体验设计中很重要,原因有二。

第一,评估和执行的挑战超越交互风格和设备类型.不管你是为笔记本电脑、手表、智能扬声器还是冰箱而设计,人们仍然需要处理这些问题,而且这个框架足够灵活,可以有效地应用于新颖的设计环境。

第二,当涉及到解决设计问题时,将评估和执行分解为特定子任务的粒度阐明设计失败的详细原因,因为它采用了以用户为中心的视角。像“让系统状态可见”这样的启发式告诉你一个好的设计应该做什么,但它们不一定解释如何做。确定问题在于可见性还是解释性,为头脑风暴解决方案提供了一个更好的起点。

用户必须在评估和执行之间架起桥梁,成功地与设计互动,但当系统创造者意识到这些鸿沟,并构建线索引导用户走上正确的道路时,挑战就变得容易多了。

在我们的全天课程中了解更多,每个设计师都必须知道的用户界面原则

参考文献

哈钦斯,E.,J.,霍兰,J.,和诺曼,D.A.(1986)。直接操作接口。在A.N.Donald&S.W.Draper(编辑)中,以用户为中心的系统设计;人机交互的新视角(页339 - 352)。劳伦斯·埃尔鲍姆事务所。

诺曼,d .(2013)。日常用品的设计:修订版和扩充版.纽约:Basic Books。