恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
确认对话框可以防止用户错误 - 如果没有被滥用的话
0.0°
2018-04-03 自译外文 经验/观点 原作者: JAKOB NIELSEN 举报 858 2 8 0

8个用户体验准则可避免许多严重的用户错误,从而降低人们自动接受警告而不会意识到后果的风险。

对于用户体验来说,错误是一件大事。它们代表了可用性的5个关键质量要素之一:错误频率和严重程度与系统的可用性负相关。错误预防是用户界面设计的10种启发式方法之一。

即使我们谈论“用户错误”,但真正的罪魁祸首是设计师,因为其让用户容易陷入困境。我们不能认为人们总会以预期的方式使用我们的设计。

有很多方法可以防止(或至少减少)用户错误。在这里,我们将重点介绍最简单的一个 - 确认对话框。

定义:确认对话框询问用户他们是否确定他们想继续执行他们刚发布给系统的命令。

在图形用户界面中,确认对话框通常采用弹出模式的形式,并在系统执行用户命令之前必须注意。(其他交互风格可能会使用不同的格式进行确认对话框,例如,语音用户界面可能会使用口头提问,用户可以用“是”或“否”回答)。无论何种格式,确认对话框构成了系统发起的中断; 他们放慢了用户的任务流程。它们减慢了用户的任务流。如果这个延迟阻止了错误,那么它的时间就花得很值得了,但是,如果不是,它们是破坏性的,因此很烦人。


当用户试图清空包含单个文件的回收站时,Windows 10提供了一个确认对话框的好例子:

Image title

Windows 10:删除单个文件的确认对话框是一个很好的(虽然不完美)设计的例子


然而,当回收站包含多个文件时,Windows 10使用了一个不太有用的确认对话框:

Image title

Windows 10:删除多个文件的确认对话框显示是有问题的设计


首先,为什么Windows使用两个不同的图标来表示相同的问题(永久删除文件)?X和感叹号都是这类警告的合理图标,但是为了一致性,应该选择一个。但是,这是一个小问题,因为我确信用户不会将这些对话的响应建立在分析图标上。

多文件确认的问题困扰着许多确认对话框:缺乏特异性。说这两个项目不会告诉用户哪些文件将被删除。相反,单文件确认显示文件的名称,以及一些辅助信息,帮助用户确定是否删除正确的文件。(为了更好的可用性,显示文件的缩略图而不是通用图标。)不可否认的是,当许多文件被删除时,很难提供很多细节,并且说明文件的数量是一个小的特性。

让我们回到基本问题:为什么首先要有确认对话框? 是为了在采取危险行动之前,允许用户第二次检查他们的工作。然而,如果用户将自己对对话框的响应自动化并且只单击“ 是”而不想进一步考虑,那就完全不是第二次机会了。

确认对话框必须重申用户的请求并解释计算机将要执行的操作,以及允许用户了解其操作效果的特定信息。如果没有识别详细信息,请求用户确认请求是没有用的,如YouTube视频删除确认所示:

Image title

如果系统通过将已删除的视频的备份拷贝保留一小段时间,从而使用户可以撤销删除,那么该系统将会更好


当用户被问到时是否确定要这样做?没有进一步的细节,唯一明智的反应是“当然我想要做我刚刚告诉你做的事情”,并且没有进一步思考就点击了Yes。这种自动化行为根本不提供任何保护,并且只会让用户恼火 - 并且使他们对未来的警告关注较少。


确认对话框设计指南

1、在做出严重后果的行为之前使用确认对话框,比如破坏用户的工作或花费大量金钱。特别是,在不能撤消操作之前,考虑一个确认对话框。(尽管如此,尽最大努力提供撤销,这是另一个可用性启发式、用户控制和自由的关键组成部分,以减少焦虑,并允许用户从主要问题中恢复过来。)

2、不要使用确认对话框进行常规操作。像狼来了故事一样,如果你多次喊狼,人们就会停止关注这个问题,而确认对话框会失去防止错误的力量。

3、具体并告知用户他们行动的后果。不要问你确定你想这么做吗?相反,请解释这是什么,以用户为中心的术语,易于理解,并使用户可能认识到错误。

4、不要回答“是”或“否”,而是提供一些回答选项,来总结每个可能的反应会发生什么。例如,在文件删除的情况下,使用带标记的删除文件并保存。

5、考虑使用渐进式公开来允许用户在他们提交之前了解他们的命令的更多结果,同时仍然保持确认对话框中的文本足够简短以易于扫描。

Image title

Microsoft Word:此确认对话框过于冗长,但 Tell Me More 按钮是使用渐进式公开来保留大多数人眼中的次要内容的很好例子


6、避免给予确认对话框默认的 是的答案。通常情况下,在对话框中使用最常用的选项是很好的做法:这样做可以节省用户的时间,也可以让新手知道最有可能的答案。然而,确认的全部目的是确保用户仔细检查他们的行为,并且不要继续进行,除非他们确定他们想要执行危险操作。您可能会将默认设置为“ 否 ”,但最好不要设置默认答案。

7、对于特别危险的操作,需要来自用户的非标准操作来确认。而不是简单地点击一个OK按钮(或者,用一个或两个单词来描述动作的按钮)—这可能会变成一个自动的行为—让人们做一些他们通常不会做的事情。例如,在邮箱列表中输入一个单词,因为MailChimp要求在删除邮件列表之前。Don Norman甚至建议要求不同的用户进行确认最危险的行动)。这种非标准反应选项必须保留用于最危险和罕见的行动,因为如果它们使用过于频繁,它们成为一个新的标准,并有可能变成另一种自动的行为,它失去了让用户在提交之前考虑后果的能力。

Image title

MailChimp:删除邮件列表的确认对话框遵循我们的几个确认对话准则:(1)通过列表的名称和(可能更重要的)订阅者数量的特异性; (2)通过强制用户明确键入单词 DELETE 来防止自动行为; 此外,输入字段在用户滚动之后才出现。这种严厉的确认对话应该保留给最严重的情况。(更好的设计将为用户提供撤销这种破坏性行为的机会。)


8、考虑一个定制选项,允许用户绕过未来的常规确认。


Microsoft为确认对话提供了一套更大的设计准则,包括如何处理一系列操作的批量确认。但是,最终,我认为确认对话框中最重要的可用性考虑因素是不过度使用它们,并且要充分具体说明用户知道他们同意的内容。

我再说一遍:如果你警告人们太多,他们就会停止关注。如果我再多说几次,你就会停止阅读。

最后,为了改进整个用户体验,除了对话框本身的设计之外,还需要花费大量的时间来提供撤销,因为即使是最好的确认对话框,也会有一些用户错误。设计所能做的就是减少用户错误的数量,但是这是一个非常有价值的目标,它将提高客户满意度,可能会挽救生命,并且绝对会增加您的设计的商业价值。

更新:2018-04-03

收藏

2人已收藏

  • 12

    作品

  • 19

    粉丝

  • 6

    关注

  • 切换开关 设计指南
  • 交互设计名词收录
  • 如何正确的使用背景色
  • 五个步骤寻找和解决用户痛点
相关标签

    猜你喜欢

      2018-04-03 自译外文 经验/观点 原作者: JAKOB NIELSEN 举报 858 2 8 0

      确认对话框可以防止用户错误 - 如果没有被滥用的话

      0.0°

      你确定要举报确认对话框可以防止用户错误 - 如果没有被滥用的话

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年04月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录