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

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

UI设计的最终目的是让产品更可用、更易用,针对异常状态的UI设计也是如此。发生异常时,为了避免用户不明所以,让用户更快地知道当前产品处于异常状态,和产生异常的原因,降低..

400-0731-162 立即咨询

快速申请预约

称       呼 :
手机号码 :
备       注:

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

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

    UI设计的最终目的是让产品更可用、更易用,针对异常状态的UI设计也是如此。发生异常时,为了避免用户不明所以,让用户更快地知道当前产品处于异常状态,和产生异常的原因,降低用户的焦虑感。在异常反馈的UI设计过程中,可以结合场景参考一些通用的用户体验UI设计原则。接下来,UI设计专业的小编就来给大家说一说,异常状态UI设计的四个参考原则。
异常状态UI设计的四个参考原则(上)
    (1)状态可见原则
 
    状态可见,指的是通过界面反馈UI设计让用户清晰地知道当前系统的状态,特别是让用户第一时间清楚地知道当前产品处于异常状态。
 
    正常来说,用户对异常是没有概念的,如果不明确地告诉用户系统处于异常状态,他们会以为是正常情况并持续等待结果,一直没有结果可能会焦虑、暴躁,持续重复多次后操作发现还是不知道发生了什么,就可能离开产品了。
 
    因此在前端界面将系统状态展示出来,不仅能让用户快速地了解自己处于何种状态、对过去发生、当前目标有所了解,还能让用户快速判断下一步该怎么做,避免浪费用户时间,而不是停留在原地等待,也能有效减少用户的负面情绪。
 
    例如这个案例,同样是因为网络缓慢导致的加载异常,在不具备状态可见的情况下,用户会持续等待进度条的加载,不知道加载了这么久还没加载出来的原因,不敢离开页面因为不知道还要等多久;
 
    但对于状态可见的情况下,用户明确知道页面加载失败了,虽然界面没有给到加载失败的原因,但用户已经知道现在处于异常状态,就不会浪费时间等待,会尝试刷新或者直接离开页面,也能有效避免用户负面情绪的积聚。
异常状态UI设计的四个参考原则(上)
    (2)可退出原则
 
    可退出,指的是在产品处于异常状态时,给到用户明确的出口可快速离开当前页面。
 
    对于诸如服务器异常等原因导致的异常状态,用户是无法通过个人的重复操作恢复到业务正常状态的,让用户在无法解决的异常页面重复尝试只会让用户积聚负面情绪,无法快速找到离开的出口甚至没有离开页面的出口,更是会让用户的情绪瞬间爆发。
 
    因此,对于用户自行无法解决的异常情况,与其让用户什么都无法操作,或者做无谓的尝试,还不如直接给到退出出口离开产品,这样对用户的情感伤害会更小一些。
 
    例如这两个例子,都是因为服务器异常导致的异常状态,致使产品无法使用,仅仅通过toast提示用户异常原因,告知了就结束了,让用户停留在原地等待,无法进行其他操作,也没有其他操作按钮;
 
    相比之下,明确以对话框的形式告知用户服务器异常,用户在了解情况后点击确认按钮,即退出产品,这样的形式信息展示明了,操作快捷,避免了用户不知道怎么离开当前异常的囧境,和负面情绪的积聚。
异常状态UI设计的四个参考原则(上)
    以上是异常状态UI设计的四个参考原则中的状态可见原则和可退出原则。还有两个指引性原则和容错原则会在下一篇文章里跟大家分享。


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

相关阅读

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

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

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

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

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

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

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

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

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

官方微信公众号

牛耳职业学院400-0731-162

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

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