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

名称:九分网络科技

联系:13106499520

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


扫一扫添加微信

交互干货!帮你消灭「空状态界面」的5个常用方法--九分科技

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

交互干货!帮你消灭「空状态界面」的5个常用方法 九分网络

内容采集来自9fen.net

@Yeah秋强 :在做设计的时候,常常会忽略的一个页面状态就是空状态,如何消灭这个影响用户体验的页面?今天这篇好文,总结了存在空状态界面的3个地方,以及消灭空状态的5个方法,都是实用干货,强烈建议阅读。 copyright 9fen.net

3个容易被人忽视界面设计:

www.9fen.net

引导页:《腾讯实战干货!怎么让引导页不再是无用小透明?》

copyright 9fen.net

弹框设计:《超全面!腾讯设计师做了100个弹框后总结的设计经验》

本文来自九分网络

空状态设计:《超多干货!什么样的空状态设计才能留住用户?》

九分网络

空状态,顾名思义就是空白的状态,比如说:一个新闻的列表中没有新闻,这个时候列表就是空的,用户打开之后看到的就是白惨惨的一片。空状态的用户体验非常差,就好比千辛万苦经历九九八十一难的唐僧师徒最后取到了一堆空白的佛经一样,用户在经历了查找,在万千的APP中选中了你,然后经过漫长的下载等待和安装,最后你竟然给我一个空页面。用户只会想:Are you kidding me(你在逗我玩吗)?所以随之而来的,用户当然头也不回就走了。

内容采集来自9fen.net

当然,以上只是举了一个例子,空状态有可能出现在APP首次启动时,但是却不仅仅局限于此,有很多地方都有可能出现空状态,一不小心就会放过这些空状态,影响APP的用户体验。APP的空白状态可能出现在如下的场景:用户未进行操作、用户操作结果和网络出错。

本文来自九分网络

1. 用户未进行操作

在我一开始举的例子中,用户第一次打开APP时有可能会空状态,特别是一些UGC应用。当然这种设计也很好理解,用户第一次启动,又是UGC应用,用户什么操作也没有,所以当然是空白的啦。只是,这种空白状态看似合理,但是在合情上面却值得商榷。而且,据我观察,空状态的出现不仅于此。有些APP在每次启动的时候都会采用一个空白刷新的逻辑,这时候也会出现一个空白的页面。所以,在设计应用启动时,需要关注一下有可能出现的空状态。

www.9fen.net

2. 用户操作结果

第二种空状态是一种用户操作的结果。这种状态常常出现在一个任务列表中的所有任务都处理完成的时候。比如垃圾邮件、广告邮件列表,有些用户会有清空这些邮件的习惯,清空了之后自然而然就会出现一个空状态。其次就是,当用户进行检索或者筛选的时候,没有符合的结果,这样子沉陷出来就是空状态。

九分网络

与第一种情况不同的时,由于用户操作形成的空状态是无可避免的。不可避免的意思就是说,我们只能告诉用户这是一个空状态,除此之外,我们没有其他的方式。而在启动是出现的空状态时,我们可以通过其他方式去掩盖“这里有一个空状态”的事实,具体我们下面再表。 本文来自九分网络

3. 出现错误

最后一种空状态出现在异常流的时候。比如说,当网络错误的时候,可能就会出现空白状态。当然,原理也很简单。本来是要从互联网中加载一些东西,现在加载不了了,所以当然就是空状态咯。当然,一般来说,出现错误的时候会有错误描述。只是,如果只有两行空洞的文体告诉你除了问题,貌似用户感受起来也不会太舒服吧。所以,如果只是两三行的文字,我个人觉得这跟空白其实区别也不大。

九分网络

对于空状态出现的情况,暂且讨论到这里,下面谈谈如何消灭这些空状态,提升用户体验。总结一下,主要有如下的几个措施:①使用系统推荐项;②使用操作指引;③使用缓存;④情感化表达;⑤提供新的任务。

九分网络

1. 使用系统推荐项

既然空状态如此影响用户体验,那么最直观的想法当然是往空白界面填充一些东西,这样就不是空状态了。对于一些信息浏览页面来说,这的确是一个非常简便易行的方法。既然没有东西,那么我们系统就推荐一些东西给用户,这样界面就不会空荡荡啦。所以说,这种方法非常适合在应用启动时(并且是初次启动时)使用,而且,这种方法其实现在已经非常流行了。

九分网络

比如说:在除此打开Anyview时,系统在展示“书架”这个页面,按理说,我没有进行任何操作,这个界面当然是空的啦。不过既然空状态如此不堪,那么Anyview就自动塞进去了一堆书。这样就完美地解决了问题。不过塞什么东西进去是有讲究的,通常是一些热门的东西。至于Anyview,他会先让我回答一些问题,在获取了一些基本数据之后,它才给我推荐了这些书籍,这样推荐的精准度也会高些。现在的阅读软件基本都沿用了这种方法。

本文来自九分网络

当然,在其他的浏览页面,比如说lofter、花瓣等图片社区,也会采用这种方式。所以,现在对于此类应用,空白界面越来越少见了。 www.9fen.net

标签: 经验分享 优设 优设网 ui设计 空状态

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


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

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