定义

缺省页指页面的信息内容为空或信息响应异常的状态
设计缺省状态的作用不仅是引导用户在异常边界状态的操作提示,同时也是安抚用户体验情绪的重要场景,更重要的是为边界场景营造出良好用户体验

缺省页主要类别

数据请求成功的无数据

提供空数据、无数据的说明
提供相关引导和导航推荐
比如:无结果、空数据

数据请求成功的数据异常

提示数据缺失文案说明
比如:数据被删除、下架、不存在、无权限

数据请求失败的异常

提供重新请求的快捷按钮
提供异常失败的原因分析和解决办法
比如:加载失败、服务器异常、网络异常、无网络

缺省页设计

视觉图案+文案

视觉图案:一般使用app吉祥物或主色调延展出的icon或插画来表示缺省状态
文案:通常为【标题】或【标题+描述】结构。标题文案通常是表达出现缺省的原因;描述文案则说明结束缺省状态的解决办法,如:请检查网络是否顺畅 等

视觉图案+文案+引导

引导模块的内容包括:相似属性内容,相似行为目标按钮或解决缺省状态操作按钮,加入引导,用户进行某项行为或者感知某些信息,对于功能的教学和使用频率的提升有着重要作用。引导模块的形式也是日新月异,逐渐变成新用户业务引导的作用,不仅限于页面平铺,也可以做成固定气泡微动效

缺省页设计技巧

使用推荐内容

请求成功的无数据情况非常影响边界情况的用户体验,提出一种假设,是否可以刻意推荐相同属性的内容呢?这样的界面既不会显得苍白无力又可以留住用户的注意力。相似性的内容也可以解决用户目标的迫切性

使用缓存

是否使用缓存内容代替缺省状态,缓存内容可以代替产品的缺省状态,安抚用户操作失败所带来跳出率过高的风险

情感化表达

当缺省页给到用户时,通常省时省力的做法就是老老实实告诉用户当前的状态,最多配上一个具有通识性的灰色icon。但是考虑到用户体验,可以把缺省内容表达得更加生动形象一些,加入一些情感化的表达,而不是仅仅只是做到准确的目标而已,比如加上活泼的插图故事或者把文案写得更加拟人化、戏剧化一些。在让用户明白当前的状态的同时,往往也能引发用户会心一笑,从而弥补空白页面带来的失落感甚至可以带给用户一些正面的情感

提供新任务

通常缺省页的引导模块都着眼于解决当前任务,如果碰到没有解决方案的情况(例如:404,服务器崩溃等)可以提供给用户具有情感共情的新任务,让他们暂时忘记无法达到目标的挫败感,又有体谅的情怀