产品 | 空白状态与用户留存率

如何利用「空白状态」提升用户留存率?——墨刀

一、空白状态是什么?

「空白状态」,英文 Empty State,通常是指 App 或者网页上没有任何数据显示时所呈现的状态。
是最容易被忽略的设计细节之一

它产生的原因可能是以下 3 种:
1)首次登录

用户首次启动该 App 或网页,并完成注册后显示的页面。

*第一次使用Gmail ,完成注册后显示的「空白状态」示例*
2)错误页面

这时候往往是用户遇到了问题,比较常见的状态是「404页面」、「网络中断」。

3)内容清空

内容被用户清空或没有添加任何数据时所显示的页面状态。

*「还没有添加任何项目,点击+号开启吧!」*

通常我们会对有大量内容和数据的页面进行精心设计,空白状态则是常常容易被忽视的一部分。
然而,空白状态对于留存用户、提升用户活跃度起着至关重要的作用。

空白状态的作用不仅仅是装饰那么简单。它不仅应该告诉用户这个页面是什么,
作为引导流畅用户体验的一部分,它还需要告诉用户下一步该怎么操作。

一个合格的「空白状态」引导页面,至少需要满足以下任意一个条件:
  • 能够帮助和培育用户正确使用你的产品
  • 能够引导用户,提示用户进行下一步的正确操作
  • 能够给用户带来愉悦感

数据表明,平均每个应用会在安装后的 3 天之内流失掉 77% 的日活跃用户。
一个月之内,这个数字几乎达到了 80%。这么低的留存率真的是因为应用不够好么?
——不完全是。

「试用期」间,你的产品是否获得用户的青睐是留存用户成功的关键。

真实情况是,用户会同时下载市面上的多款同类应用,
之后就会选择其中最好用的一款,而删掉其他的。
而在这个「试用期」间,你的产品是否获得用户的青睐是留存用户成功的关键。

想要获得用户的青睐,第一眼印象很重要,
这个时候,当用户注册完毕后,呈现的空白状态页面的重要性就凸显出来了。

在这个用户初始登录页,应该尽可能地引导用户尝试产品的各种功能,最好是喜欢上你的应用。
而在这之前,需要做的就是,让用户在第一次使用的时候就喜欢上你的应用。

「空白状态」的一个基本作用是顺利引导用户创建内容

「空白状态」的一个基本作用是顺利引导用户创建内容,
以简明扼要的文字、标识告诉用户是什么,如何创建内容,创建内容后有哪些好处。
第一次使用的用户如果能很快上手使用这个产品的功能,才有可能成为回头客。

*错误示例,使用墨刀第一次登录页面时,没有任何提示和帮助引导,可能会让新用户感到不知所措。*
*正确示例,使用墨刀第一次登录页面时,增加了引导性提示,告诉用户进行下一步操作,引导用户创建第一个应用。*

错误页面的「空白状态」,应该为用户带来有用的提示信息

在发生错误的时候,「空白状态」页面应该能够为用户带来有用的信息。
你遇到了什么问题,为什么会遇到这个问题,
以及给与提示要如何解决这个问题,引导用户进行下一步操作。

*错误示例,Spotify 操作出现错误时显示的空白状态,只显示错误发生了,然而对于用户来说,这没有任何帮助。*
*正确示例,Azendoo错误出现时展示的「空白状态」页面,这个页面不仅告诉用户掉线了,而且提供了有用的建议。*

促使用户响应行为召唤,促成转化

你还可以把空白状态页面看成是一个微型的登录页面。
优秀的登录页面首先设计上是简洁的,其次是提供具体的功能信息,
并促使用户响应行为召唤,进行下一个动作。

  • 为此,你必须:
    激励你的用户:用劝导性的语气和设计,比如:「了解更多,现在就开始吧!」这样的语句。
  • 告诉用户进行下一步操作的好处:
    提醒用户使用了这个功能可以达成怎样的结果,这个功能有什么益处
  • 使用行为召唤的按钮引导用户开始操作之旅
    使用「行为召唤」(call to action)按钮,以适当的操作引导用户离开空白状态的页面,进行下一步更有意义的操作:

给用户带来愉悦的惊喜,锦上添花之举

「空白状态」除了告诉用户这个页面是什么,如何进行下一步操作之外,
如果还能让用户感觉到有趣好玩,带来愉悦的惊喜,
能让用户感受到你的产品有那么一点点不一样,就会给用户留下深刻的印象。

*Google Hangouts ,「空白状态」页面上展示了一个孤独的泪人儿的画面,没有邀请是一件让人悲伤的事情;
观察以下这些应用的空白状态页面,通常包含以下这些特点👇
  • 品牌展示(以一种有趣的方式差异化自己的产品)
  • 有一种幽默感,给人愉悦感,(使用了情感元素,给用户带来意外的惊喜)
  • 展示品牌或产品人性化的一面
如何利用「空白状态」提升用户留存率?总结下来,就是以下几个要点👇
  • 空白状态的设计,简洁明了,用户一眼就能看出要做什么
  • 视觉上保持简洁,通常简洁明了的文案+不错的图标或者有趣的插画 + 一个CTA按钮即可
  • 最好一个页面呈现完毕,文字不用太多,呈现的内容太多可用图片或动画代替
  • 联结产品/服务的功能和人类的情感,传达产品和品牌的个性,让用户产生愉悦感,更加能记住你的产品
  • 最高境界是好的「空白状态」页面设计几乎让用户感受不到它的存在,觉得它本来就应该在那里,像一个方向导航仪,引导用户走出「网络荒原」
  • 总之,千万不要忽略空白状态页面的重要性,它是用户设计体验中的一部分,对用户的留存至关重要。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容