SuperAPI AI 工具集

empty-states

设计与创作

查看项目

更新于 10-16 08:36

技能介绍

用途:为界面中的空状态提供设计规范,避免展示空白屏幕,引导用户采取下一步操作。

分类场景:首次使用(用户尚未创建内容,属于引导流程)、无结果(搜索或筛选为空,需帮助调整条件)、已清空(用户删除全部内容,可祝贺或提示下一步)、错误(数据加载失败,需解释原因并提供重试)。

结构建议:可选配插图;标题说明这里应承载什么内容,而非写“这里什么都没有”;正文用一句话说明添加内容的益处;提供单一明确的操作按钮以消除空状态。

示例:不佳写法为“还没有项目。”;较好写法为“创建你的第一个项目。项目帮助你把工作整理进专注的空间。”并配“创建项目”按钮。

规则:每个空状态都需要操作入口,且该入口应是该区域的主要操作;空状态应显得有吸引力而非像出错;不要使用悲伤表情插图,因为这不是用户的过错;空状态是临时的,应设计为由真实内容替代。

限制:资料未提供具体实现方式、支持的平台、安装方式或收费信息。