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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何打造一个完美的错误提示
0.0°
2018-07-17 自译外文 经验/观点 原作者: Vitaly Dulenko 举报 1839 10 6 0

Image title


没有系统可以不出错误的工作。错误的原因可能是由于用户可能是由于系统。在这两种情况下,以正确的方式处理错误非常重要,这对于良好的用户体验至关重要。


这里是好的错误提示应该包含的3个重要部分:

1.清晰的文本消息

2.正确的错误提示位置

3.良好的视觉设计



· 清晰的文本消息

1.错误提示应该清楚

错误提示应该清楚地说明问题是什么,为什么发生,以及如何处理。把你的错误提示想象成与用户的对话 (这就要保证错误提示应该像和人在交流)。确保你的错误提示是有礼貌的,可以理解的,友好的,不含行话的。

Image title




2.错误提示应该是有帮助的

写出一些错误是不够的,要向用户展示如何尽可能快地解决问题。例如,Microsoft描述了什么是错误的,并在错误消息中提供了解决方案,以便您可以立即解决此问题。

Image title




3.错误提示应该是特定的情况

很多时候,网站对所有验证状态只使用一个错误提示。例如“您的电子邮件地址行为空” “输入有效的电子邮件地址”。MailChimp以另一种方式进行处理,每个电子邮件验证状态都有3个错误消息。第一次提交表单时检查输入字段是否不为空,第二三次检查是否有“@”和“.”字符。(但是“请输入一个值”并不是错误提示一个很好的例子,因为用户不清楚需要输入什么样的值)。

Image title




4.错误提示应该是有礼貌的

不要责怪你的用户,即使他们做错了。对你的用户要有礼貌,让他们感觉舒适方便。这是一个很好的提升品牌的机会,并适当的添加与品牌相关的错误提示。

Image title




5.如果情景合适的话,使用幽默的话术

在你的错误提示中应当小心的使用幽默元素。首先,错误信息应该是内容简洁且有帮助的。但是,如果合适的话,在错误提示中添加一些幽默话术有助于提升用户体验。

Image title




· 错误提示的正确位置

好的错误提示是你可以在需要的时候看到。尽量将错误提示放在相关的UI元素附近。

Image title




· 错误提示的正确视觉设计

错误提示应该是清晰可见。使用高对比度的文本和背景颜色,以便用户可以轻松快速注意到并阅读提示。

通常来说,红色用于错误信息文本。在某些情况下,可以使用黄色或橙色作为错误信息颜色。因为红色对用户来说压力太大。在这两种情况下,请确保错误提示的信息是清晰的,与背景颜色明显对比。不要忘记在颜色旁边提供一个相关的图标,以改善色盲患者的可访问性。

Image title




· 结论

错误提示是改善用户体验,分享品牌和彰显个性的好机会。注意一个好的错误提示的所有方面:语言,位置和视觉设计,使它成为一个非常完美的错误提示。


原文地址:https://uxplanet.org/how-to-write-a-perfect-error-message-da1ca65a8f36

封面图片地址:https://dribbble.com/shots/3685353-Empty-State-illustration


Image title


更新:2018-07-17

收藏

10人已收藏

GianniChia

交流群公号:GianniChia

  • 38

    作品

  • 1915

    粉丝

  • 12

    关注

  • ICON网格制作极简手册
  • 网页网格设计极简手册
  • 动效灵感集 5.17
  • 如何画出完美手机模板

    猜你喜欢

      2018-07-17 自译外文 经验/观点 原作者: Vitaly Dulenko 举报 1839 10 6 0

      如何打造一个完美的错误提示

      0.0°

      你确定要举报如何打造一个完美的错误提示

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年07月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      10
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录