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

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

ScreenCapture在关闭和on位置的蓝牙开关
此蓝牙连接开关有一个圆圈,可以左右移动以将状态更改为离开(左)或(右)。标签反映控件的当前状态,而不是开关向右移动时将发生的情况。(与加号图标的标签不同,它解释了单击加号图标时会发生什么。)

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

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

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

评估的海湾和执行的海湾

要成功地与技术互动,人们必须克服的诸多挑战中有两个是:

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

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

条款评价海湾行刑湾是由埃德·哈钦斯、吉姆·霍兰和唐·诺曼于1986年发明的,当时他们在写直接操纵帮助用户跨越这些鸿沟。(他们的研究成果发表在《以用户为中心的系统设计,由诺曼和德雷珀编辑,这是“以用户为中心的设计”这一术语的首次使用,早在唐加入雅各布·尼尔森建立尼尔森·诺曼集团之前。唐的书《日常用品的设计》讲述了海湾的故事,并详细说明了海湾在设计过程中的重要性。三十年后,这两个海湾仍然是我们领域的基本概念。必威在线娱乐

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

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

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

执行和评估是相互依存的

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

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

用心理模型弥合海湾

解释需要努力,大多数人试图通过依靠心智模型来理解一个系统来尽量减少这种努力。A.心智模型是系统如何工作的理论,其信号是什么意思,以及不同用户行动的结果是什么。为了节省时间,大多数人依靠他们过去的经验来快速为新系统建立心理模型

设计人员可以故意利用这种自然倾向,包括帮助用户构建有效的心理模型的设计元素。这需要:

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

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

返回初始蓝牙示例,有几种不同的可能模型,用于开/关开关如何工作。一些交换机根本不使用标签,并使用位置或不同的背景颜色来区分不同的状态。其他有交换机外的标签,并通过将开关推向描述所需状态的标签来完成。例如,下面显示的扬声器上的开关目前离开;要打开它,请将开关推向单词

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

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

当你看到多个开关处于不同的状态时,这个Windows 10的开关设计更容易理解;背景颜色使它很明显是哪个开关离开vs。,由于这两个标签都显示在交换机的右侧,很明显,它们描述的是当前选定的状态,而不仅仅是交换机的一端。

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

但是,在复杂的设置菜单中,很难保证离开开关总是伴随着另一个开关在立刻只是为了确保人们了解它。另一种更好的设计将使用复选框,这也依赖于从物理世界中汲取的精神模型。复选框起源于纸张形式:带标记的一个框表示选择了一个选项,而没有标记意味着不是。这是用于在Windows 7中启用蓝牙的模型;而且,没有标签位置和依赖颜色的并发症,它在用户的评估负担比其Windows 10对应上缩小了更低的评估负担。

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

为什么海湾很重要

Don Norman首先描述了他几十年前的互动模型,但评估和执行的困难仍然困扰着今天的界面。了解这些海湾并将它们纳入UX设计是两个原因很重要。

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

其次,在解决设计问题方面,将评估和执行中分解为特定的子任务的粒度阐明了设计失败的详细原因,因为它采用了以用户为中心的透视图。类似'使系统状态可见'告诉您应该做的好的设计,但它们不一定解释如何做到这一点。针对可见性或解释来定位问题是否为您提供了更好的头脑风暴解决方案的起点。

使用者必须架起评估和执行的桥梁,以成功地与设计交互,但当系统的创建者意识到这些障碍,并内置提示,让用户走上正确的道路时,挑战就变得容易多了。

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

参考文献

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

诺曼,D。(2013)。日常内容的设计:修订和扩展版.纽约,纽约:基本书。