1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

用户体验设计中遇到错误状态,优秀设计师是这么做的!--九分网络

时间:2020-06-26   分类:交互设计    作者:网络   来源:网络整理   点击:149

用户体验设计中遇到错误状态,优秀设计师是这么做的!

九分网络

copyright 9fen.net

编者按:当用户遇到404、输入错误或加载失败等错误场景时,优秀的设计师会懂得如何舒缓他们的焦虑,并引导他们解决问题。今天@可乐橙_ColaChan 这篇文章,把优秀设计师的经验都总结出来,全文干货,建议收藏。 内容采集来自9fen.net

“错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误,有时是系统错误。无论错误原因是什么,它们——还有解决方式——对用户体验影响深远。但它往往不被重视,草草处理错误、组织混乱的错误信息会使用户沮丧,最终抛弃你的应用。相反,处理得当的错误提示,能把失败变为惊喜。 copyright 9fen.net

本文中,我们会讨论如何优化App的设计,来尽力防止用户错误,并建立良好的错误信息。 www.9fen.net

错误是什么?

错误(或者说错误状态)发生在app未能完成某个预期操作时,例如:

本文来自九分网络

app不理解用户的输入

copyright 9fen.net

app出错了 www.9fen.net

用户试图同时进行两个矛盾的操作 本文来自九分网络

无论是谁引起的,每一种错误对于用户而言,都会成为一种阻碍。好在,设计良好的错误处理能减少这种阻碍。

copyright 9fen.net

预防用户错误

设计过app的同学,应该很熟悉各种限制条件。例如网络状况差的情况下,很难填写表单,而且几乎没法同步数据。要考虑到这些限制,设计更易使用的app,将错误减到最少。换句话说,应该提供建议、加上限制、保持灵活,第一时间预防用户犯错。 九分网络

用户体验设计中遇到错误状态,优秀设计师是这么做的! 内容采集来自9fen.net

www.9fen.net

Twitter因推文的字数限制而出名,他们会在用户达到字数上限之前提出警示。) copyright 9fen.net

让错误信息统一有效

10条可用性启迪(经典的尼尔森十大可用性原则)中建议,要清晰优雅地表达出错误信息。有效的错误提示应该提供如下信息: copyright 9fen.net

明确表达发生了什么 九分网络

描述用户应该如何应对 copyright 9fen.net

尽可能多地保留用户输入的信息 copyright 9fen.net

用户输入错误

用户输入信息验证的意义在于与用户交流,并引导他们克服困难,应对不确定。 copyright 9fen.net

输入验证的首要原则是:“出现错误时告知他们!”简单说,优秀的表单验证由3个重要元素组成:

内容采集来自9fen.net

在适当时机和位置告知错误

九分网络

为错误信息选择合适的颜色 copyright 9fen.net

用简明的语言描述错误

copyright 9fen.net

所有这些都有一个主要目标——避免困惑。

本文来自九分网络

适当的时机和位置(行内验证) copyright 9fen.net

用户并不喜欢填完一个长表单并提交之后,才发现哪里填错了。告知输入信息正确与否的恰当时机,正是在输入之后。实时验证就该出场了。

copyright 9fen.net

实时行内验证会立刻对用户输入作出提醒。如果使用行内表单验证,就会清晰标明有错误的输入项,发生错误时,提交按钮也会置灰。用户不必等到点击提交按钮才看到错误,他们能更早改正错误。

内容采集来自9fen.net

用户体验设计中遇到错误状态,优秀设计师是这么做的! www.9fen.net

内容采集来自9fen.net

下面是几个行内表单验证的案例: copyright 9fen.net

不匹配的内容:

内容采集来自9fen.net

用户体验设计中遇到错误状态,优秀设计师是这么做的! 九分网络

内容采集来自9fen.net

△ 提交之前检测出的错误。

九分网络

超过或不满规定字数:

copyright 9fen.net

用户体验设计中遇到错误状态,优秀设计师是这么做的!

九分网络

copyright 9fen.net

△ 带有字数统计的输入框与错误提示。 copyright 9fen.net

合适的颜色(直观的设计)

本文来自九分网络

颜色是设计验证信息的最佳手段。因为它能引发本能作用,红色的错误信息和黄色的警告信息非常有效。错误文字应当易于阅读,与背景有足够的反差,让人能注意到。但要确保界面中的颜色适用于所有用户,这是优秀视觉设计的重要因素。

www.9fen.net

用户体验设计中遇到错误状态,优秀设计师是这么做的! 内容采集来自9fen.net

www.9fen.net

△ 让人注意到提示信息。

内容采集来自9fen.net

简明的信息(发生了什么)

本文来自九分网络

标签: 经验分享 优设 ui设计 优设网 错误反馈设计 错误状态

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----