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

如何设计防止数据丢失的破坏性操作

自译外文 分类: 经验/观点 版权: 原作者: ux运动
794 0 1 0
2019-05-15
3.2
普通推荐

来源:Medium网站

作者:UX运动

翻译:奥创

阅读时长:8min


数据丢失是用户可以体验到的最大挫折之一。这不仅是他们丢失的数据,还包括他们投入的时间和金钱。对于企业而言,这可能意味着数百个工时和数千美元的损失。


一项研究发现,30%的数据丢失灾难是由人为错误引起的。良好的用户体验设计可以防止这些灾难发生。以下是适用于您的应用的各种UX技术,以便您的用户不会感到沮丧。


在确认中使用红色警告信号

当用户按下具有破坏性操作的按钮时,请勿立即执行。他们有可能误按了按钮。您应该做的是提示用户通过确认屏幕确认操作。

确认屏幕上的号召性用语按钮不应具有蓝色等正常颜色。相反,使用红色按钮警告用户他们即将进行破坏性操作。


Image title


如果您使用红色按钮进行正常的操作调用,请避免这种情况,否则会让用户感到困惑。仅为破坏性操作保留红色按钮。酷色按钮更适合于正常的行动呼叫,因为它们不那么令人担忧。


虽然红色按钮会提醒大多数用户,但有些人可能不会认真对待。添加额外的视觉提示会使警告对所有用户更强。这将有助于色盲和视障用户除了颜色之外还需要其他视觉线索。


为了强调动作的严重性,红色警告信号需要更多的力量。您可以通过在确认屏幕上显示代表破坏性操作的图标来实现此目的。


Image title


例如,用户最熟悉的删除图标是垃圾桶。当用户看到此图标时,他们知道他们将在不阅读文本的情况下删除某些内容。

不仅如此,在屏幕顶部添加红色条纹还可以增强警告信号。现在,当用户看到确认屏幕时,他们将有三个红色警告信号指示严重情况。


用户体验效益 - 打破习惯性攻击

用户使用应用程序的次数越多,他们就越有可能开发习惯性攻击。习惯性攻击可以更快地完成任务,而无需考虑。但它也更容易意外点击具有破坏性操作的按钮。红色警告信号可以使用户摆脱这种心不在焉的攻击。


Image title


红色与警告和危险有着普遍的联系,并且具有负面含义。我们经常看到的许多警告和危险迹象都用红色来传达这种情绪。在设计中,红色按钮会引起用户对伤害或损失的恐惧,并用于帮助防止错误。这是有效的,因为人类有一种避免危险的本能。


研究表明,红色物体会引起注意并促进一致的运动反应。这意味着当红色按钮用于破坏性操作时,用户可能会更快,更准确地做出响应。用户对任务的关注越多,他们执行该任务的能力就越强。


使对话文本简洁

红色警告信号可以防止破坏性事故,但这不是您应该考虑的唯一事项。您还必须通过以简洁的格式编写对话框来确保对话框易于扫描。


Image title

 

而不是询问用户“你确定要X吗?”,在对话框标题的末尾加上一个问号。例如,标题为“删除帐户?”,用较少的字词表示“您确定要删除帐户吗?”。


不仅如此,还不要使用冗长的句子来解释确认后会发生什么。而不是通知用户,“如果您删除了自己的帐户,则会永久丢失您的个人资料,消息和照片”,以列表格式列出他们将丢失的内容,以便他们可以快速扫描。


在该示例中,使对话框简洁,将文本从25个单词减少到仅9个单词。这会产生一个更容易扫描和理解的对话框。


用户体验效益 - 更好地理解后果

确认对话框的目的是描述破坏性操作的后果。用户需要阅读并理解这些细节,否则他们可能会得到意想不到的结果。但这对于一个冗长的对话很难做到。


大多数用户会跳过冗长的文字,因为阅读需要花费时间和精力。简洁的文本可以防止跳过并帮助用户更快地执行任务,减少错误并记住更多信息。当对话简洁时,用户可以更好地理解其行为的后果并做出正确的决定。


居中对齐布局

