关闭

关闭

关闭

封号提示

内容

首页 5个帮你消灭空状态界面的常用方法分享.doc

5个帮你消灭空状态界面的常用方法分享.doc

5个帮你消灭空状态界面的常用方法分享.doc

赵月碧 2018-02-05 评分 0 浏览量 0 0 0 0 暂无简介 简介 举报

简介:本文档为《5个帮你消灭空状态界面的常用方法分享doc》,可适用于综合领域,主题内容包含个帮你消灭空状态界面的常用方法分享邮件群发在做设计的时候常常会忽略的一个页面状态就是空状态如何消灭这个影响用户体验的页面今天这篇好文总结了存在空状态符等。

个帮你消灭空状态界面的常用方法分享邮件群发在做设计的时候常常会忽略的一个页面状态就是空状态如何消灭这个影响用户体验的页面今天这篇好文总结了存在空状态界面的个地方以及消灭空状态的个方法都是实用干货强烈建议阅读。空状态顾名思义就是空白的状态比如说:一个新闻的列表中没有新闻这个时候列表就是空的用户打开之后看到的就是白惨惨的一片。空状态的用户体验非常差就好比千辛万苦经历九九八十一难的唐僧师徒最后取到了一堆空白的佛经一样用户在经历了查找在万千的APP中选中了你然后经过漫长的下载等待和安装最后你竟然给我一个空页面。用户只会想:Areyoukiddingme(你在逗我玩吗)所以随之而来的用户当然头也不回就走了。当然以上只是举了一个例子空状态有可能出现在APP首次启动时但是却不仅仅局限于此有很多地方都有可能出现空状态一不小心就会放过这些空状态影响APP的用户体验。APP的空白状态可能出现在如下的场景:用户未进行操作、用户操作结果和网络出错。用户未进行操作在我一开始举的例子中用户第一次打开APP时有可能会空状态特别是一些UGC应用。当然这种设计也很好理解用户第一次启动又是UGC应用用户什么操作也没有所以当然是空白的啦。只是这种空白状态看似合理但是在合情上面却值得商榷。而且据我观察空状态的出现不仅于此。有些APP在每次启动的时候都会采用一个空白刷新的逻辑这时候也会出现一个空白的页面。所以在设计应用启动时需要关注一下有可能出现的空状态。用户操作结果第二种空状态是一种用户操作的结果。这种状态常常出现在一个任务列表中的所有任务都处理完成的时候。比如垃圾邮件、广告邮件列表有些用户会有清空这些邮件的习惯清空了之后自然而然就会出现一个空状态。其次就是当用户进行检索或者筛选的时候没有符合的结果这样子沉陷出来就是空状态。与第一种情况不同的时由于用户操作形成的空状态是无可避免的。不可避免的意思就是说我们只能告诉用户这是一个空状态除此之外我们没有其他的方式。而在启动是出现的空状态时我们可以通过其他方式去掩盖“这里有一个空状态”的事实具体我们下面再表。出现错误最后一种空状态出现在异常流的时候。比如说当网络错误的时候可能就会出现空白状态。当然原理也很简单。本来是要从互联网中加载一些东西现在加载不了了所以当然就是空状态咯。当然一般来说出现错误的时候会有错误描述。只是如果只有两行空洞的文体告诉你除了问题貌似用户感受起来也不会太舒服吧。所以如果只是两三行的文字我个人觉得这跟空白其实区别也不大。对于空状态出现的情况暂且讨论到这里下面谈谈如何消灭这些空状态提升用户体验。总结一下主要有如下的几个措施:使用系统推荐项使用操作指引使用缓存情感化表达提供新的任务。使用系统推荐项既然空状态如此影响用户体验那么最直观的想法当然是往空白界面填充一些东西这样就不是空状态了。对于一些信息浏览页面来说这的确是一个非常简便易行的方法。既然没有东西那么我们系统就推荐一些东西给用户这样界面就不会空荡荡啦。所以说这种方法非常适合在应用启动时(并且是初次启动时)使用而且这种方法其实现在已经非常流行了。比如说:在除此打开Anyview时系统在展示“书架”这个页面按理说我没有进行任何操作这个界面当然是空的啦。不过既然空状态如此不堪那么Anyview就自动塞进去了一堆书。这样就完美地解决了问题。不过塞什么东西进去是有讲究的通常是一些热门的东西。至于Anyview他会先让我回答一些问题在获取了一些基本数据之后它才给我推荐了这些书籍这样推荐的精准度也会高些。现在的阅读软件基本都沿用了这种方法。当然在其他的浏览页面比如说lofter、花瓣等图片社区也会采用这种方式。所以现在对于此类应用空白界面越来越少见了。使用操作指引在有些场景下的确是可以通过系统推荐项来达到无中生有的目的。比如说:在我的关注人的状态中可以插入系统推荐的状态来以假乱真。但是这种方法确实不是万能的。举个例子假设有一款图片分享类的应用然后有个页面是“我的图片”如果在我从来没有发布过图片的时候这个页面理所应当就是空的。并且在这个时候第一种方法显然是不可行的。当然空荡荡的界面有不好所以此时可以通过操作指引来引导用户产生内容。这时候的逻辑是这样子的:界面展示用户产生的内容用户没有产生内容我们来指引用户产生内容。这样子即消灭了空页面又可以让用户产生内容一举两得。而且这种方法还可以解决一种问题:用户不知道生产内容的入口在哪。所以这么一看这种方法简直是一石三鸟。操作指引有两种方式一种是通过浮层来引导操作入口另一种是创建快捷入口。说文字比较苍白直接看下面的配图吧。引导操作入口创建快捷入口对于这两种方法各有利弊吧:创建快捷入口的引导性非常强用户容易注意到操作也简便浮层指引的话引导性没有快捷入口那么强不过胜在用户教育好下次用户就知道从这里产生内容了。相比较而言我会更加偏向浮层指引这种方式。使用缓存把之前的的内容存储下来在展示页面的时候先展示缓存的内容再加载新内容这样就非常简单地把空状态消灭了。现在大多数的资讯浏览类的页面都会采用这种方式比如说朋友圈网易新闻等等以至于大家都习以为常了反而忘了其实这也是消灭空状态的一种方式。情感化表达当空白界面是用户操作的结果时我曾说过这里其实没有太多的方法我们只能老老实实地跟用户说这里就是空白状态。只是在这样一个追求用户体验的年代大家也开始把这个提醒表达得更加生动形象一些。在这里会加入一些情感化的表达而不仅仅只是冷冰冰的文字比如加上俏皮的图像或者把文案写得更加戏剧化一些。这些配图在让用户明白当前的状态的同时往往也能引发用户会心一笑从而弥补空白页面带来的失落感甚至可以带给用户一些正面的情感。如下图:这是一个出错的页面图案是一个流落荒岛的场景文案是“糟糕连接掉线了。冷静一下生个火然后下拉刷新一下吧”。通过一种俏皮的图案和文案确实可以舒缓用户掉线时的挫败感。提供新的任务前面的四种方法其实说到底都是在弥补当前任务失败造成的失落感。也就是说我们的落脚点仍旧在当前的任务中。不过当当前的任务完全不可行的时候这时候就需要考虑新的方法了。比如提供给用户新的任务让他暂时忘记当前的任务自然而然就不会有挫败感了。举个例子吧当在断网的情况下用户使用chrome浏览器浏览网页的时候界面会显示一个小游戏。这是一个通过空格键操纵小恐龙躲避障碍的游戏游戏虽小但是趣味性十足。在浏览网页失败的时候提供这么一个小游戏去分散用户的注意力。不得不说这确实是一个非常好的维度。再举个例子当访问腾讯系的网页访问失败的时候网页除了显示状态之外还会显示一个寻人启事。把错误界面和公益结合在一起不得不说创意十足。既解决了空状态的问题又做了好事一举两得。而且用户可能可能被这个公益的举动吸引了然后就成功地转移了这是一个页面的事实。腾讯页面洋洋洒洒讲了这么多最后总结一下就是下面这张图。记住空状态可能出现的场景当设计走到这个场景的时候留多一个心眼然后按图索骥即可。

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +1积分

资料评分:

/7
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部

举报
资料