Skip to main content
Language简体中文
基础知识4 分钟阅读2026 年 10 月

用户体验中的空状态是什么?

简短回答

空状态是指屏幕上还没有任何内容可显示时所显示的状态:新收件箱、空购物车、没有结果的搜索或被过滤器清除的列表。良好的空状态可以解释为什么它是空的,并给出明确的下一步,例如创建第一个项目或更改搜索。

核心要点

  • 类型:首次使用、用户清除、无结果、错误或无法访问
  • 用简单的话解释为什么屏幕是空的
  • 提供一项明确的行动来填补它
  • 保持插图和动画小而友好,永远不要妨碍动作
  • 为每种类型的空状态编写不同的副本

空屏幕很容易被忘记,因为设计人员通常使用样本数据。在真实的产品中,每个新用户都会首先遇到它们,因此它们比几乎任何其他屏幕更能塑造第一印象。

有四种常见类型。首次使用空状态出现在该人创建任何东西之前。用户清除的状态在完成或删除所有内容后出现,例如空的待办事项列表。搜索或过滤后出现无结果状态。当数据根本无法显示时,就会出现错误或无法访问状态。

每种类型都需要不同的词语。首次使用状态应解释屏幕的用途并邀请第一个操作:“还没有项目。创建您的第一个项目。”无结果状态应该可以帮助人们恢复:显示他们搜索的内容并提供清除过滤器的功能。清除状态可能是一个小小的奖励时刻。

视觉效果是可选的。小插图或柔和的动画可以让屏幕感觉友好,动画角色可以引导初次用户。保持轻松,确保动作是最明显的事情,并且不要依赖图像来解释状态。

如果您想要一个处于空状态的友好动画角色,我们制作的 ExodeUI 有一个免费的交互式吉祥物库,它们以 ExodeUI 文件运行并对输入做出反应。

常见问题

空状态应该包括什么?

一个简短的标题,用一句话解释为什么它是空的或屏幕的用途,以及一个明确的动作。插图是可选的。

什么是零状态?

空状态的另一个名称,通常是在有人添加任何内容之前显示的首次使用类型。

如何设计无结果状态?

重复搜索词,建议拼写修复或更广泛的术语,并提供清除过滤器的功能。切勿给对方留下空白区域。

空状态应该被动画化吗?

如果动画很小,它们可以不会令人分心地循环并遵循简化运动设置。动作比动画更重要。

相关指南和示例

在空屏幕上添加一个友好的角色

从对光标和点击做出反应的免费交互式吉祥物中进行选择,并将其放入您的应用程序或网站中。

浏览免费吉祥物
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →