空状态也是工具的一部分
小型 Web 工具里,空状态很常见:新账号、清空后的列表、没有结果的搜索、尚未配置的视图。如果页面只写“暂无数据”,产品会在用户最需要提示的时候停止沟通。
好的空状态不负责装饰空白。它要说明当前发生了什么,为什么这件事重要,以及下一步可以做什么。比如一个链接收藏工具,“还没有链接”是准确的,但不够有用。“保存第一个链接后,你可以按标签再次找到它”会更清楚地给出开始的理由。
只保留一个主要动作
空状态不是首页。用户通常已经在某个任务中,只是缺少上下文。按钮越多,越像把问题交还给用户。
主要动作应当和空状态的原因一致:
- 创建第一个项目
- 清除筛选条件
- 修改搜索词
- 返回上一步
- 查看一个简单示例
没有搜索结果时,最自然的动作往往不是“新建”,而是“重置筛选”或“调整搜索”。如果是全新的工作区,邀请用户创建第一个项目才合适。
文案要具体,不要夸张
空状态文案需要友好,但不需要热闹。诸如“提升效率的新方式”这类句子,对小工具来说通常太重。用户只需要快速理解:哪里是空的,为什么是空的,我现在能做什么。
一个稳定的结构是:标题说明状态,辅助句说明价值或原因,按钮使用明确动词。例如:“还没有保存的备注 / 创建备注后,常用文字会显示在这里 / 创建备注”。这不花哨,但足够清楚。
主动测试边缘情况
很多人在检查功能时只看有数据的页面,空状态因此容易被遗漏。但对小工具来说,用户第一次进入时经常没有任何数据。
测试时可以故意制造这些情况:新账号、删除最后一项、搜索失败、没有权限、连接断开。每个页面都应回答三个问题:发生了什么,为什么为空,下一步怎么做。
设计好空状态不会让产品多一个大功能。它只是减少一个停顿。对实用工具而言,这个停顿少一点,整个体验就会更稳。