clear 分享了顶级软件公司如何将空状态(empty state)——用户看到没有数据时的界面——同时转化为 onboarding 工具、产品演示和情感触点。
优秀空状态的 5 个功能
1. 告诉用户下一步做什么
用单一、清晰的行动指引。例如:
- Notion 的空页面显示闪烁光标和微妙的选项菜单
- Linear 的空项目显示"创建第一个 issue"
- Figma 的空文件显示带有工具栏的画布
2. 让行动永远只需一次点击
永远不要让用户"先去设置,然后配置工作区,再创建项目"。始终只有一个按钮、一个行动、即时价值。
3. 展示产品在有数据时的样子
使用样本数据或模板展示 populated 仪表板的样子。Asana 显示已填充任务的样本项目,给用户一个心理模型,让他们知道数据会是什么样子。
4. 设定情感基调
Slack 的空频道说些温暖的话,Notion 的空页面让人感觉充满无限可能。最好的空状态总是让你兴奋去填充它们,而非困惑从哪里开始。
5. 减少焦虑
新用户看着空白屏幕会想"我不知道该做什么,可能会搞砸什么"。好的空状态说"这就是你该做的,只需 30 秒,你不可能搞砸"。
空状态设计框架:3 秒回答 3 个问题
每个空状态应该在 3 秒内回答:
- "这个空间是做什么的?" —— 简短标题解释此部分的用途
- "我应该先做什么?" —— 一个主要行动按钮
- "完成后会是什么样子?" —— 预览、模板或样本数据
如果你的空状态没有回答全部三个问题,用户肯定会从页面跳出,很多人不会回来。
核心 takeaway
空状态不是"没有数据时的占位符",而是用户旅程中最关键的转化时刻。把它当成 onboarding 工具、产品演示和情感触点来设计,而非空白屏幕的遮羞布。