空状态设计：顶级SaaS的 onboarding 秘密
空状态（Empty State）是用户注册后、还没有数据时看到的第一个画面。
大多数产品把它当作"占位符"——放一张插图，写一句"这里还没有内容"。但顶级SaaS公司把它变成了onboarding工具 + 产品演示 + 情感触点的三合一武器。
好的空状态做五件事
1. 告诉用户下一步做什么
用一个清晰至极的行动引导。
- Notion的空页面：闪烁的光标 + subtle 的选项菜单
- Linear的空项目："create your first issue"
- Figma的空文件：画布 + 就绪的工具栏
2. 行动永远只需一次点击
永远不要让用户"先去设置，再配置工作区，然后创建项目"。
永远只有一个按钮、一个动作、即时价值。
3. 展示有数据时的样子
用示例数据或模板展示填充后的仪表盘。
- Asana展示一个已填充任务的示例项目
- 给用户一个心智模型：他们自己的数据会是什么样子
4. 设定情感基调
- Slack的空频道说些温暖的话
- Notion的空页面让人感觉充满无限可能
最好的空状态让你兴奋地去填充它，而不是困惑从哪里开始。
5. 减少焦虑
新用户看着空白屏幕会想："我他妈不知道要做什么，而且我可能会搞砸什么。"
好的空状态说："这就是你要做的，只要30秒，你不可能搞砸。"
设计框架：3秒回答三个问题
每个空状态必须在3秒内回答：
| 问题 | 解决方案 |
|---|---|
| "这个空间是做什么的？" | 简短标题说明用途 |
| "我应该先做什么？" | 一个主要行动按钮 |
| "完成后会是什么样子？" | 预览、模板或示例数据 |
如果三个问题没有全部回答，用户大概率会跳出，而且很多人不会再回来。
核心启示
空状态不是设计的边缘情况，是最关键的第一印象。把"空白"变成"邀请"，把"困惑"变成"行动"，把"焦虑"变成"兴奋"——这就是顶级产品和新手的差距。