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

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

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

当我意识到自己的错误时,我感到很愚蠢。但是我不能理解设备的当前状态实际上是一个非常普遍的可用性问题——如此普遍以至于在Jakob Nielsen著名的文章中,系统状态的可见性是第一个10个可用性启发式

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

那么问题出在哪里呢?为了理解,我们需要深入挖掘。

评估的海湾和执行的海湾

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

  • 评估:了解系统的状态
  • 执行:采取行动来完成一个具体的目标

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

条款海湾的评价海湾的执行是由埃德·哈钦斯、吉姆·霍兰和唐·诺曼于1986年发明的,当时他们在写直接操作帮助用户跨越这些鸿沟。(他们的研究成果发表在《以用户为中心的系统设计这是“以用户为中心的设计”一词的首次使用,早在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在几十年前首次描述了他的交互模型,但是评估和执行的困难仍然困扰着今天的界面。理解这些鸿沟并将其整合到用户体验设计中很重要,原因有二。

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

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

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

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

参考文献

陈志强(1986)。直接操作界面。在a.n.唐纳德和s.w.德雷柏(Eds.),以用户为中心的系统设计;人机交互的新视角(页339 - 352)。劳伦斯·埃尔鲍姆事务所。

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