资讯中心
News
交互干货!消灭网站「空状态界面」的日常应用方法
发布时间:2022-09-27 00:00   您所在的位置: 网站首页 > 新闻资讯 > 经验杂谈

在做设计的时候,经常会忽略的一个页面状态便是空状态,如何消灭这样的决定顾客体验的页面?今天这篇好文,总结了存在空状态界面的3个地方,以及消灭空状态的5个方法,全是实用干货,强烈建议阅读。

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

当然,以上只是举了一个例子,空状态有可能出现在APP*次启动时,不过却不仅仅局限于此,有好多地方都有可能出现空状态,一不小心就会放过这些空状态,决定APP的顾客体验。APP的空白状态可能出现在如下的场景:顾客未开展操作、顾客操作结果和网络出错。

1. 顾客未开展操作

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

2. 顾客操作结果

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

与先进种情况不同的时,由于顾客操作形成的空状态是无可防止的。不可防止的意思便是说,咋们只能告知顾客这是一个空状态,除此之外,咋们没有其他的方法。而在启动是出现的空状态时,咋们可以通过其他方法去掩盖“这里有一个空状态”的事实,具体咋们下边再表。

3. 出现错误

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

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

1. 使用系统推荐项

既然空状态如此决定顾客体验,那么较直观的想法当然是往空白界面填充一部分东西,这样子就不是空状态了。相对一部分信息浏览页面来说,这的确是一个特别简便易行的方法。既然没有东西,那么咋们系统就推荐一部分东西给顾客,这样子界面就不可能空荡荡啦。故此说,这种方法特别适合在应用启动时(并且是首次启动时)使用,而且,这种方法其实现在已经特别流行了。

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

当然,在其他的浏览页面,比如说lofter、花瓣等图片社区,也会采用这种方法。故此,现在相对此类应用,空白界面越来越少见了。

2. 使用操作指引

在有一些场景下,的确是可以通过系统推荐项来到达无中生有的目的。比如说:在我的关注人的状态中,可以插入系统推荐的状态来以假乱真。不过,这种方法确实不是全能的。举个例子,假设有一款图片分享类的应用,然后有个页面是“我的图片”,假如在我从来没有发布过图片的时候,这样的页面理所应当便是空的。并且在这样的时候,先进种方法显然是不可行的。当然,空荡荡的界面有不好,故此此时可以通过操作指引来引导顾客产生信息。

这时候的逻辑是这样子子的:界面呈现顾客产生的信息→顾客没有产生信息→咋们来指引顾客产生信息。这样子子即消灭了空页面,又可以让顾客产生信息,一举两得。而且,这种方法还能够解决一种问题:顾客不知道生产信息的入口在哪。故此,这么一瞧,这种方法简直是一石三鸟。

3. 使用缓存

把以前的的信息存储下来,在呈现页面的时候先呈现缓存的信息,再加载新信息,这样子就特别简单地把空状态消灭了。现在大多数的资讯浏览类的页面都会采用这种方法,比如说朋友圈,网易新闻等等,以至于大伙都习以为常了,反而忘了其实这也是消灭空状态的一种方法。

4. 情感化表达

当空白界面是顾客操作的结果时,我曾说过这里其实没有太多的方法,咋们只能老老实实地跟顾客说这里便是空白状态。只是,在这样子一个追求顾客体验的年代,大伙也开始把这样的提醒表达得更加生动形象一部分。在这里会加入一部分情感化的表达,而不仅仅只是冷冰冰的文字,比如加上俏皮的图像,或者把文案写得更加戏剧化一部分。这些配图在让顾客明白当前的状态的同时,往往也能引发顾客会心一笑,从而弥补空白页面提供的失落感乃至可以带给顾客一部分正面的情感。

这是一个出错的页面,图案是一个流落荒岛的场景,文案是“糟糕,连接掉线了。冷静一下,生个火然后下拉刷新一下吧”。通过一种俏皮的图案和文案,确实可以舒缓顾客掉线时的挫败感。

5. 提供新的任务

前面的四种方法其实说到底,全是在弥补当前任务失败造成的失落感。也便是说,咋们的落脚点仍旧在当前的任务中。不过,当当前的任务有效不可行的时候,这时候就必须要考虑新的方法了。比如,提供给顾客新的任务,让他暂时忘记当前的任务,当然而然就不可能有挫败感了。

举个例子吧,当在断网的情况下顾客使用chrome浏览器浏览网页的时候,界面会显示一个小游戏。这是一个通过空格键操纵小恐龙躲避障碍的游戏,游戏虽小,不过趣味性十足。在浏览网页失败的时候,提供这么一个小游戏去分散顾客的专注力。不得不说,这确实是一个特别好的维度。

再举个例子,当浏览腾讯系的网页浏览失败的时候,网页除了显示404状态之外,还会显示一个寻人启事。把错误界面和公益结合在一起,不得不说,创意十足。既解决了空状态的问题,又做了好事,一举两得。而且顾客可能可能被这样的公益的举动吸引了,然后就胜利地转移了这是一个404页面的事实。

本文章由新概念互动原创,如没特殊注明,转载请注明来自:http://www.jianzhan0.com/jingyand/73555.html