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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何设计防止数据丢失的破坏性操作
0.0°
2019-05-15 自译外文 经验/观点 原作者: ux运动 举报 1319 1 2 0

来源: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效益 - 确保用户确认意识

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


数据丢失灾难

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


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

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

更新:2019-05-15

收藏

1人已收藏

UI奥创空间

厦门UI设计师~

  • 46

    作品

  • 5

    粉丝

  • 0

    关注

  • 0元学插画:鼠绘王者荣耀橘右京角色插画
  • 包豪斯:在合作中寻找创意灵感
  • 移动用户界面设计中的视觉分隔器
  • 每个UI / UX设计师都需要知道的心理学原理
相关标签

    猜你喜欢

      2019-05-15 自译外文 经验/观点 原作者: ux运动 举报 1319 1 2 0

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

      0.0°

      你确定要举报如何设计防止数据丢失的破坏性操作

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年05月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      1
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录