空状态 · Empty State
英文:empty state(按单词直读)
界面与交互难度:入门 ★
🗣️一句话大白话
「这里还没有任何东西」时的引导画面:图标 + 一句话解释 + 行动按钮。空状态不是错误,是新手用户的第一现场——引导得好,留存就高。
🎬真实场景
新用户第一次打开笔记应用:一片空白。空状态写「还没有笔记,点右下角 + 记下第一笔」+ 按钮——用户立刻知道干嘛。空白页面=用户不知道产品能干嘛。
📮你可以这样说
「「所有列表做空状态:居中插图 + 一句话说明(这里将显示什么)+ 主行动按钮(去创建第一条)。搜索无结果单独设计文案。」」
⚠️边界与常见误解
- ▸空状态要有「下一步动作」:只有插图的空状态是装饰品
- ▸首次空状态和「搜索无结果」是两种文案,别共用
- ▸别用空状态掩盖错误:加载失败要显示重试,不是「暂无数据」