空状态(empty state)是用户注册后看到的第一个画面——数据还没有,页面是空的。大多数产品把它当成占位符处理,但顶级 SaaS 公司把它变成了三重工具:onboarding 引导、产品演示、情感触点。
clear 总结了好空状态的五个原则和一个三秒测试框架。
好空状态做五件事
1. 告诉用户下一步做什么
用一个清晰的动作引导。Notion 的空页面显示一个闪烁的光标和微妙的选项菜单;Linear 的空项目显示「创建第一个 Issue」;Figma 的空文件展示一个带工具栏的画布。用户不需要思考,直觉就知道怎么开始。
2. 动作永远只需一次点击
不要让用户走「先去设置 → 配置工作区 → 创建项目」这样的弯路。好的空状态把核心动作放在一个按钮上,一次点击就有即时价值。
3. 展示有数据时的样子
用示例数据或模板展示填充后的仪表盘。Asana 显示一个已经填好任务的示例项目,给用户一个心智模型:「我的数据将来会长这样」。这降低了认知负担,也建立了期待。
4. 设定情感基调
Slack 的空频道用温暖的语言打招呼,Notion 的空页面传递「无限可能」的感觉。好的空状态让用户兴奋去填充它,而不是困惑于从哪里开始。
5. 减少焦虑
新用户面对空白屏幕时的内心独白是:「我不知道该做什么,而且我可能搞砸」。好的空状态说:「这是你要做的,只要 30 秒,而且你不可能搞砸」。
三秒测试框架
每个空状态都应该在三秒内回答三个问题:
- 「这个空间是做什么的?」 —— 一个简短标题说明这个区域的用途
- 「我应该先做什么?」 —— 一个主要动作按钮
- 「完成后会是什么样子?」 —— 预览、模板或示例数据
如果空状态不能同时回答这三个问题,用户大概率会跳出,而且很多人不会再回来。
为什么这很重要
空状态是用户旅程中最高杠杆的时刻之一。用户刚注册,注意力还在,动机最强,但方向感最弱。这个时候的体验决定了他们是成为活跃用户还是流失用户。
大多数产品把空状态当成设计债务处理——「等有数据就好了」。但数据显示,用户在空状态页面的停留时间和转化率直接相关。一个设计精良的空状态可以把注册到首次核心行为的转化率提升 20-40%。
这不是 UI polish,这是增长策略。