bts防弹少年团演唱会

bts防弹少年团演唱会

错误消息:常见错误,最佳实践和大量示例

《错误消息:常见错误,最佳实践和大量示例》

您的用户将犯错误。 这是不可避免的。 这就是错误消息的用途 – 但是很多公司都没有遵循最佳实践,而且他们在这个过程中惹恼了潜在客户。

那么,我们如何更好地设计错误消息以%E5%A2%9E%E5%8A%A0%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%EF%BC%8C%E4%BB%8E%E8%80%8C%E5%A2%9E%E5%8A%A0%E8%BD%AC%E6%8D%A2“>

错误消息错误及其如何影响UX

错误消息可能会令人沮丧。 你有多少次填写表单来创建一个帐户,只收到这样的消息:

《错误消息:常见错误,最佳实践和大量示例》

这种事情会让你想要放弃你正在做的事情并打破一些东西,对吧?

另一个可怕的经历是,当一条错误信息含糊不清时,探究你要问,“好吧,为什么那是错的?!” Craig” sullivan>有一个关于亚马逊的%E5%A5%BD%E4%BE%8B%E5%AD%90“>

%E9%94%99%E8%AF%AF%E6%B6%88%E6%81%AF%E8%A7%A6%E5%8F%91%E7%9A%AE%E8%B4%A8%E9%86%87“>

有时,损害不仅仅是因为失去的转换,而且还会使某人成为%E6%82%A8%E5%93%81%E7%89%8C%E7%9A%84%E6%B4%BB%E8%B7%83

虽然与%E4%BB%B7%E5%80%BC%E4%B8%BB%E5%BC%A0%E4%BC%98%E5%8C%96%E6%88%96

  • 《错误消息:常见错误,最佳实践和大量示例》
  • 免费的用户体验和可用性课程

    由卡尔吉利斯

    避免错误消息的常见错误。 观看UX和可用性免费课程。

  • 此字段用于验证目的,应保持不变。

错误消息设计中的案例研究

曾经预订过Spirit Airlines的航班吗? 这不是最好的客户体验(轻描淡写)。 我心里感到温暖,注意到他们的错误信息也不足。

因此,我开始搞乱所有事情(我不是一个精明的数字公民):

《错误消息:常见错误,最佳实践和大量示例》

哦 – 哦,我没有告诉他们我是先生……。好吧,我解决了这个问题,但后来我被告知我还​​有其他错误!

《错误消息:常见错误,最佳实践和大量示例》

电邮无效? 好决定。 忘了.com。 可以很容易地解决这个问题:

《错误消息:常见错误,最佳实践和大量示例》

