犯错是人类,当人们与用户界面接触时,会发生错误。根据唐诺曼的说法,有两类用户错误:滑动和错误。SLIPS在AutoPilot上时发生,并在合理的目标中掌握错误的操作。我们在详细讨论SLIPS和SLIP预防本系列的第一条文章。在本文中,我们专注于错误

错误当用户开发了心智模型不正确的界面,形成的目标不适合的情况。例如,许多在线儿童游戏都是从一个简短的视频教程或另一个游戏的视频广告开始的;在我们的使用儿童进行用户测试,我们注意到,当视频看起来太像一个真正的游戏时,孩子们很想与之互动,认为他们已经可以开始玩。在这种情况下,用户形成并执行不当的目标,很大程度上是因为他们在网站上看到了错误的错误(即,他们认为视频是真实游戏)。良好的设计应该有助于防止用户期望和界面之间的这种不匹配。

2个海湾

使用像网站或应用程序这样的系统时,用户以某种方式开始,并根据他们的目标开始系统的心理模型,他们会制定一个行动计划来完成目标。然后他们采取行动,并验证他们的行动是否产生了预期的结果。在他的书中日常事务的设计,唐·诺曼把这个过程称为沟通湾执行(“我如何使用这个工具来实现我的目标?”评价海湾(“这工作得像我想的那样吗?”)

当用户在弥合这两个海湾时,用户没有得到足够的帮助,以及设计人员的精神模型以及系统应该如何与用户的方式不符合用户的心理模型时,发生了许多用户错误在这些情况下,用户也是如此形成一个不正确的行动计划,或者他们不太了解系统的状态如何因行动而改变。虽然防止错误通常是验证和强制约束的简单问题,但防止错误涉及理解用户的心智模型和他们的期望,并让您的设计人员匹配它们。不要错误地认为用户最终会了解设计师的心智模型;虽然在用户被迫定期使用该系统的极少数情况下,这种情况可能会发生,但大多数面向消费者的应用程序和网站用户只是导航到不同的网站,而不是费心学习一个棘手的网站。

收集用户数据

发现用户的心理模型和设计者的心理模型之间的具体差距是避免错误的关键,需要收集用户数据。有一个丰富的用户研究方法这可以适应各种情况,因此选择为您提供上下文的方法非常重要为什么用户犯错误,他们的期望是什么。当您开始新的设计时,诸如上下文查询,实地研究和民族教学和民族教学研究的方法非常适合于在早期阶段进行用户的心理模型和期望。一旦你有一个系统(或至少一个原型)您可以使用定性可用性测试来检测设计人员心理模型和用户期望之间的差距。

遵循设计惯例

使用标准设计规范帮助用户跨越评估和执行的鸿沟,并理解他们可以采取什么行动。这一点得到了加强Jakob定律,这使得“用户大部分时间都花了其他网站。每个与您的网站或应用程序交互的用户都已经接受过成千上万的其他设计师的培训,以期望常见的交互元素以某种方式外观和工作,而当您的网站偏离这些惯例时,容易出现错误的情况。

西南航空公司移动网站日历界面
西南航空的手机网站采用了以往的惯例,将日期调成灰色,让你知道在预订航班时无法选择这些日期。不幸的是,它对下个月的日期也使用了相同的设计,这意味着不可用。

沟通确定相应

除了使用用户能够从以前的经验中认识到的约定外,另一种使控件易于理解(从而帮助用户跨越执行的鸿沟)的方法是让设计交流如何使用它。例如,用户习惯点击按钮看起来他们在外面有一种微妙的阴影。此效果使按钮看起来像退出页面,您可以推动它。相反,表格字段也是矩形,但在形状的内部有少量阴影,表示它们是空的,可以填充。

该设计的该属性,指示如何使用它是如何被称为对象的能指。的承受本身就是这一点方式其中,该对象可以与之交互(可以按下按钮,表格字段可以具有键入的输入添加),并且将其传达给用户的视觉提示被称为可接受的指示者。如果没有明确的节目传播可用性,用户可能无法理解如何使用控制,并犯错误。

Polarr iOS照片编辑器界面
宝丽是iOS上一个很受欢迎的照片编辑器。右边的编辑控件(临时,着色等)要求您点击该框,然后向左或向右滑动以更改该参数的数值。但是,这些控件并没有说明用户应该如何与它们交互,所以新手在学习如何正确地与它们交互之前,很可能会不小心多次将这些控件设置为错误的值。还有一个额外的交互困难:由于控件在显示的最右侧,您可以通过向左滑动轻松地减少参数,但是您很快就会耗尽水平空间来向右滑动并增加值。

预览结果

有时,用户不会意识到他们即将触发一个导致宽范围内更改和难以验证的操作的动作。一旦他们有机会比较行动与目标的效果,用户可能会愿意修改目标;预览特征在不犯错误的情况下,提供了弥合评估鸿沟的机会。

一个很好的例子就是在视频编辑软件中渲染特效,系统在后台进行的编辑工作可能需要5到10分钟,而计算机在工作时几乎没有响应。在这种情况下,即使用户没有永久丢失任何工作,如果结果不是他们想要的,他们也失去了相当多的时间,可能还有耐心。只要有可能,提供用户可以检查的预览状态,以确保他们将得到他们想要的。这有助于避免浪费时间的错误。

iOS 8显示缩放辅助功能选项
在iOS 8中,有一个辅助功能选项,允许具有低视觉的用户缩放显示,以便图标和文本更大。应用缩放需要重新启动手机,这是一个重量级这个动作需要一段时间,所以iOS会在你承诺应用这个改变之前预览一下。这个有用的预览允许您评估您的目标是否真的是放大显示。

防止错误和滑倒

有些预防错误的策略对差错和错误都有效。以下是减少所有类型错误的可能性(和严重程度)的一般指导原则。

删除内存负担

每当用户需要在他们中保留大量信息短期记忆在完成任务时,它们易于滑落,在那里他们可以重复步骤,或者无法完成任务。内存失误也可能导致错误的错误,其中用户忘记了他们已经制作的早期决定,并以不同的结果重复该过程。防止这两种错误两种错误的良好策略是删除用户内存的负担。

尽可能删除要求用户在自己的内存中保留信息的条件,而在复杂的多步过程中从一步移动到另一个步骤。相反,努力显示用户需要完成任务的上下文信息。请记住,用户经常分散注意力,多任务处理,或者不完全专注于他们正在使用的网站或应用程序。一个好方法是想象,在多步骤过程中每一步都可以通过电话打电话中断。您想显示所有信息用户需要在被中断几分钟后轻松恢复任务。

Hipmunk.com的界面可以在飞行过程中选择航班
Hipmunk提供快速浏览所需的上下文信息,以恢复选择航班的过程,即使是在航班中断之后。在预订过程的第二步,它清楚地显示旅行日期、有关机场、选择了最便宜的出发票价以及要求用户选择回程航班的事实。即使是分心了很长一段时间的用户也可以很容易地恢复这个过程,而不会意外地偏离他们最初的需求和这次飞行的计划,或者尝试重复已经完成的步骤。

在破坏性行动之前确认

设计人员通常专注于与创建相关的用户任务。但删除也必须直截了当。请记住,当用户删除项目时,它们会销毁已采取工作创建的东西。在删除努力工作的对象之前,绝对确定用户真的意味着删除通过向用户展示一个确认对话框

这可以是一种有效,简单,熟悉的方式,使用户最终机会停止,并仔细检查他们是否真的想删除所有这些假期照片。

OS X Yosemite照片应用确认对话框
苹果的新照片应用程序使用一个常规的对话框来确定用户真的是想删除最近一次徒步旅行的照片,并指出操作的范围是高亮显示的24张照片。更好的是,确认删除操作的按钮被清晰地标记出来删除,而不是通用的确认

然而,仔细使用确认对话框是非常重要的,因为他们中断用户的工作流程,并固有地减慢它们。如果确认对话框询问“你真的想这样做吗?”在每次决定之后,许多用户都不会花时间仔细检查他们是否在本能地单击突出显示之前进行错误确认按钮。与直觉相反,旨在防止错误的设计实际上可以增加当用户开始急着去抵消不断确认的低效率时,他们就会开始怀疑。就像伊索寓言中“喊狼来了的男孩”一样,一个UI可以变成“喊确认的电脑”好几次。在这两种情况下,人们会在有重要事情需要哭诉的时候就不再关注虚假警报了。不要使用确认对话框作为唯一的错误预防方法,要将它们与本文讨论的其他技术小心地应用,以最大限度地发挥它们的作用,限制它们的低效。

支持撤消

防止用户发出错误的另一个主要原则是承认他们时不时地犯错误和犯错,并提供一个安全网,使这些错误的代价更低。几乎每个人都经历过这样的可怕时刻:意识到你只是无意中删除了整个文件夹或目录中的重要文件,而实际上你只想删除一个文件。

提供撤消最新动作的能力可以帮助用户对实验更安全和更有信心的对不熟悉的功能,因为他们意识到错误是低成本并且可以轻松修复。

Gmail撤销功能
Gmail提供了一个良好的上下文环境撤消破坏性动作的功能,例如意外删除92个电子邮件。此功能证明了Gmail现在也使得发送电子邮件时可用,允许一对一撤消在击中后,从送达30秒的电子邮件发送

犯错误前先警告

呈现微妙的,上下文错误警告,而用户​​积极发出错误,可以帮助他们快速纠正它。例如,当用户在电子商务存储上的输入框中键入审核时,不要等到他们击中后提交为了显示检查太长35个字符的错误信息,让他们在输入额外的35个字符时知道(或者更好的是,在他们输入时警告他们关闭限制)。

在达到字符限制之前,Twitter警告功能
众所周知,Twitter有严格的字符限制微博,并警告用户在超过其余字符数量之前超过该限制。
一旦达到字符限制,Twitter的错误信息
一旦推特如果超过限制,则显示负计数器,突出显示多余字符,并使推特按钮,让用户确切地知道他们需要做什么来纠正他们的错误。

总结

尽管用户在使用软件时,用户将始终会产生一些错误,但是可以通过使用用户的体验设计来减少整体错误。通过帮助用户构建界面的良好心理模型来防止错误。使用设计模式,传达它们对用户的工作方式,鼓励用户仔细检查他们的工作(特别是在删除之前),并在错误之前警告。这些简单的准则可以帮助实现更低的用户错误率,并最终提高可用性。

参考

诺曼。日常事务的设计, Basic Books 2013。