空状态 Empty State
「空状态」指的是页面没有内容的状态，导致「空状态」的原因可能有以下：
1.尚未开通该功能 / 没有使用该功能的权限
2.已开通功能但没有数据 / 查询筛选结果为空
3.网络错误
Q：为什么空状态需要被设计？
A：既然用户进入了该页面，说明用户是有一定的使用意图，从功能上「空状态」可以用户告诉用户导致「空」的原因，更好地帮助用户解决问题，从情感上「空状态」可以缓解用户的疑惑、焦虑，从品牌上「空状态」可以融入更多品牌特色，强化品牌印象。
一、尚未开通功能、尚未获取权限
这一类「空状态」通常针对的是新手用户，而新手用户在面对新功能时是比较茫然的，产品有必要向用户做出简短的解释说明。同时，用户在产品体验中的每一次挫败都可能导致流失，所以需要给用户提供「下一步」操作的快捷入口，帮助用户快速开通功能。
「下一步」操作比如：开通、申请权限的按钮通常使用主题色，快速吸引用户注意，提高效率，但如果有多个可能解决问题的操作时，尽量为用户提供一个使用主题色的主操作按钮，其他按钮作为辅助按钮，一般采用线性样式，总按钮数不宜超过3个。
这一类「空状态」插画根据目的可以分为两种情况：
①为了突出核心功能，帮助用户快速理解功能，可以提供功能可视化的插画，但仅适用于核心功能较少时使用。功能较多且业务交错复杂时绘制的成本较高，也不易于用户区分理解。
②为了情感化需求，可以提供生动趣味的插画。当多个功能页的「空状态」都采用同一设计样式时，可以配合品牌形象进行富有创意的设计，甚至可以采用微动画。
二、已开通功能但没有数据、查询筛选结果为空
这一类「空状态」的设计，主要是避免用户将「数据为空」误解为「内容尚未加载」。当列表因为没有数据而出现空白时，容易被理解成「显示出bug」、「数据加载不出来」等，为了避免造成误解，常须在空白的列表中，提供文字说明，比如「数据为空」、「查询结果为空」等。同时，建议「数据为空」和「查询结果为空」采用不一样的文案，避免用户混淆，让用户更好地判断当前数据的状态。
三、网络错误
第一类和第二类的「空状态」都是用户可控的，用户可以通过开通功能、申请权限、新增数据、改变筛选条件等操作改变当前的「空状态」。但还存在一些「空状态」是用户难以控制的，比如HTTP错误，常见的HTTP错误有：403禁止访问、404页面不存在、500内部服务器错误、502网关无响应、503服务器无效等等。在笔者认为，这些错误都不需要被用户理解，所以可以统称为「网络错误」，采用相同的设计即可。
小结
根据笔者观察，目前国内的TOB产品，在「空状态」的设计上还是比较中规中矩，以满足功能性需求为主。但「空状态」除了承载功能性目的之外，还有更多的空间做情感化设计和品牌宣传，期待出现更有格调的设计。
