空状态(empty state)是用户注册后看到的第一个画面——此时产品里还没有任何数据。大多数团队把它当成一个需要快速填掉的坑,但顶级软件公司却把它变成了 onboarding 工具、产品演示和情感触点,三合一。
好的空状态做五件事
1. 告诉用户下一步做什么
用单一、明确的行动引导。Notion 的空页面展示一个闪烁的光标和 subtle 的选项菜单;Linear 的空项目直接显示「创建你的第一个 issue」。Figma 的空文件则展示一个带工具栏的画布,暗示「你可以开始创作了」。
2. 让行动永远只需一次点击
永远不要设计成「先去设置,再配置工作区,然后创建项目」。好的空状态只有一个按钮、一个动作、立即产生价值。
3. 展示有数据时的样子
有些公司用样本数据或模板来展示填充后的 dashboard。Asana 会显示一个带预设任务的项目,给用户一个「我的数据也会长这样」的心理模型。
4. 设定情感基调
Slack 的空频道会说些温暖的话,Notion 的空页面让人感觉充满无限可能。好的空状态让用户兴奋地想填满它,而不是困惑地从哪儿开始。
5. 减少焦虑
新用户面对空白屏幕时想的是「我不知道该干嘛,而且可能会搞坏什么」。好的空状态说:「这是你要做的,只需30秒,你不可能搞砸。」
三问框架
每一个空状态都应该在3秒内回答三个问题:
- 「这个空间是干嘛的?」 —— 一句简短标题说明这个区域的用途
- 「我应该先做什么?」 —— 一个主要行动按钮
- 「做完之后长什么样?」 —— 预览、模板或样本数据
如果空状态不能同时回答这三个问题,用户大概率会跳出,而且很多人不会再回来。
作者:clear (@clear_graphics)