欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

抓住这4个核心,搞定UI中报错信息的用户体验设计

发布时间:2017:12:25 15:14:13 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1528个文字,预计阅读时间4分钟
导语
错误总是难免的。在UI界面当中,用户操作失误或者界面和应用本身出问题的时候,通过报错信息将当前状况传递给用户,这种反馈机制可以帮助用户调整并找到解决方案。报错信息、说

  错误总是难免的。在UI界面当中,用户操作失误或者界面和应用本身出问题的时候,通过报错信息将当前状况传递给用户,这种反馈机制可以帮助用户调整并找到解决方案。报错信息、说明、提醒和警告对于品牌,对于产品的用户体验,甚至声誉,都是至关重要的。

  在各种UI表单当中,错误信息的呈现形式常常存在一些潜在问题,有些产品甚至直接忽略了报错信息。报错信息的设计不当有很多不同的呈现形式,不过大多数都表现为在错误的时候提醒,或者包含有误导性的信息。

  根据 UXMas 的说法,报错信息其实是UI界面当中最需要人性化设计的部分。它应该谦逊,幽默,有助于用户,并且有足够的人性关怀。

  好在报错信息的设计是有一些可供遵循的规则和规律的,今天的文章,我们总结了报错信息设计的4个最佳实践,供你参考。

推荐阅读:B2B vs B2C 网站:5个完全不同的关键用户体验差异

  报错信息设计案例、原型和最佳实践

  在诸多的表单当中,用户最常见的表单之一注册和登录表单,,而用户在输入表单的时候,也确实容易手滑失误,这个时候,错误信息就会出来提醒,让用户明白哪个地方出了纰漏,需要调整。用户通过不同的报错信息提醒,绕过障碍,这也是让用户体验更加无缝顺滑的策略所在。

  糟糕的报错信息很大程度上是源自于用户体验设计流程上的规划失误。为什么这么说呢?在原型设计阶段,用户体验设计师就需要考虑到可能会出现的错误,以及相应的错误反馈,确保用户在报错信息的帮助下,最终能够完成这个阶段的任务,抵达他们的目标。

  1、报错信息呈现的位置和时机

  当错误出现之后,界面应该在第一时刻将错误信息呈现出来,而呈现的位置应该在界面上,用户立刻会注意到的关键位置,以免错过。

  

抓住这4个核心,搞定UI中报错信息的用户体验设计

 

  在上面两个错误信息呈现的案例当中,设计师使用了弹出框来呈现错误信息,告知用户需要填写详细信息才能付款。用户则需要关闭弹出框之后,再重新填写,这增加了额外的步骤。而用户关闭弹出框之后再填写的时候,也有一定的机率会忘记弹出框的具体要求和内容,导致无法正确填写。这种耗时又令人沮丧的用户体验,用户不会喜欢的。

  正确的形式是直接在界面中呈现报错信息,并且报错信息紧贴着对应的输入框,以醒目的色彩在输入框下方呈现,用户能收到即时的反馈,也能清晰的标注出所有的要求,便于用户更正。

  2、报错信息要具备可操作性

  不管设计得有多好,策略上有突出,如果不为用户指出一条明路,提供具备可操作性的说明,那么报错信息就不够好。

  用户不仅需要知道问题出在哪里,还想知道问题怎么解决。报错信息如果能够告知用户如何规避攩戗的问题,纠正错误,那么他们就能更好地执行。

  

抓住这4个核心,搞定UI中报错信息的用户体验设计

 

  这个案例当中,我们看到了目前最好的错误提示信息呈现形式。系统不仅通知用户电子邮件地址已经被使用这一问题,而且还提供了恢复用户名重新登录的选项,帮助用户解决问题。

  3、报错信息在视觉上要足够突出

  如果出错之后,用户无法迅速注意到报错信息,这不仅仅浪费了时间,而且耽误了事情。正如同 Jakbo Nielsen 所说:“最糟糕的报错信息是那些对用户而言根本看不到的报错信息。”不过,难点也就在这个地方,加粗字体和弹出框对于用户而言过于具有压迫感,那么你要如何确保信息能被用户注意到又不会显得太过呢?不难,使用正确的色彩来辅助显示。

  

抓住这4个核心,搞定UI中报错信息的用户体验设计

 

  色彩是用户识别信息的重要途径,它也是设计师向用户传递信息的可靠工具。处于对比的目的,在白色的背景下,使用红色的错误提示信息,会足够醒目,又不会太过喧宾夺主。

  值得注意的是,色彩不应该是报错信息呈现的唯一指标。考虑到网页和移动端应用本身的可用性和可访问性,设计师应该考虑到色盲用户的需求,提供色彩以外的视觉提示,确保他们也能看明白。

  随着现实增强、人工智能和语音交互的逐步成熟,应用和用户之间的交互可以做得更加自然,也具备了更多的设计空间。

  4、报错信息一定要具体而富有人性

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:Google对话式交互规范指南(三):设计原则与方法

下一篇:流程设计:业务流程梳理和操作流程定义

  • 18900 文章总数
  • 2375331访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信