简洁的文本使对话更容易扫描。但是你可以更进一步,通过中心对齐布局使整个确认屏幕更容易扫描。中心对齐布局将图标与对话框文本对齐,以便用户可以一起扫描它们。它还使屏幕对称,图标更加突出,以防止它们在上面遮挡。


Image title

 

用户体验的好处 - 减少对眼睛的工作

当使用眼动追踪凝视图观察一个罗嗦的对话框和一个左对齐的布局时,它将有更多的眼睛固定和更长的眼跳。简洁的对话框和中心对齐的布局需要较少的视觉效果。通过更少的眼睛固定和更短的扫视,用户能够更快地扫描屏幕以做出明智的决定。

 

Image title


中心对齐布局还允许用户以单一视觉方向(从上到下)扫描屏幕。他们不需要在屏幕上移动他们的眼睛,只需要专注于屏幕的中心。使用左对齐布局,用户需要以两个可视方向(从左到右和从右到左)扫描屏幕。他们的眼睛需要做更多的工作,这会减慢他们的任务。


为确认保留红色警告信号

当破坏性操作在确认屏幕上时,您希望用户全神贯注。相反,当破坏性操作不在确认屏幕上时,您不希望引起对它的注意。这样做迫使他们在无意进行破坏行为时按下它。

 

Image title


如果不在确认屏幕上,请勿在破坏性操作上使用红色警告信号。例如,设置屏幕可以有一个“删除帐户”按钮,但它不应该像一个号召性用语按钮来吸引不必要的注意力。


最好将破坏性操作设为仅带有红色文本标签的独立按钮。使用比必要更多的红色会导致用户将其误认为是屏幕上的主要号召性用语按钮。


用户体验效益 - 使事故更难发生

用户在确认屏幕上的次数越多,他们按错按钮的可能性就越大。通过低估其他屏幕上的破坏性操作,他们不太可能意外地进入确认屏幕。这使他们远离危险。


在其他屏幕上将破坏性操作与正常操作分开也可以使用户远离危险。用户不会将其误认为是正常的号召性用语按钮并想按下它。


提供撤消按钮发布确认

即使有确认屏幕,事故仍然可能发生。有些用户可能会误读对话框或者按错了按钮。在确认屏幕之后,向用户提供撤消按钮,其中包含告知用户已执行操作的消息。

 

Image title


将撤消按钮和完成消息放在屏幕底部的通知横幅中。您可以根据破坏性操作的上下文使撤消按钮成为临时或持久。

临时撤消将使横幅在几秒钟后自动消失。持久撤消显示横幅,直到用户通过按“关闭”按钮解除横幅。请注意,持久性撤消的技术实现比临时撤消更复杂。


UX效益 - 允许用户从事故中恢复

撤消破坏性操作的选项允许用户从事故中恢复以防止数据丢失。数据丢失对企业和人们的生活造成严重后果。撤消按钮发布确认不仅可以保存用户的数据,还可以保存用户的生活。


提示用户键入以确认

如果撤消按钮不是可行选项,则可以提示用户在文本字段中键入破坏性操作以进行确认。提示他们输入确认使他们意识到破坏性行为。虽然偶然按错按钮很容易,但是不可能偶然输入动作,因为它需要很多步骤。

 

Image title


该技术对于经常使用的破坏性动作不是有效的。例如,删除帖子是社交媒体应用上的常见操作。要求用户每次键入以确认会使该过程变得麻烦。仅使用类型确认罕见的破坏性操作。


UX效益 - 确保用户确认意识

无意识地按下按钮比键入单词要容易得多。当用户输入时,他们必须考虑他们正在键入的内容并按右键。与按下按钮相比,存在更多的错误空间。这使用户意识到他们的确认,以防止意外按下按钮。


数据丢失灾难

当用户进入确认屏幕时,他们处于灾难的边缘。如果您没有采取措施防止这种情况发生,按错了按钮可能会破坏其数据。


---------------------------------

喜欢请点赞分享并关注哦~~

UI奥创空间

厦门UI设计师~

4粉丝/0关注

身经百战
11数据表设计指南UI备忘单:文本字段

扫描二维码
去手机端查看海报

UI奥创空间

TA已经获得3枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN