从用户进入到与APP交互的过程中，空状态设计都是提升产品用户体验的不错的方法。空状态是指没有数据的页面，尽管如此，空状态也可以提供有趣的用户体验。

空状态是指没有数据的页面，也就是说，在用户进行某些动作后，页面将会展示其⛦产生的内容。尽管如此，空状态也可以提供有趣的用户体验。事实上，空状态完全可以用于指导用户的操作，向他🐼们介绍你的产品或展示产品品牌的个性。

什么是空状态？

空状态是APP中的内容无法显示的页面状态，用“空”来描述其实是不恰当的，因为空状态页面中还有一ꦗ些内容的。事实上，空状态可以显示多ꩲ种不同的内容来提升用户体验，接下来我们就会着重介绍这一点。

例如：如果你曾经使用过一款允许你把你喜爱的内容添♔加到收藏夹里的APP，你就会对空状态有所了解。或者你使用搜索，有过没有搜索结果的经历…

以Instagr𒁃am为例：当你进入没有添加任何照片的收藏夹时ဣ，你可能会看到一个空状态，并告诉你还没有添加任何照片。

由于没有数据内容，因此只能展示空状态或无数据。

Instagram的空白状态

但是，Instagram的收藏页面并没有空状态说明，相反，它是空白的页面。因此，他们错过了一次引导用🦋户去与APP互动的机会。

设计空状态的原因多种多样，最常见的原因有以下几种：

1、用户清空了所有的数据（如：清空收件箱）；

2、用户是新用户，并且刚刚才登录APP成功；

3、用户遇到了某种错误（如：没有WIFI连接）。

使用空状态的好处

Spotify的用户体验专家Tamara Hi🔴lmes提醒设计师们时说，空状态是一个展示产品个性化的机会，因此，在进行空状态设计时，需𝄹要认真考虑品牌和用户的目标和背景。

Deliveroo的产品设计师Ryan Cordell同意Tamara Hilmes的观点，并进ꦿ一步说：

“设计好文字和视觉界面，෴是产品与用户互动并最终实现他们目标的关键一步。设计团队应该投入足够多的时间、耐心和精力来设计任何场景下的文案。”

同样，即使不是特别重要的页面，告知用户下一步如何操作也有着不错的效果。如果♚不这样做，𒅌空状态就不能提供任何价值，其也就成为了化妆品添加剂，毫无用处。

空状态设计的最佳案例

如果你打算设计一个空状态，那么请记住这些好的做法，以便能够帮助到用户去达到他们的目标。

告诉用户该怎么做

如上所述，空状态是鼓励用户与产品互动的绝佳机会，你也不希望把用户进入页面后，一脸茫然而不知所措。

例如，你可以在空状态页面上放一个具有引导性的按钮，以一款刚下载的社交APP为例来说明。

这款APP有通讯录标签，但目前是空的。一个好的引导性按钮可以告诉用户去查找并添加自己的朋友，这样能够让他们也参与到你的APP中。你的引导能够完整的告诉用户，如何把空空的通讯录转变成好友众多的页面，可以看看Facebook是如何做的（ও上图）？

空状态要保持个性化

空ꦚ状态设计中，个性与绝望、无畏和欲望之间有着非常细微的界限，若无法很好的平衡这两者之间的关系，就会把展示品牌个性变成了展示绝望、无畏和欲望啦。

但是，空状态设计仅仅只是产品展示个性化的一个小例子，个性并不总代表着有趣，为页面添加幽默的元素时，需要格外谨慎。某🤪个笑话在今天可能很受欢迎，但是明天就会有用户不再喜欢了，给人以过时的感受。

在空状态设计中，使用友好且合适的文案能够带来意外的效果。兼具特制和适合特性的插图，ꦫ可以帮助你🎃设计出一个成功的空状态。

如果✤你决定要使用插图和文案，请确保它们要有层次感，不会相互影响。一个好的插图能够为页面带来足够的乐趣和参与度，此时，你可以使用简单且常用的文案。来看看Google是如何平衡两者之间的关系的？

Google的Material Design 指南中规定，如果打算使用图片，请遵循以下规则：

1、使用中性或幽默的语气；

2、与产品的品牌风格保持一致

文案需要遵循的规则：

1、文案传达出有用的信息；

2、在不需要操作的情况下，告诉用户页面的作用。

使用空状态来培养用户

你可以使用空状态来告知用户如何使用产品，空状态在用户首次体验产品时扮演着重要角色。

如果你想留住用户，那么良好的首次体验是至关重要的，这有利于构建产品与用户之间持久的关系。