防止错误比帮助用户更好吗恢复从他们。这是用户体验的一个重要原则。当用户必须从错误中恢复时(是否错误或者一个),他们必须中断他们的任务,奉献宝贵的认知(和工作记忆)资源来解决问题,即使只有几秒钟。不管有多容易进入你的撤销函数(我们希望你有一个!),最好不要使用它。

就在几天前,当我在浏览器中输入一些东西时,我得到了以下拼写检查选项:

Firefox内置的拼写检查上下文菜单在将拼写错误添加到字典的选项旁边直接显示拼写建议
Firefox内置的拼写检查功能将拼写建议放在一个选项旁边,以便将拼写错误选项添加到字典中。

你是否注意到这个有用的小上下文菜单中的潜在危险?在选择使用建议的拼写方式的旁边,有添加到字典。从字面上讲,“改正错误”的选项旁边就是“确保我永远会犯同样的错误”。更糟糕的是,这些选项非常接近,所以玩家很容易意外点击添加到字典在选择建议的修正时。

设计师经常忽略用户可能没有充分关注他们的设计这一事实。用户经常陷入自动性尤其是当他们在做重复的工作时。在拼写检查的例子中,用户很有可能从上下文菜单中反复选择了第二个选项(例如,复印件)并且现在处于自动驾驶状态,成为先前行为养成的习惯的牺牲品。

这种情况并非只有上下文菜单.事实上,将破坏性的行为和良性的行为放在一起是最重要的10个必威手机app下载应用程序设计错误我们年复一年地看到。它每时每刻都在发生下拉菜单确认对话框错误消息,向导

网络仪表板与添加类别和清除类别按钮直接接近
Ubiquiti的Unifi Network仪表盘应用程序特性添加类别明确的分类按钮直接接近另一个,几乎相同的视觉样式。虽然这些都是概念上相关的选项,明确的分类,如果无意中点击,将撤销大量之前的工作
连接到Wifi网络的设备列表,可直接连接到另一个重新连接和阻止选项
在Ubiquiti仪表盘的另一个例子中,显示连接到Wi-Fi网络的所有客户端的列表,将鼠标悬停在一个设备上就会显示动作重新连接彼此非常接近。如果用户不小心点击了它,其中一个选项会引起相当大的麻烦,永久性地阻止设备连接Wi-FI网络。
股票交易应用程序与删除和确认按钮直接挨着另一个
在股票交易应用程序ThinkorSwim中,按钮为删除确认和发送当用户将交易订单放在一起时,它们距离很近。
Trello的手机应用在动作溢出菜单中将Watch和Archive Card放在一起,尽管如果意外点击Archive Card会产生严重后果。
Trello的移动应用程序的位置档案卡在动作溢出菜单中彼此相邻,尽管档案卡如果不小心触碰,会产生严重后果。

那么,怎样做才能避免这类错误呢?让我们快速回到用户体验的最初阶段,寻找一些可供选择的设计方案。

形状编码和与分心的人交流

现代用户体验学科的起点之一是20世纪40年代将心理学应用于工业设计。在第二次世界大战期间,Alphonse Chapanis(和其他人一样)致力于理解为什么飞行员的错误导致了大量B-17轰炸机在着陆时坠毁。他注意到飞行员用来放下起落架的杠杆和用来放下机翼襟翼的杠杆是相同的,只是位置不同而已。这种相似性导致飞行员将两者混淆,尤其是在飞机着陆等高压力时刻。Chapanis帮助重新设计了B-17轰炸机的控制杆,通过改变两个杠杆中的一个的形状来避免飞行员的失误,这样飞行员就能迅速分辨出手中的是哪个杠杆。

形状编码控制使他们感觉不同和不需要警惕是一个主要的创新,它导致了其他类似的设计考虑,如添加触觉纹理到控制,改变用户的身体控制方式(如推、拉、旋转),是的,使用接近(或缺乏)来区分每个控件的功能。主要的观点是我们可以表示不仅仅是如何交互用控件,还可以提示什么效果控制的方式将不需要用户有意识地参加——物理杠杆,有一些阻力,相比就很容易,例如,沟通,调整杆也许是更重要的,即使一个人没有充分的关注。

这种方法如此有效的部分原因可以用人类的认知来解释。行为经济学家丹尼尔·卡尼曼(Daniel Kahneman)在他的现代经典著作中概述了两种人类思维模式思考,快与慢系统1是快速的、本能的、有点自动的,系统2是费力的、周到的、缓慢的。当用户执行重复的活动时,他们经常会这样做运用他们的第二系统(缓慢的、逻辑的)思维——他们依赖于有点无意识的第一系统,并且,在那些时刻,为了与他们交流,我们必须使用第一系统思维响应的设计属性——例如,前注意特征这是我们的大脑在我们完全有意识地注意之前就会做出反应的视觉属性。

具有冗余视觉信号的微分控制

将良性选项和破坏性选项放在一起的决定背后通常有一定的逻辑——例如,控制在概念上是相关的。但有两个选项是相关的(比如保存删除)可能会有非常不同的效果。

因此,设计师必须努力区分这些选项尽可能多。给他们贴上标签是一种个性化的方式,但这还不够。当然,当我们设计像网站和应用程序这样的数字产品时,我们不能使用触觉属性。但我们可以依靠视觉处理和定位

例如,语法上,使用相同的位置拼写纠正和添加到字典但很重要的是,它使用了其他一些提示,如颜色、图标、文本的相对大小和对齐方式,以防止用户滑倒。

语法拼写检查与拼写建议和添加到字典选项之间的额外区别
语法上使用颜色、图标、文本大小和对齐方式来区分确认操作(拼写建议)和潜在的破坏性操作(添加到字典)

另一种选择是分离结果选择(例如,删除,丢弃更改,静音,默认设置),把它放在离别人更远的地方。杠杆是可以的费茨定律这就使得选择后果性的选择更加困难,尤其是如果它是破坏性的。用户移动鼠标或手指到其他选项所花费的几毫秒时间,与撤销一个重大错误所需要的挫败感和时间相比,根本不算什么。在上面的例子中,我们可以移动驳回Action up,因为它是一个中间结果,结果不太严重(在这个实例中接受当前的拼写,但不要将它添加到字典中,以便在以后的文档中认为它是正确的)。

Sonos应用程序在后果性选择和良性选择之间留出了空间
Sonos iOS应用程序增加了潜在破坏性操作之间的空间(传输系统的所有权忘记当前的Sonos系统)以及破坏性较小的行为(例如家长控制系统更新)。这一小块空间会造成 概念性分离(利用格式塔邻近原则),并减少物理错误(意外点击错误物品)的可能性。

总结

避免将高度后果性的操作(如果意外触发,将需要大量用户工作来修复)直接放置在良性选项旁边。添加额外的空间和冗余的视觉信号,以表明哪些选项与其他概念相关的命令不同。

参考文献

Matthias Deller, Achim Ebert, Michael Bender, Stefan Agne, and Henning Barthel, 2007。信息相关性的预注意可视化。在以人为中心的多媒体国际研讨会论文集(HCM '07), 2007, Augsberg。DOI: http://dx.doi.org/10.1145/1290128.1290137

d·卡尼曼,2015年。思考,快与慢。纽约:法拉,斯特劳斯和吉鲁。

C. Kuang, R. Fabricant, 2019。《User Friendly: the Hidden Rules of Design Are如何改变我们的生活、工作和娱乐方式》价格上调