空状态(Empty State)是用户还没有数据时看到的样子,也就是注册后的第一体验。
全球最好的 SaaS 把这个时刻变成了三件事同时发生:入职引导 + 产品演示 + 情感连接。
好空状态做的五件事
告诉用户下一步该做什么
用一个清晰的单一动作指引。Notion 的空白页显示闪烁的光标和选项菜单;Linear 的空白项目显示"创建你的第一个 issue";Figma 的空白文件显示带工具栏的画布——都是让用户一眼就知道该做什么。
动作永远只需要一次点击
永远不要让用户点两次,或者"先去设置,再配置工作区,再创建项目"。一个按钮,一个动作,立即产生价值。
展示有数据时的产品样子
有些公司用样例数据或模板来展示填充后的仪表盘什么样。比如 Asana 展示一个已经填好任务的项目,给用户一个心理模型——他们自己的数据会长成什么样。
设定情感基调
Slack 的空频道有温暖的话语;Notion 的空白页感觉像无限可能。最好的空状态永远让用户对填充它们感到兴奋,而不是对从哪里开始感到困惑。
减少焦虑
新用户看着空白屏幕会想"我不知道该干什么,而且我可能会搞砸什么"。好的空状态在说:"这里有该做的确切事情,只需要 30 秒,你不可能搞砸。"
框架:3 秒内回答 3 个问题
每个空状态必须在 3 秒内回答:
- "这个空间是干什么的?"——一句话说明这个版块的用途
- "我第一步该做什么?"——一个主要操作按钮
- "完成后它长什么样?"——预览、模板或样例数据
如果你的空状态没有回答全部三个,用户肯定会离开这个页面,而且很多人不会再回来。
这不只是设计技巧,是产品承诺的可测试形式。