什么是缺省页及作用

1、什么是缺省页

缺省页是页面无内容或者异常的状态时展示的页面。

设计缺省页作用是设计更好的用户体验,即在异常状态下的给予用户友好提示安抚用户情绪

根据异常的场景给予相关元素的缺省页,在产品页面相对应的场景特点来设计页面内容。

2、缺省页的运用的场景

例如在页面无数据空白的页面时,用户进入后不知道是没加载出来,还是没有数据,这个时候就需要缺省页的提示啦。

缺省状态包括:系统类、信息类、空白类。

系统类:用户请求服务器给予返回值失败,并检测到具体原因呈现成缺省页,最好不要出现代码的返回值。

常见的页面有:加载失败、服务器异常、网络异常 、无网络、信号弱等提示,一般页面会有重新获取等按钮,方便用户再次点击,缺省页可简述失败原因也可统一文案为网络异常。

信息类:用户请求服务器给予返回值成功,但数据异常情况的页面。

数据异常时常见的页面有 :内容已删除、商品已售空、 内容不存在、无权限等。也可在列表显示已抢完、已下架等字样。

空白类:用户请求服务器给予返回值成功,但无数据页面,会需要缺省页来表达。

常见的页面有 :搜索无结果、无消息/无通知、页面无数据等;一些消费型产品无结果时下方可相似属性产品的来引导用户进行消费的目标。

3、缺省页的样式形式

根据场景特点来设计页面内容,合理的图案、合理的提示文字信息来解决用户的疑惑。

例如下图,进入页面根本不知道什么情况,无网络?无数据?登录失败?未加载出来?

缺省页的表现形式为4种

第1种:图形+文字信息

这种形式一般运用于系统性的响应或无内容的场景。

图形:图标、插画来表达缺省;文字信息为或者“标题+描述”的结构表达缺省的原因。

如:您还没有发表过帖子,如点到“我回复的”的模块无内容,一定是“您还没有回复帖子”。随意原则就是标题加上描述内容即可。

第2种:图形+文字信息+引导

一般应用于需要引导用户操作的场景,用户也可以在无数据等情况可以达到或提升操作的目的

如:抖音点击无评论的视频时,会直接进入评论的输入页面。

第3种:图形+文字信息+按钮

一般应用于引导用户操作的场景,用户也可以在无数据等情况提高跳出率,用户可以快速操作

如:对于一些关注或者是订单类无数据时页面,可以增加“去逛逛”“去看看”等按钮。


第4种:图形+文字信息+推荐内容

提升用户体验,帮助用户在遇到困难时,更好地安抚用户的情绪。让用户有更多地消费空间与深度。让用户不跳出页面就可以看到更多内容,增加用户的消费时长和注意力。

例:在keep没有活动时,下方增加推荐的课程,可以增加用户的浏览及消费。


4、设计高段位缺省页的方法

(1)使用推荐内容

在无内容时增加推荐的数据,最好推荐数据库内热门商品,根据用户的浏览记录更加准确的推荐相关内容。

(2)增加缓存的方式

缓存内容代替缺省页。适合部分的产品,如购物类、音乐类等比较适合,不适合实时类新闻、金融等。安抚用户操作失败等情况所带来跳出率过高的风险。

(3)图形表达准确

在缺省页面上,简单粗暴的就是放一个表达强烈的灰色icon,凸显当前页面的状态。有精力和时间的话还是多处理细节,一些精美活泼生动的插画,让用户更加放松,心情愉悦。

如图1:私信无数据时,一个空盒子配上文字“您还没有聊天记录”;

图2:根据企业的企业色和吉祥物精美的画出相关的缺省图案。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,193评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,306评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,130评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,110评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,118评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,085评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,007评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,844评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,283评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,508评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,667评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,395评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,985评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,630评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,797评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,653评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,553评论 2 352

推荐阅读更多精彩内容