一、空状态的分类
系统层:本地请求异常;如:无网络、服务器异常等;
信息层:请求成功,数据异常;如:内容已删除、已下架等;
空白层:请求成功,无数据;最常见的空页面或空状态;
初体验:初次注册登录的用户很多功能都没有熟悉;
根据不同的产品,我们可以为用户提供不同的引导
创作平台 -- 引导用户创造内容 -- 推荐相关内容 -- 开启权限.....
工具类app -- 介绍相关功能、添加相关人、相关功能.....
学习类app -- 收集用户目标、推荐相关课.....
无信息/无结果:某些功能还未使用过;
告知用户该如何解决问题,或者给用户其他选择
购物车为空时 -- 让用户购买或者给用户推荐商品.....
无收藏时 -- 引导用户去收藏.....
搜索为空时 -- 告知用户换一个词试一试.....
无评论时 -- 让用户抢个沙发.....
完成任务:完成某项功能后反馈的结果;
鼓励或者奖励用户
邮件全部回复完 -- 祝用户拥有美好的一天;
书看完时 -- 让眼镜放松一下;
打卡成功 -- 奖励用户勋章等等;
出错:因为各种原因导致的错误页面;
程序出错后,缓解用户情绪,告知用户解决办法
网络出错 -- 检查网络/刷新页面;
404页面 -- 让用户反馈情况到后台、报错等;
二、空状态设计原则
基本原则
准确:空状态需要清晰明确地将当前系统状态传达给用户;
直观:简言之就是画面要 “小而美” -- 简单;
高效:提供用户快速有效地摆脱空状态的方法;
进阶原则
有趣:有趣又易用,符合用户的心理预期;
品牌:介绍并强化品牌元素,通过恰当的方式、形式呈现;
记忆:有创意或幽默色彩,呈现形式新颖,体现专业同时创造正面情绪;
三、设计空状态时整体的设计流程
功能入口:提供相关功能的入口和动作按钮,解释服务的功能和优点,引导用户到其他页面查看内容;
标题文案:说明当前状态,解释当前问题出现原因,介绍功能概要;
解说文案:如何走出当前状态,如何解决当前问题,补充说明功能概要;
推荐数据:提供热门数据、个性化推荐让用户选择;如电商搜索无结果、购物车等页面,推荐用户感兴趣的商品,能有效的提升购买转化率;
操作引导:提供相关操作的示意和引导,让用户能删除或替换内容;
完成指导:送上任务达成的祝贺语,巩固用户的成就;