如何制作一个完美的错误提示信息

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具

每个系统都会出现暂停工作的时候,它可能是用户的错误操作或系统故障导致的。在这两种情况下,设计一个完美的错误信息尤为重要,因为它能有效提高用户体验。如何制作一个完美的错误信息?它往往包含以下3个重要部分:

●清楚的文本信息。

●正确的放置。

●良好的视觉设计。

第一部分:清楚的文本信息

1.错误信息应该清楚明了

错误信息应该明确告诉用户问题是什么,为什么会发生,以及如何处理。首先你要将错误信息视为与用户的对话 - 它应该看起来更加人性化。其次要确保你的错误信息有礼貌,可理解,友好和易懂。

2. 错误信息应该是有帮助的

在错误信息中只是指出错误是不够的,还需提示用户如何快速简单地解决问题。

例如,微软在消息中描述错误的同时还提供了解决方案,以便用户可以立即解决此问题。

3. 在特定情况下显示相应错误信息

网站通常只会在验证状态中使用错误消息。如果你将电子邮件地址填写一栏留空,错误消息会提示你“输入有效的电子邮件地址”,当你漏掉了“@”字符时也会提示“输入有效的电子邮件地址”。MailChimp则由另外一种方式执行,它们对于电子邮件验证状态都有3个错误消息。 第一个在提交表单时检查输入字段是否为空。 另外两个检查是否有“@”和“。”字符。(但是“请输入一个值”并不是错误信息写入的一个好例子,用户并不清楚需要输入什么值)。给用户展示的不是笼统的信息。

4. 错误信息用语应该礼貌

即使用户在操作中失误,也不要想着去责怪他们。对待用户要有礼貌,让他们感到舒适方便。这是一个传播品牌声音的好机会,通过添加个性的错误信息提示,让用户对你们的品牌更加印象深刻。

5. 适当运用诙谐语言

在错误信息中使用幽默语言需谨慎,切记分清主次。首先,确保错误信息为用户提供信息和帮助。其次,在恰当的时候添加一些诙谐的语言可以有效提高用户体验。

第二部分:正确放置错误消息

一个成功的错误信息是往往在你需要的地方出现。避免错误信息对用户造成误导,将错误消息放在与他们相关的UI元素旁边。

第三部分:错误信息须有正确的视觉设计

成功的错误消息除了文本应清晰可见,正确的视觉设计也至关重要。视觉设计通过使用对比文本和背景颜色,以便用户可以轻松地注意并阅读消息。通常情况下,红色用于错误消息文本。但在某些情况下,也使用黄色或橙色,因为红色对用户来说压力太大。在这两种情况下,都要确保错误文本清晰可辨,与其背景颜色有明显的对比。不要忘记提供颜色旁边的相关图标,以提高色盲人群使用的无障碍水平。

结论

错误消息是改善用户体验,传播品牌声音和独特品牌个性的绝佳机会。一个成功的错误消息必须注意语言,位置和视觉设计这三方面,这样才能使你的错误消息变得更加完美!

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

原文作者: Vitaly Dulenko

学习工具,但不受限于某种工具。Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

大神分享美团外卖订单中心演进之路

? 作者:何轼 来源: http://tech.meituan.com/mt_waimai_order_evolution.html 前言 美团外卖从20...

4607
来自专栏大数据文摘

讲给普通人听的分布式数据存储

2469
来自专栏北京马哥教育

十分钟看懂时序数据库(I)-存储

2017年时序数据库忽然火了起来。开年2月Facebook开源了beringei时序数据库;到了4月基于PostgreSQL打造的时序数据库TimeScaleD...

50711
来自专栏腾讯云技术沙龙

简单5步,从0开始搭建你的第一款小程序

以小程序开发实战为基准点,围绕小程序云上解决方案,serverless后端架构,小游戏底层设计和直播、电商小程序的开发实战五大主题内容。

10.5K71
来自专栏FreeBuf

看我如何发现价值三千美金的Facebook视频缩略图信息泄露漏洞

本文我要分享的是我的一个$3000美金Facebook漏洞发现过程。在我决定对Facebook网站进行安全测试之后,我熟读了很多相关的漏洞发现writeup,发...

1410
来自专栏北京马哥教育

面向容器技术资源调度关键技术对比

摘要:本文以资源分配理念:拍卖、预算、抢占出发,引出Borg、Omega、Mesos、Kubernetes架构、数据、API的特点比较。然后梳理资源共享各种不同...

3887
来自专栏携程技术中心

干货 | 携程第四代架构探秘之运维基础架构升级(下)

作者简介 本文由携程技术中心框架研发部吴其敏、王兴朝,技术保障中心高峻、王潇俊、陈劼联合撰写。 作为国内最大的OTA公司,携程为数以亿计的海内外用户提供优质的旅...

4659
来自专栏软件测试经验与教训

客户端流畅度测试

36510
来自专栏技术翻译

如何构建可扩展的应用程序

所以你有一个很棒的主意。而且你有来自大学的朋友可以帮助你开始构建你的应用程序。您也可以从早期采用者那里获得很好的反馈。所以你做任何人都会做的事。启动你的应用!

1532
来自专栏软件

ERP管理软件系统设计方案

【微信运营】微信公众号开发、朋友圈广告、微信运营活动、微信小程序、微商城搭建; 【电脑端网站】网站建设、网站结构、网站功能、关键字策划、UI设计、网站SEO、升...

3955

扫码关注云+社区