最专业的八方代购网站源码!

资讯热点
两个交互设计差距:评估和执行

发布时间:2020-12-22 分类: 行业资讯

通过每次交互,用户必须克服理解系统当前状态和理解如何更改系统当前状态的双重挑战。设计师可以通过识别这些差距并使用透明的概念模型来弥补这些差距来支持这些差距。

上周,我买了一个很棒的新蓝牙耳机;但不幸的是,我花了一个多小时将它连接到我的电脑上。尽管耳机手册和计算机支持代购源码网站做出了承诺,但耳机并未自动连接到计算机。在我重新阅读说明后,我检查了耳机和计算机以确保它们全部打开,并检查耳机注释以确保耳机与我的计算机兼容,即使将耳机同步到另一台计算机进行测试耳机;当我即将放弃时,我找到了一个随机帮助页面(来自完全不同的硬件制造商),它改变了一切。

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

此蓝牙连接开关有一个圆圈,可以从一侧移动到另一侧,以更改关闭(左)或打开(右)状态。标签反映了控制器的当前状态,而不是当开关向右移动时发生的情况。 (与加号图标不同,它显示了单击时会发生的情况。)

当我意识到自己的错误时,我感到愚蠢。但是我没能理解设备的当前状态实际上是一个非常常见的可用性问题——因此,在Jakob Nielsen着名的10个可用性启发式中,系统状态的可见性排在第一位。

看看这个设计,显然设计人员知道使状态可见是很重要的:它们甚至在控制开关旁边都包含一个清晰的状态标签(OFF/ON)。

所以有什么问题?要理解,我们需要深入挖掘。

I.评估差距并实现差距

为了成功地与技术互动,人们必须克服的两个挑战是:

评估:了解系统的状态;

执行:采取行动实现特定目标;

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

1986年,Ed Hutchins,Jim· Jim Hollan和Don· Don Norman发明了用于评估和实施差距的术语,他们在文章中直接提到了这一术语。运营的好处可以帮助用户消除这些差距。 (他们的作品发表在《以用户为中心的系统设计》,由Norman和Draper编辑,这是“以用户为中心的设计”一词的第一个用户,早在Norman加入Jacob·之前,Jakob Nielsen创立了Nielsen Norman Group)。诺曼的书《日常事物的设计》讲述了分歧的故事,并详细说明了它们在设计过程中的重要性。三十年后,这两个海湾仍然是我们这个领域的基本概念。

“评估中的差距”和“执行中的差距”描述了用户为了成功与任何设备进行交互必须克服的两个主要挑战。如图所示,用户陷入(几乎)无限循环,与这两个问题交替出现:执行后,您必须评估结果,计划执行下一步,评估结果,等等,直到达到您的为止想要最终目标并退出。

而且,这些挑战都是由用户必须完成的子任务组成的。例如,成功的评估不仅需要了解系统状态指标,还需要解释其含义。类似地,执行需要基于理解控件如何工作以规划动作并实际操纵控件。这种对交互的细致而具体的分析很重要,因为子任务的成功并不一定意味着其他任务的成功。

确定状态是开启还是关闭是评估差距的典型例子;对于这种蓝牙开关,开关和标签很容易看到,但这些项目的可见性并不一定意味着它们可以被正确解释。

其次,实施和评估是相互依存的

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

这种相互依赖会影响许多现实世界的互动;例如,在许多图形设计中,用户在导航时遇到问题。这不是因为他们不知道如何点击链接,而是因为他们不明白链接的含义。

第三,使用心智模型消除差距

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

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

确定用户已熟悉的相关设计;

在新设计和熟悉的设计之间创建视觉相似性;

建立新设计与熟悉设计之间的功能相似性;

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

回到最初的蓝牙示例,有几种不同的可能模型来说明ON/OFF开关的工作原理。有些开关根本不使用标签,使用位置或不同的背景颜色来区分不同的状态。其他交换机在交换机外部有标签,通过将交换机推送到描述所需状态的标签来工作。例如,下面显示的扬声器上的开关当前是关闭的;打开它,将开关指向“开启”字样。

左:某些开关不包含标签,只有颜色用于区分不同的状态。右:这个扬声器使用物理滑动开关;打开它,将开关滑块滑动到“开启”状态。单词,将其关闭并将开关滑块滑动到“关闭”状态。

本文开头显示的蓝牙开关包含一个看起来像带标签的滑块开关的标签;但是,它们的工作方式不同在蓝牙开关上,将开关按到选项卡关闭并更改开关状态,这与物理标签滑块开关的工作方式相反。

当您可以看到处于不同状态的多个交换机时,这种Windows 10交换机设计更容易理解;背景颜色清楚地表明哪些开关关闭或打开,并且因为两个标签都出现在开关的右侧所以很明显它描述了当前选择的状态,而不是开关的结束。

当多个开关在一起时,一些开关关闭,一些开启,并且很容易理解标签是指当前选择的状态,而不是开关的特定位置。 (此外,在此屏幕中,隐藏通知开关关闭的事实导致额外的解释困难,因为隐含的双重否定。最好以一致,积极的方式描述所有功能,这意味着正在发生的事情

但是,在复杂的设置菜单中,很难确保一个开关始终伴有另一个开关以确保人们理解它。另一个更好的设计是使用一个复选框,它也依赖于从物理世界中提取的心智模型。复选框源自纸质表格:带有标记的框表示选择了选项,没有标记表示不是。这是Windows 7中支持蓝牙的型号;并且没有标签位置和颜色依赖性的复杂性,它使用户的负担远低于Windows 10.

左:Windows 7提供了一个启用蓝牙的复选框。复选框的当前状态更容易解释,因为它仅取决于标签–存在于框中,而不是颜色,标签或标签位置。右:复选框仍显示在Windows 10的更深层设置中;虽然更新为更现代的外观,但它们仍保留了清晰的功能,可以更轻松地评估当前状态。

差距为何如此重要

唐·唐诺曼几十年前首次描述了他的互动模式,但评估和执行方面的困难仍然困扰着今天的界面。理解这些差距并将其纳入UX设计非常重要,原因有两个:

首先,评估和执行的挑战超越了交互方式和设备类型。无论您是设计笔记本电脑,手表,智能扬声器还是冰箱,人们仍然需要处理这些差距,并且框架足够灵活,可以在新的设计环境中使用。

其次,当涉及到解决设计问题时,将评估和执行分解为特定子任务的粒度揭示了设计失败的详细原因,因为它采用以用户为中心的视角。启发式“让系统状态可见”告诉你一个好的设计应该做什么,但它们并不一定解释做什么。确定问题是否与可见性或解释相关,为您提供了更好的头脑风暴解决方案的起点。

用户必须弥合评估和执行之间的差距,以便成功地与设计交互,但是当系统的创建者意识到这些差距时,挑战变得更加容易,并提示用户找到正确的路径。 。

原作者:Kathryn Whitenton

原文链接:https://www.nngroup.com/articles/do-interface-standards-stifle-design-creativity/

翻译作者:熊猫利基,互动设计师,4年互联网产品经验,曾领导多项互联网产品设计工作。

该地图由作者提供

« 12月2日A5域名拍卖市场总结 | 广告曝光和效果争议实际上是伪命题 »