如何做好空状态设计？来看资深设计师的总结！

大好，我是Clippp。今天为大带来的章是「空状态」设。

虽然空状态对户体验很重要，但它被忽略。良好的空状态设计能提升产品体验，效留存用户，了解空状态的概念以及如何使用它们，可以效提高产品的特色价。

章目录：

什么是空状态？

产品设过程中，设师很多机会创造愉悦意义的体验，其中一常被忽视的体验就空状态。空状态用户使用产品时某界面无法显示的时刻，即其他元素。

购为例，想一见的空状态情况：

• 搜索商品却找到的状态
• 查看商时载来或错的状态
• 购物车里没有品时的状态
• 地址管理页面中收货地址为空的状
• 提交订单后状态

良好的空状可以让用户知道正在发生的情况，发生的因以及该怎做。下面是个正面的空状计示例：

首次启动产品，Dropbox Paper为用户提供了良好的空状计，页面上的提示按钮能指引用户完成下一步操作。

当没有搜索结果，页面上提供了有用的参考息，并让用户知道发生了什。

以下是些负空状态设计：

这个空状态提示了些反馈信息，没有为用户提供明确引导或告诉用户该怎么操作。

在这个空状态设计，我们看到个几乎空白网页上有个很棒插图，是它没有提供任何信息或指示，也不能引导用户进下步。

空状态的类型

这是四常见空状态类型：

• 首次使用——新产品没有内容可以显示，例如开新注册的印象笔记会遇这种情况。
• 内容被除——用户完成类似空消息或收件箱等操作后，会出现个空白屏幕。
• 出错误——产品由于网络问题造离线时，会出空状态的使用。
• 无结果——如果户进行搜索，但是查询容为空时会发生这种情况。

曾在谷歌担任监Ankit Jain提到，用户可能会尝试使用很多APP，在最初3-7天内决定要「止使用」哪些应用。于使用体验好APP，大多数用户保留7天甚至更长时，所以成功关键是在前3-7天内尽可能吸引用户。

设计空状态的优势

经过深思熟虑而设计空状态可以帮助提高品参与度，使用户满意并减少流失。

《用户真需什么》一书中，知企业理专家斯科特·麦克凯恩提出了用户设性化的卓越体验的六条指导原则。他写道，用户：

• 令信服体验
• 人关注
• 互相忠
• 与众不同
• 协调
• 创新

这些则应用空状计中能提高产品度，为企业带来益。以下三个方面也能从好的空状计中获益：

• 用户门——除增强用户验外，还提供建立深度信任和继续使用产品的机。
• 品牌建——提高知名度，提升公形象，促进公发展并增加品牌价值。
• 个性化——可以是有趣、严肃、活泼，创造个性又多元感觉。

计良好的空状不仅有助于提供令人服的体验，让用户能更多地参产品中并让人。

空状态被忽视的原因

忽略空状会发生什？没有指导的空页面会造成混乱、不确定和失望，这可能导致较高的放弃率并降低产品的整体度。

既然心计的空状有显的积极结果，为什它容易被忽视：

首先，设计师往往将精力在设计更可见部分，常很少考虑空状态出现情况，此常常被忽略；其有2-5%用户能遇到空状态，所以常不把它们视为优先事项；

后，人们并不能总很好理解空状态的发以及如何处理，所以它们退居二线，转使用流行的页面。

如何有目的地进行空状态设计?

通过下面这些方法，可以确保空屏幕的设用效的，反馈丰富全面。

1. 同理

增加惊喜、愉悦、情感和个性是在品设计过程创造更好体验。于空白页，理心增加了多样性，并创造了个更吸引个性化体验。

2. 意象

形象化的描述一种减少压力并提高注力的状。例如在在错误页面的空状背景上添加一些风景插图可以带来更愉悦的用户体验。

3. 有用的指导

根据产品的类型，以使用空状态来指导用户。有新的账户，引导用户快速开始，从而减少放弃的机。

4. 门内容

对于某些产，供良好的入门容有助于他们直观地看到正在发生的事情及一步可做么。

5. 供操作步骤

希克律指出，「出决所需的时间会随选择的数复杂性增加。」当操作求多保持一或两时，用户可能会采取行动。

当人们刚接触Instagram这平台时，他们还关注任何人，一好的空状态设可以他们提供「添加关注的人」选项。

结论

UX设计很容易忽略空状态，为它们很少出现，而有时候不容易理解。是我们往往低估了空状态设计带来价值，为它增强了用户体验，并有助于创更具凝聚力品。

欢迎关注作者微信公众：「Clip设夹」