定义
缺省页指页面的信息内容为空或信息响应异常的状态
设计缺省状态的作用不仅是引导用户在异常边界状态的操作提示,同时也是安抚用户体验情绪的重要场景,更重要的是为边界场景营造出良好用户体验
缺省页主要类别
数据请求成功的无数据
提供空数据、无数据的说明
提供相关引导和导航推荐
比如:无结果、空数据
数据请求成功的数据异常
数据请求失败的异常
提供重新请求的快捷按钮
提供异常失败的原因分析和解决办法
比如:加载失败、服务器异常、网络异常、无网络
缺省页设计
视觉图案+文案
视觉图案:一般使用app吉祥物或主色调延展出的icon或插画来表示缺省状态
文案:通常为【标题】或【标题+描述】结构。标题文案通常是表达出现缺省的原因;描述文案则说明结束缺省状态的解决办法,如:请检查网络是否顺畅 等
视觉图案+文案+引导
引导模块的内容包括:相似属性内容,相似行为目标按钮或解决缺省状态操作按钮,加入引导,用户进行某项行为或者感知某些信息,对于功能的教学和使用频率的提升有着重要作用。引导模块的形式也是日新月异,逐渐变成新用户业务引导的作用,不仅限于页面平铺,也可以做成固定气泡微动效
缺省页设计技巧
使用推荐内容
请求成功的无数据情况非常影响边界情况的用户体验,提出一种假设,是否可以刻意推荐相同属性的内容呢?这样的界面既不会显得苍白无力又可以留住用户的注意力。相似性的内容也可以解决用户目标的迫切性
使用缓存
是否使用缓存内容代替缺省状态,缓存内容可以代替产品的缺省状态,安抚用户操作失败所带来跳出率过高的风险
情感化表达
当缺省页给到用户时,通常省时省力的做法就是老老实实告诉用户当前的状态,最多配上一个具有通识性的灰色icon。但是考虑到用户体验,可以把缺省内容表达得更加生动形象一些,加入一些情感化的表达,而不是仅仅只是做到准确的目标而已,比如加上活泼的插图故事或者把文案写得更加拟人化、戏剧化一些。在让用户明白当前的状态的同时,往往也能引发用户会心一笑,从而弥补空白页面带来的失落感甚至可以带给用户一些正面的情感
提供新任务
通常缺省页的引导模块都着眼于解决当前任务,如果碰到没有解决方案的情况(例如:404,服务器崩溃等)可以提供给用户具有情感共情的新任务,让他们暂时忘记无法达到目标的挫败感,又有体谅的情怀