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

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

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

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

从这个设计上看,很明显,设计者知道制作这个东西很重要可见状态字体它们甚至还包括一个明确的身份标签,,紧挨着控制开关。

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

评价鸿沟和执行鸿沟

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

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

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

条款海湾的评价海湾的执行是由Ed Hutchins, Jim Hollan和Don Norman在1986年发明的,当时他们在写直接操作帮助用户跨越这些鸿沟。(他们的研究成果发表在《以用户为中心的系统设计这本书是“以用户为中心的设计”一词的首次使用,早在唐与雅各布·尼尔森(Jakob Nielsen)一起创立尼尔森·诺曼集团(Nielsen Norman Group)之前。manbetx官方网站手机版唐的书《日常事物的设计》讲述了海湾的故事以及它们在设计过程中的重要性。三十年后,这两个海湾仍然是我们这个领域的基本概念。

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

而且,这两种挑战都由用户必须完成的子任务组成。例如,成功的评估不仅需要感知系统状态指示器,但也解释这意味着什么。类似地,执行需要两者规划一个基于理解控制如何工作的行动,实际上操纵的控制。这种细粒度的、具体的交互分析非常重要,因为在一个子任务上的成功并不一定意味着在其他子任务上的成功。

确定某物是否打开或关闭是一个典型的例子海湾的评价;对于这个蓝牙开关,很容易看到开关和标签,但这些项目的可见性并不一定意味着可以正确地解释它们。

执行和评估是相互依赖的

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

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

用心智模型弥合鸿沟

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

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

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

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

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

具有不同型号的不同开关交换机的示例
左:有些开关不包括标签,只使用颜色来区分不同的状态。正确的:这款扬声器用户有物理滑动开/关开关;要将其打开,将其滑向“上”的单词,然后将其关闭,将其滑动到“关闭”的单词中。

本文开头所示的蓝牙开关包含一个标签,该标签在视觉上类似于已标记的滑块开关;但不是以同样的方式工作。在蓝牙开关上,将开关推向标签将开关状态更改为,这与带有标签的滑块开关的工作原理相反。

这个Windows 10开关设计更容易理解,当你可以看到多个开关在不同的状态;背景颜色使开关是明显的vs。,由于这两个标签都显示在开关的右边,很明显,它们描述了当前的选择状态,而不仅仅是开关的一端。

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

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

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

海湾为什么重要

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

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

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

用户必须克服评估和执行的障碍,以成功地与设计交互,但当系统的创建者意识到这些障碍,并在系统中嵌入线索,引导用户走正确的道路时,挑战就会变得容易得多。

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

参考资料

哈金斯、霍兰、诺尔曼(1986)。直接操作界面。在a.n. Donald & S. W. Draper (Eds),以用户为中心的系统设计;人机交互的新视角(页339 - 352)。新泽西州马沃:劳伦斯埃尔鲍姆联营公司。

诺曼,d .(2013)。日常用品的设计:修订和扩充版。纽约,纽约州:基本书籍。