但这是什么? 我的匹配电子邮件中似乎也有拼写错误! 我希望他们在我修复我的第一封电子邮件时通知我:(

《错误消息:常见错误,最佳实践和大量示例》

好。 显然,有人已经注册了我的电子邮件。 我想这没关系,但我希望他们给我一个’密码恢复’选项,以防我的电子邮件。 哦,也许他们可以留下我试图进入这里的字段的密码。 该死。

并非所有形式都那么糟糕,但许多形式都有同样的常见错误。 避免它们,你将领先于你的竞争对手。 以下是一些常见错误:

错误#1:歧义

您的错误消息应该清楚地定义问题所在。 有过如下消息吗?

为什么? 我到底该怎么办?

有点让我生气这个错误信息,因为它没有告诉我什么是错的。 用户名? 密码? 都? 谁知道。 “不,”听起来有点居高临下/没有帮助。 最后,最佳做法是告诉我如何解决它,但我没有……

《错误消息:常见错误,最佳实践和大量示例》

这是一个常见的问题。 不过,我很喜欢它,当一个表格清楚地将你的错误与有效提交的内容区分开来时。 Meetup.com向您显示问题的确切位置以及如何处理:

《错误消息:常见错误,最佳实践和大量示例》

最重要的是, %E4%B8%8D%E8%A6%81%E8%AE%A9%E7%94%A8%E6%88%B7%E6%80%9D%E8%80%83“>

错误#2:居高临下的语言/责怪用户

你绝对不想做的一件事是吓唬用户认为问题比现在更糟糕。 你也不想让他们感到愚蠢,就像他们的错。

%E6%AD%A3%E5%A6%82Usabilla%E6%89%80%E8%AF%B4“>

UXMovement%E8%AD%A6%E5%91%8A%E4%B8%8D%E8%A6%81%E4%BD%BF%E7%94%A8%E5%90%A6%E5%AE%9A%E8%AF%8D%EF%BC%8C%E8%AF%B4%E2%80%9C%E5%90%A6%E5%AE%9A%E8%AF%8D%E4%BC%9A%E8%AE%A9%E7%94%A8%E6%88%B7%E8%A7%89%E5%BE%97%E4%BB%96%E4%BB%AC%E7%8A%AF%E4%BA%86%E4%B8%80%E4%B8%AA%E5%B7%A8%E5%A4%A7%E7%9A%84%E9%94%99%E8%AF%AF%EF%BC%8C%E5%AF%BC%E8%87%B4%E4%BB%96%E4%BB%AC%E8%AE%A4%E4%B8%BA%E6%83%85%E5%86%B5%E6%AF%94%E7%8E%B0%E5%9C%A8%E6%9B%B4%E7%B3%9F%E3%80%82%E2%80%9D%E4%BB%96%E4%BB%AC%E8%BF%98%E6%8F%90%E4%BE%9B%E4%BA%86%E5%87%A0%E5%8F%A5%E8%AF%9D%E6%9D%A5%E9%81%BF%E5%85%8D%EF%BC%9A”>

错误#3:错误的放置错误消息

UXMovement%E5%9C%A8%E4%BB%96%E4%BB%AC%E5%85%B3%E4%BA%8E%E4%BD%BF%E9%94%99%E8%AF%AF%E6%B6%88%E6%81%AF%E6%9B%B4%E4%BB%A4%E4%BA%BA%E6%94%BE%E5%BF%83%E7%9A%84%E6%96%87%E7%AB%A0%E4%B8%AD

“错误摘要放大了错误的严重性,当它们被分组在一个长项目符号列表中时。 当大多数用户同时看到许多错误时,他们可能会放弃并忘记修复它们。“

点击“提交”后,比看到类似内容更令人生畏的是什么?

我喜欢%E5%86%85%E8%81%94%E9%AA%8C%E8%AF%81%E6%9D%A5%E8%A7%A3%E5%86%B3%E8%BF%99%E4%B8%AA%E9%97%AE%E9%A2%98%EF%BC%8C%E5%9B%A0%E4%B8%BA%E6%82%A8%E5%8F%AF%E4%BB%A5%E8%8E%B7%E5%BE%97%E5%8D%B3%E6%97%B6%E5%8F%8D%E9%A6%88%EF%BC%8C%E8%BF%99

但即使您不打算使用内联验证,至少要明确错误发生的位置。 错误消息的定位不经常被考虑,但它很重要。 以下是Usabilla%E7%9A%84%E8%AF%B4%E6%B3%95“>

“最后,错误信息的定位是关键。 这一切都归结为良好的用户体验设计实践。 逻辑定位不仅可以为您提供进一步的详细信息,还可以让用户快速查看出错的地方 – 再说一遍 – 恢复!“

以下示例比将它全部置于顶部更好,但它仍然非常糟糕,因为您无法分辨实际错误的位置(例如,“名称不能为空”在名字和姓氏之间,使其不明确):

用户需要知道错误发生的位置。 正如Formisimo%E7%9A%84” bolton> %E6%89%80“>

《错误消息:常见错误,最佳实践和大量示例》

Google%E6%9C%89%E4%B8%80%E4%BA%9B%E5%85%B3%E4%BA%8E%E6%AD%A4%E7%9A%84%E8%AE%BE%E8%AE%A1%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5%E6%96%87%E6%A1%A3%E3%80%82“>

错误#4:期望不明确

这个错误非常普遍,正确​​的做法非常重要。 即使你有一个好的和道歉的消息,把它放在正确的位置,并明确出错的地方,如果用户根本不清楚他们接下来应该做什么,你仍会感到愤怒。

许多错误消息不会为您提供可靠的下一步。 就像上面Spirit Airlines的例子一样,他们可以给我一些选项,比如“账户恢复”或“哦,你有账户?” 登录这里。“相反,他们只是说我的电子邮件已经注册了。

《错误消息:常见错误,最佳实践和大量示例》

更好的选择来自%E5%AF%8C%E5%9B%BD%E9%93%B6%E8%A1%8C“>

《错误消息:常见错误,最佳实践和大量示例》

优秀的错误消息有机会教育用户如何解决它。 看看MailChimp%E5%9C%A8%E5%BB%BA%E8%AE%AE%E8%A7%A3%E5%86%B3%E9%97%AE%E9%A2%98%E6%96%B9%E9%9D%A2%E6%9C%89%E5%A4%9A

更好的是,如果你对某些数据的格式不灵活,比如电话号码和邮政编码(你应该这样),那么让用户知道预期会发生什么是很好的。 要做到这一点,你可以写一些微复制。

使用Microcopy首先防止错误

Microcopy被%E5%AE%9A%E4%B9%89%E4%B8%BA“>

例如,Joshua Porter注意到他在“输入账单信息”页面上收到了大量的表格错误。 因此,他%E6%B7%BB%E5%8A%A0%E4%BA%86%E4%B8%80%E5%B0%8F%E9%83%A8%E5%88%86%E5%89%AF%E6%9C%AC%EF%BC%8C%E6%8F%90%E9%86%92%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5%E4%B8%8E%E5%85%B6%E4%BF%A1%E7%94%A8%E5%8D%A1%E5%85%B3%E8%81%94%E7%9A%84%E5%B8%90%E5%8D%95%E9%82%AE%E5%AF%84%E5%9C%B0%E5%9D%80%EF%BC%8C%E5%B9%B6%E6%B3%A8%E6%84%8F%E5%88%B0%E9%94%99%E8%AF%AF%E6%B6%88%E5%A4%B1%E4%BA%86%EF%BC%8C%E2%80%9C%E4%BB%8E%E8%80%8C%E8%8A%82%E7%9C%81%E4%BA%86%E6%94%AF%E6%8C%81%E6%97%B6%E9%97%B4%E5%B9%B6%E5%A2%9E%E5%8A%A0%E4%BA%86%E8%BD%AC%E6%8D%A2%E5%90%8E%E7%9A%84%E6%94%B6%E5%85%A5%E2%80%9D”>

《错误消息:常见错误,最佳实践和大量示例》

这是microopy可能有帮助的另一个例子:

《错误消息:常见错误,最佳实践和大量示例》

Peep%E8%AF%95%E5%9B%BE%E5%A1%AB%E5%86%99%E5%9C%BA%E5%9C%B0%E7%BD%91%E7%AB%99%E4%B8%8A%E7%9A%84%E8%A1%A8%E6%A0%BC%EF%BC%8C%E4%BB%A5%E8%8E%B7%E5%BE%97%E6%B4%BB%E5%8A%A8%E6%8A%A5%E4%BB%B7%E3%80%82″>

然而,他在这个页面上留下了一条红色的大信息,上面写着“你提交的内容存在问题” – 消息当然是模糊不清的。

错误在于他进入了一系列客人(理性选择,因为很难说出确切数量的客人参加活动),但他们想要一个确切的数字。 当然,他们在点击“提交”之前没有提到这一点。 用于估计确切数字的微缩图解释会有所帮助。

(尽管如此,通过这个例子,我认为他们的形式存在的问题多于简单的缺乏微观问题)。

错误消息最佳实践

良好的错误消息和错误消息在用户行为方面具有不同的结果。 %E9%98%85%E8%AF%BBUX” pro jennifer aldrich> :

《错误消息:常见错误,最佳实践和大量示例》

珍妮弗·奥尔德里奇:

“有一天,我有两个用户在实验室中彼此相邻,其中一个在第三方计划中工作,另一个在我们的产品中工作。 他们碰巧同时出错了。 第三方产品展示了一个巨大的红色X,所有的帽子都有ERROR字样,下面还有一堆疯狂的剧本。 用户喘息着,关闭了浏览器并在椅子上回击,就像屏幕试图咬他一样。

在我们的产品中收到错误的用户阅读的消息类似于“我们最终发生了一些奇怪的事情,抱歉。 请刷新屏幕并再次尝试。“错误代码以消息下方的小文本列出,以及人们可以根据需要查看错误详细信息的扩展选项。

她对我笑着说:“噢,小伙子,你现在遇到了麻烦!”并刷新了她的画面并继续编辑。

虽然我无法准确地告诉您文本,位置,颜色,时间等在您的网站上的作用,但我可以告诉您一些设计主题和最佳做法。 然后,您可以深入了解一些可用性研究,形成分析和测试,以找出最适合您自己网站的内容。

多年来一直存在的错误消息最佳实践

NN” g>在2001年%E6%8F%90%E4%BE%9B%E4%BA%86%E4%BB%A5%E4%B8%8B%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5%EF%BC%8C%E5%AE%83%E4%BB%AC%E4%BB%8D%E7%84%B6%E5%9D%9A%E6%8C%81%EF%BC%9A”>

  • 在消息本身以及它如何指示用户必须修复的对话元素方面,可见且非常引人注目。
  • 保留尽可能多的用户工作。 让用户通过编辑原始操作来纠正错误,而不必再重复所有操作。 例如,在显示搜索结果时,会显示一个包含用户原始查询字词的搜索框,以方便修订。 如果未找到匹配,只需单击一下,即可让用户搜索更广泛的范围。
  • 减少纠正错误的工作。 如果可能,猜测正确的操作,并让用户从一小部分修复程序中选择它。 例如,让用户点击与他们输入的邮政编码相匹配的城市按钮,而不是仅仅说“城市和邮政编码不匹配”。

4 H的错误消息

UXMas%E6%9C%89%E4%B8%80%E4%B8%AA%E6%9C%89%E7%94%A8%E7%9A%84%E6%A1%86%E6%9E%B6%EF%BC%8C%E7%94%A8%E4%BA%8E%E4%BB%96%E4%BB%AC%E7%A7%B0%E4%B8%BA4″ h>

  1. 人的
  2. 有帮助
  3. 幽默
  4. 谦卑

人的

UXMas说,最重要的规则是“确保你的错误消息听起来像是为人类编写的。”他们将这个例子作为一个糟糕的错误消息的例子:

听起来像机器人写的。

此外,避免使用行话和任何技术/书呆子说话(除非那是你的观众,我猜)。 这是什么意思:

有帮助

根据UXMas,有三个因素可以使错误消息有用:

  • 它可见吗?
  • 它能清楚地解释出了什么问题吗?
  • 它有助于用户恢复吗?

我们上面谈过这个。 以直观的方式定位错误消息,使其变红并清晰可见。 清楚地解释问题。 提供有用的解决方案。

幽默

UXMas说“保持你的语气轻松有助于让用户保持在一边 – 特别是如果这符合你的品牌基调。”但是,我认为%E5%B9%BD%E9%BB%98%E4%B8%8E%E4%BD%A0%E7%9A%84%E8%A7%82%E4%BC%97%E6%9C%89%E5%85%B3%E3%80%82″>

雅虎! 在形式验证中有一个惊人的幽默例子:

谦卑

这个很容易:不要责怪用户。 我们已经在上面讨论了这个问题。 承担过错。 道歉并提供解决方案。

内联验证怎么样?

内联验证是一种实时查找,警报和纠正错误的好方法。 而不是等到按“提交”来了解您的错误,而是立刻告诉您出了什么问题。

以下是内联验证的示例:

关于内联验证的研究是可靠的。 Luke” wroblewski>针对控件(提交后验证) %E6%B5%8B%E8%AF%95%E4%BA%86%E5%86%85%E8%81%94%E9%AA%8C%E8%AF%81“>

  • 成功率提高22%,
  • 错误减少22%,
  • 满意度增加31%,
  • 完成时间减少42%,和
  • 眼睛固定次数减少47%。
  • 通过表单制作它的人数增加了22%非常值得付出努力 – 因此为填写表单的任何人创造更令人满意的体验。

不错。 查看表单的内联验证。 在线验证的一个很好的例子是booking.com:

《错误消息:常见错误,最佳实践和大量示例》

如何跟踪错误

实施最佳实践很不错,但要弄清楚人们在特定表单上的落差情况更为出色。 我们怎么做? 好吧,我们必须设置一些方法来衡量表单分析,错误消息,放弃和完成。

如果你使用像Formisimo%E8%BF%99%E6%A0%B7%E7%9A%84%E5%B7%A5%E5%85%B7%EF%BC%8C%E5%AE%83%E7%9B%B8%E5%AF%B9%E7%AE%80%E5%8D%95%EF%BC%8C%E5%8F%AA%E9%9C%80%E6%9F%A5%E7%9C%8B

您可以查看%E6%AF%8F%E4%B8%AA%E8%A1%A8%E5%8D%95%E5%90%AF%E5%8A%A8%E5%99%A8%E7%9A%84

如何跟踪Google Analytics上的错误

来自CXFocus%E7%9A%84” leighton-boyce> %E4%B8%8D%E4%B9%85%E5%89%8D%E8%B0%88%E5%88%B0%E4%BA%86%E4%BB%96%E6%9C%80%E5%96%9C%E6%AC%A2%E7%9A%84%E4%B8%80%E7%AF%87%E5%85%B3%E4%BA%8ECXL%E5%8D%9A%E5%AE%A2%E6%96%87%E7%AB%A0%E7%9A%84GA%E6%8A%A5%E9%81%93%EF%BC%9A”>

《错误消息:常见错误,最佳实践和大量示例》

Tim Leighton-Boyce:

“在寻找机会时,我最喜欢的报告之一是大多数人忽略的标准报告: 转化>目标>逆向目标路径

我用它来报告错误。

这需要能够为错误配置目标,这在站点上并不总是可行的。 但如果你可以设置这样一个目标,那么反向目标路径将变得非常强大。

与结帐渠道不同,反向目标路径在您无法预测导致目标的步骤的情况下非常有效。 事实上,导致这个用例目标的步骤正是我们想要找到的。

《错误消息:常见错误,最佳实践和大量示例》

您还可以设置脚本来跟踪页面上的JavaScript错误,您可以将错误发送到Google Analytics中的自定义事件。 Search” engine watch>如何设置自定义事件以跟踪表单错误:

“在表单上使用一系列自定义事件,每个事件代表该表单上的字段。 您的类别应该定义哪个表单标记错误; 你的行动应该定义每个表格领域; 并且您的标签可以是动态的,同时引入触发错误的验证规则的描述和破坏规则的输入值,由管道(即“|”)分隔。 这可能需要开发人员的帮助。

设置完成后,您可以深入查看自定义报告,该报告可对表单上最严重的错误进行量化和分层。 此时,您可以通过检查用户输入的值来评估错误的根本原因。 最后,您应该放宽验证逻辑或包含更好的帮助文本,以最大限度地减少妨碍您最重要的转换活动的错误数量。“

结论

设计错误消息就是为了限制用户对表单的挫败感。 如果他们的压力过大 – 皮质醇积聚太多 – 你冒着放弃去看Netflix或其他什么的风险。 除了处理糟糕,复杂,居高临下的提交表单之外,还有许多更好的事情要做。

所以,是的,自己做可用性研究,但从这些错误消息的最佳实践开始:

  • 不要责怪用户。
  • 像人一样写,而不是机器人。
  • 确保错误清晰,并将消息放置在直观的位置。
  • 确保用户知道如何修复所述错误。
  • 不要在页面顶部列出所有错误。 内联验证是一个很好的解决方案。

错误信息让你感到沮丧吗? 让我知道评论部分中最糟糕形式的一些例子。

%E7%89%B9%E5%BE%81%E5%9B%BE%E5%83%8F%E6%BA%90“>

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注