创建 UX 友好的空状态屏幕的指南。

空状态是 UI 中尚未充满信息的屏幕。也就是说，它们是屏幕，当用户填充它们时，它们最终会在它们上面显示内容。

例如，如果您曾经使用过允许您将收藏夹或商品添加到购物车的应用程序，那么您可能熟悉空状态。或者，也许您已经完成了没有返回结果的搜索。

设计空状态的一些最佳实践：

引导用户

不要让用户悬而未决。帮助用户了解或开始使用新产品。

您可以在空状态屏幕上放置一个号召性用语按钮。

一个好的号召性用语要求您的用户添加他们自己的任务可以让他们参与并在您的应用程序中。您的号召性用语基本上告诉用户如何将空白屏幕变成填充屏幕。

建议替代方案

如果用户搜索确实存在的内容，请提供与他们正在寻找的内容相近的匹配。

当用户在一个部分中遇到空状态时，我们为用户提供了探索其他部分的机会。

提供入门内容

用内容填充空白状态，让用户有机会立即学习和使用您的产品。

存储音乐或书籍等内容或使用笔记或文档等模板内容的应用程序可以从入门内容中受益。让您的用户能够更改入门内容是保持参与度的一种方式，因为用户正在制作自己的应用程序。

添加个性

通过使用友好的，有时是幽默的方式来增加个性，但要牢记用户的目标和背景。

但是你的空状态是一个小例子，你可以在其中为你的产品注入一些个性。个性并不自动意味着有趣。在您的 UI 中添加幽默时，请谨慎使用。一句俏皮话今天可能很新鲜，但明天可能会在它用完后在 UI 中留下陈旧的味道。

使用插图

将直截了当的副本与合适的插图相结合，可以创造出更好的空白状态。

空状态是改善产品用户体验的一种方式，插图有很大帮助。它鼓励用户与您的应用进行交互。

祝你好运！

翻译：Talon

Powered by Froala Editor