E6.06.2first-use empty state设计
空状态是引导首次使用的最佳位置
别名: 首次空态 · onboarding empty · 零数据引导
概念解释
容器里还没有任何用户内容时,那块空白是产品里少数「注意力没有被列表抢走」的时刻。首次使用的空状态把「这个地方是干什么的」和「怎样出现第一项」放在内容本来会在的位置上,而不是另开一轮模态导览。它只适用于无数据这一种空,不适用于搜不到或出错。把首次引导做成全屏气泡,等于放弃了这块已经空出来、而且语义上就在教「这里将来会长什么」的版面。
机制
人学一个新界面时,先抓住会动的结构,再填内容。空的列表若只留白,结构不存在,用户不知道这里能放项目、任务还是文件。把结构的示意(淡化的行、一张样例卡片的轮廓)和一句职责说明放在将来内容会占据的坐标上,学习发生在对象将要出现的地方,不必把注视转到角落里的帮助。首次空状态还没有竞争信息:没有行被点、没有筛选要解,引导不必打断一条正在进行的任务。模态导览和角标气泡要跟任务抢时间;空状态不抢,因为它就是当前任务——弄懂这块地方并开始用。
边界
老用户清空了容器(删光项目、归档全部)不是首次使用,再播放「欢迎,创建你的第一个…」是把熟练操作当成新手。要用「你删光了」而不是「开始吧」。多角色产品里,空对观察者是正常的(本周没有待审批),对他们做创建引导是错的职责。演示数据或样例项目能填满空,但会让人分不清哪是自己的;若用样例,必须能一键丢掉并标明「示例」。已经完成过首次创建、只是换了设备,空状态可以短,不要每次都走完教程。
怎么落地
- 仅在该用户、该容器从未有过内容时启用首次模板;清空后的空走另一套文案。
- 在内容将出现的位置画结构示意,用一句话说这个容器装什么,不要把说明做成与内容区无关的顶栏广告。
- 不要用一串强制气泡覆盖空状态;空状态本身就是那堂课。
- 验证:让没见过产品的人只看这一屏,问「这里将来会出现什么、我该怎么让它出现」。答不上来,首次位置就浪费了。