牛耳职业学院欢迎您!
您当前位置:主页 > 校园动态 > 行业新闻 >

异常状态UI设计的四个参考原则(下)

上篇文章中我们说到了异常状态UI设计的四个参考原则中的转台可见原则和可退出原则,下面我们接着来看指引性原则和容错原则。..

400-0731-162 立即咨询

快速申请预约

称       呼 :
手机号码 :
备       注:

异常状态UI设计的四个参考原则(下)

发布时间:2020-12-29 热度:

    上篇文章中我们说到了异常状态UI设计的四个参考原则中的转台可见原则和可退出原则,下面我们接着来看指引性原则和容错原则。
异常状态UI设计的四个参考原则(下)
    (3)指引性原则
 
    指引性原则,指的是针对一些操作可能会导致异常的情况,在用户操作前,UI设计指引信息防止这类问题发生,或在用户可能犯错时提供提示信息,避免异常的发生。
 
    产品UI设计过程中,有些正常操作可能会导致异常状态,如用户上传文件时选择的文件超出了系统限定的大小。
 
    对于这种情况,作为产品UI设计者,我们不应该眼睁睁地看着用户走到错误的那一步。
 
    因为这样会让用户不明所以,明明都是按照系统要求的步骤流程操作的,为什么操作结果有时候成功有时候失败,直到成功/失败多次后,用户才可能摸索出其中潜在的系统规则——文件大小不能超过xx,让用户在试错中摸索系统规则,对于以提高业务效率的B端产品而言,是尤其不可取的。
 
    所以,我们应该在UI设计过程中,注意到可能导致异常状态的操作,并结合业务情况,UI设计反馈引导,甚至是对用户的操作进行限制,以避免用户试错。
 
    例如,用户上传文件时,此处结合业务情况,对上传文件有两个要求:excel文件和5MB以内。从指引性原则出发,界面左下方告知用户系统规则,在用户选择文件的过程中,是无法选择非excel文件的,同时对于文件大小超过5MB的文件,也会以弹窗形式告知操作失败,这样能够有效地避免用户在正常业务流程进行无谓的试错,保证业务效率。
异常状态UI设计的四个参考原则(下)
    (4)容错原则
 
    容错原则,指的是当产品已经处于异常状态时,给到用户可以自行操作、纠正错误的操作功能,让用户能自主尝试恢复回正常的业务轨道上。
 
    在导致异常的因素中,有很多是短暂持续却经常发生的,例如因网络波动导致的加载异常,因为这类异常情况,是可以在短期内自动恢复的,重新操作后恢复正常状态的概率较高,所以我们应该让用户自己尝试解决,而不是建议离开,这样可以将异常状态对业务带来的影响降到最低。在UI设计用户的可操作功能时,也应该注意不要让用户进行过多的操作,重复异常发生之前的操作既可。
 
    例如下载失败的异常状态,此时我们可以明确地告诉用户上一次操作失败了,并给到一个重新下载的按钮,让用户不用重新选择需要下载的文件既可再次尝试下载操作,这样就可以让用户继续原有业务了。
异常状态UI设计的四个参考原则(下)
    以上是在实践过程总结的适用于异常状态UI设计的原则,希望这些原则可以在明知道会产生异常状态但不知道如何进行UI设计时帮助到你,给你思路。


免责声明:1、文章部分图片源于网络,均为示意图;2、所有文章、图片、音频视频文件等资料版权归版权所有人所有;3、因非原创文章及图片等内容无法一一和版权者联系,如原作者或编辑认为作品不宜上网供浏览,或不应无偿使用,请及时通知我们,以迅速采取适当措施,避免给双方造成不必要的经济损失;4、本页面内容如无意中侵犯了媒体或个人的知识产权,请来电告之,我们将于24小时内删除。
在线咨询
上一篇:异常状态UI设计的四个参考原则(上)
下一篇:设计师需不需具备绘画美术功底?

相关阅读

UI设计的需求来源和落地运转
UI设计的需求来源和落地运转

大家了解我们日常的UI设计需求有几种来源吗?知道需求是如何在UED团队中流转的吗?为什么今天我会单独去阐述需求的几种来源呢?首先,了解需求几乎是我们工作开始的第一...

UI设计怎么提升用户体验
UI设计怎么提升用户体验

UI设计是随着软件行业的发展兴起的一个新的设计行业。UI设计除了对美观有要求外,还对用户体验有要求,这也是UI设计不同于其他设计的地方。那么,UI设计怎么提升用户体验...

今年流行的一些UI设计风格
今年流行的一些UI设计风格

新一年的设计趋势:今年流行的UI设计风格都有哪些呢?一起来看看吧!...

改善页面的五个UI设计小技巧
改善页面的五个UI设计小技巧

今天分享5个只要稍加注意,你的页面就能得到很大改善的实用小技巧!话不多说,立马开始!...

牛耳教育职业学院微信公众号

官方微信公众号

牛耳职业学院400-0731-162

长沙市天心区韶山南路498号

牛耳职业学院开设有初中学历班、高中学历班课程,毕业即可拿到学历证书。开设有计算机、软件开发、视觉设计、UI、电商、新媒体等专业。