企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

在移动UX设计的实践:创建错误消息!

发布时间:2017-02-12 11:47:37

TAGS:体验设计

blob.pngN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

“错误”的发生。它们发生在我们的应用程序和他们发生在我们的生活中。有时他们会因为我们犯了错误。有时,因为一个系统失败。不管是什么原因,这些错误,他们是如何处理能有个用户体验你的应用产生巨大的影响。经常被忽视的,一个懒惰的错误处理和拙劣的错误信息可以填写用户的挫折感,并使他们停止使用你的应用程序。一个精心设计的错误处理,另一方面,可以把一时的失败为片刻的愉悦。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在这篇文章中,我们将探讨如何应用程序的设计能够防止过度的用户错误和如何创建良好的错误消息。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个错误是什么?N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 错误(或错误)发生时,应用程序无法完成预期操作,如:N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 应用程序不了解用户输入N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 中的应用失败N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 用户打算同时运行不兼容的操作N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

每一个错误,不管是谁的责任,成为一个点摩擦为你的用户。幸运的是,一个设计良好的错误处理可以帮助减少摩擦。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 防止用户错误N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果你设计的应用程序,你应该熟悉约束。例如,很难填写某种形式或可能的是如果一个设备具有较差的网络连接正确同步的数据。你应该将这些考虑为一个应用程序,便于用户使用它的设计大限度地减少错误。换句话说,好在第一时间阻止用户通过提供建议,使错误利用的限制,要灵活。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

twitter error message best practiceN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

推特有著名的鸣叫严谨性格限制和警告用户才超过极限与剩余字符数。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 让错误消息的信息一致N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

其中的一个10可用性启发式建议是很重要的沟通错误对用户优雅地。一个有效的错误消息提供以下信息:N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 交流发生了什么N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 描述用户如何解决它N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 保持尽可能多的用户输入N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 用户输入错误N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

用户输入验证是指有与用户交谈,引导他们通过错误和不确定性的困难时期。这个过程的输出是情感而不是技术。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

输入验证的基本原理是这样的:“跟用户!告诉他们什么是错的时候!“一般来说,有好的表单验证由三个重要因素:N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 正确的时间和地点通知有关的错误N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 正确的颜色该消息N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 清晰的语言你的消息N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 所有这些时刻都有一个主要的目标—避免混乱N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 正确的时间和地点(内联验证)N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

用户不喜欢当他们经过填表才发现在提交的过程中,他们犯了一个错误。通报了在用户提交的信息数据是正确的成功/失败的时候。这个时候,实时验证进场。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

实时在线验证立即通知有关用户提供的数据的正确性。如果你执行嵌入的表单验证,并与错误的领域是清晰可见的,提交按钮可能会被禁用,直到错误被纠正。它允许用户对他们做出更快而不必等到他们按提交按钮查看错误的错误。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Google Error MessagesN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

下面是一个内联验证的几个例子:N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 不相容的价值观N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

incompatible values error messagesN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在表单提交时检测到的错误的一个例子。图片来源:材料设计N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 上/下的字符或单词计数N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

input field error messagesN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个例子一个输入字段和字符计数器和错误文本。图片来源:材料设计N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

正确的颜色(直观的设计)N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

颜色是用在设计验证的工具之一。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

因为它在本能水平的作品,加上红色的错误信息,黄色警告信息是令人难以置信的强大。错误的文字应清晰、明显的对比,对其背景颜色。但是确保你的数字接口的颜色,你的用户是可访问的,这是一个很好的执行视觉设计非常重要的一个方面。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

color error messageN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

让人通知消息。图片来源:材料设计N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

明确的信息(发生了什么)N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

确保你的错误消息听起来像他们已经被人类。为了实现这个你应该为你的用户说同样的语言,避免使用专业术语,在用户的词汇表达的一切。你应该清楚地说明验证消息:N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

什么地方出了错,可能是为什么。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

下一步,用户应该改正这个错误是什么。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

mobile error messagesN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个典型的错误可能说“数据无效”没有告诉用户为什么是无效的(这是一个错误?这是占领?)确保信息是明确的。图片来源:材料设计N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

应用程序错误N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

应用程序错误发生的独立的用户输入。这是一个实例的情况下,用户得到的东西比他们所期望的状态。当显示错误,解释为什么用户不能看到什么,以及如何解决这。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 同步错误/故障负载N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当同步或连接或内容加载失败,用户应该知道。坦率地告诉他们。因为你没有数据,你可以使用空白状态来填补这一空白。可悲的事实是大多数空态常看…空。在下面的例子中,错误的屏幕只有国家“出现错误”,没有提供任何有用的信息。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

spotify error messageN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

死空的状态。图片来源:SpotifyN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

想想你的错误信息与用户对话。用友好和乐于助人的一时失败空状态。通过提供所需的基本信息,协助用户,并鼓励用户解决问题。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

mobile error messageN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

感觉失去了联系,就像你在一个荒岛上?遵循这一建议,保持冷静,生火,保持清爽。图片来源:azendooN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果合适的话,现在的链接(或按钮)来帮助用户完成他们的任务。但你应该只提供你可以支持选项。例如,不提供一个选项,如“再试一次”的情况下,你可以发现操作将失败。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 不显示原始错误消息N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

消息像下面的例子是神秘的,可怕的。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

mobile error messages developerN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

此错误消息是由一个开发商开发人员写的。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

不要以为别人知道消息的上下文或他们的技术悟性,告诉人们简单的说什么错。你将如何向他们解释错误,人说话吗?写下来。那是你的错误消息。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 不相容的状态错误N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

不相容的状态时出现错误,用户试图运行操作的冲突,如打电话而在飞行模式或试图在离线播放在线视频。你应该帮助防止用户把自己陷入这些情况明确的沟通他们选择状态。只是,不要让人们开始他们无法完成。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

mobile error messagesN0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

好的错误消息是一个永远不会出现。它始终是好的避免发生错误的首先是提前正确的方向引导用户。但当错误出现时,一个设计良好的错误处理,不仅有助于教用户如何使用应用程序你预期的,但他们也防止用户感觉无知。N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联


N0M北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7092,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!