UE新手提升：空状态页面（缺损页）该如何设计更高级

人人都是产品经理 • 4年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

最好的「空状态」页面设计，要让用户感受不到它的存在，像一个方向导航仪，有效引导用户很顺畅的继续体验流程，激活用户对业务的转化提升业务指标。

对于空状态页面，我们做体验设计的时候，很容易造成一种既定的心里预期就是：忽略空状态的重要性，觉得它就是一个简单的“什么都没有”的提示，认为它的价值也和它的名字一样空无意义。

其实不然，在做设计的时候，空状态的设计往往更能抓住用户心理。

那么首先我们就要了解它是什么？什么时候会出现？对应不同场景体验中，如何赋予它更高的价值？

一、什么是空状态？

空状态是指：在用户使用产品中出现的没有数据时的页面展示。

比如没有关注的人、没有发布任何内容、没有收藏和喜欢、购物车为空、搜索结果为空、无网络等等这些页面就是所谓的“空状态”

二、什么时候会出现空状态？

初次使用（出现最多）：app第一次使用时。（什么操作都没有）
异常、错误等结果提示：进程中某些错误、失败，无法操作（如：搜索无结果，推荐热门搜索、历史搜索…）
用户清除：清空数据后（明确知道自己做了什么，重点是给予结果性的反馈即可。）

三、如何设计空状态更有价值？

对于新手来说，认为空状态只是一个简单的告知。用一个简单的小图标加上说明文字就搞定了，用户接受到信息之后，能做的事情好像就只有接受这个提示而已。

那用户得到了这个告知，然后该干嘛呢？在这里就遇到了阻碍。

在这个空状态的体验中，只能无能为力的被动接受一个告知，心情好时，可能会返回再去看其他的功能；心情不好时，可能就直接点击关闭离开，造成用户的流失。

这种感觉就像是我选了一条路走，走到一条河的面前，你告诉我这个河太宽了你过不去，这条路从这里中断，得回头再去看看别的路。

好烦，是不是。

你想说，我都走了一半了，现在进行不下去了，那么我前面走的那些路都白走了，除了回头重新走的打路，就不能解决这些阻碍，让我继续前进吗？比如给我座桥、或者给我支船，让我一条路顺利的继续走下去。

这个搭座桥建只船的行为，就是提升空状态的价值，给它赋予更多能力的可能性。给用户一条顺畅连贯的使用体验的同时，提升业务的转化。

那我们应该怎么来搭建这座桥，提升空页面的价值，主要有5个方法：①使用操作指引；②使用系统推荐、猜你喜欢；③使用缓存；④情感化表达；⑤提供新的任务（惊喜、创新）。

1. 利用操作指引，教育用户进入新手使用流程（常适用于：第一次使用）

对于工具类、UGC类产品，新手用户初次使用时，通常都会出现初始无数据的空状态场景，比如空着的工作任务、空着的动态、空着的作品列表、空着的文章等等。

这种初始化状态，没有任何内容，所以：需要用户进行某种操作才能产生内容的界面。

而这时的新用户是个小白，对产品没有过多了解，需要我们教用户接下来该做什么，让用户快速的进入到产品创造生产中，减少新用户流失。

解决方法：设计带有“行动性指令”文案的操作按钮、或者尝试带有“行动性指令“的交互动效，让用户创造内容。

UE新手提升：空状态页面（缺损页）该如何设计更高级

豆瓣：利用可滑动的卡片交互形式，吸引用户参与感兴趣的话题，促成动态内容的发布。

UE新手提升：空状态页面（缺损页）该如何设计更高级

钉钉：排列出可以做的任务主题，让用户可以“立即开始”。

小红书：微动效气泡引导用户“发布你的第一篇笔记”。

2. 系统推荐（猜你喜欢）:留存用户，引流、提升业务转化（常适用于：第一次使用）

对于一些内容信息浏览页面来说，某些功能的使用与否直接影响整体业务运转，例如社交产品的关注功能、电商类产品的购物车、收藏功能等。这些功能在初始进入的时候都是空数据状态，然而商业产品对于这些数据通常都会是很重要的业务指标，比如电商类产品的商品浏览量、下单率等；比如社交产品的关注人数、点播量、点赞量等指标；再比如对信息进行搜索，无法获取数据时，产生的无结果空数据时，如何解决用户当时的心理需求？

那么该如何在“空”的状态下抓住用户的注意力，让他们开始感兴趣呢？

解决方法：利用系统推荐，把有趣的内容或者功能部分直观的展示在空状态页面，增加曝光率，吸引用户。也可以通过智能匹配同类项展示，比如关键字相似搜索结果、热门搜索等。