企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站优化

Website development

网站优化,如何利用「空白状态」提升用户留存率?

发布时间:2016-09-01 09:39:50

TAGS:网站优化


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

用户留存率.jpgNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

通常我们会对有大量内容和数据的页面进行精心设计,而空白状态则是常常容易被忽视的一部分。然而,空白状态对于留存用户、提升用户活跃度也起着至关重要的作用。今天这篇好文,总结了利用「空白状态」提升用户留存率的5个要点,附上大量实例,一起来收。
NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

空白状态是什么?NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

「空白状态」,英文 Empty State,通常是指 App 或者网页上没有任何数据显示时所呈现的状态,它产生的原因可能是以下 3 种:NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

首次登录NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

用户首次启动该 App 或网页,并完成注册后显示的页面。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

第一次使用Gmail ,完成注册后显示的「空白状态」示例NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

错误页面NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这时候往往是用户遇到了问题,比较常见的状态是「404页面」、「网络中断」。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.png
NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

内容清空NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

内容被用户清空或没有添加任何数据时所显示的页面状态。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3.jpegNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

「还没有添加任何项目,点击+号开启吧!」NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

空白状态的作用不仅仅是装饰那么简单。它不仅应该告诉用户这个页面是什么,作为引导流畅用户体验的一部分,它还需要告诉用户下一步该怎么操作。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个合格的「空白状态」引导页面,至少需要满足以下任意一个条件:NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

能够帮助和培育用户正确使用你的产品NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

能够引导用户,提示用户进行下一步的正确操作NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

能够给用户带来愉悦感NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

数据表明,平均每个应用会在安装后的 3 天之内流失掉 77% 的日活跃用户。一个月之内,这个数字几乎达到了 80%。这么低的留存率真的是因为应用不够好么?NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

不完全是。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

「试用期」间,你的产品是否获得用户的青睐是留存用户成功的关键。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

真实情况是,用户会同时下载市面上的多款同类应用,之后就会选择其中好用的一款,而删掉其他的。而在这个「试用期」间,你的产品是否获得用户的青睐是留存用户成功的关键。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

想要获得用户的青睐,第一眼印象很重要,这个时候,当用户注册完毕后,呈现的空白状态页面的重要性就凸显出来了。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在这个用户初始登录页,应该尽可能地引导用户尝试产品的各种功能,好是喜欢上你的应用。而在这之前,需要做的就是,让用户在第一次使用的时候就喜欢上你的应用。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

「空白状态」的一个基本作用是顺利引导用户创建内容,以简明扼要的文字、标识告诉用户是什么,如何创建内容,创建内容后有哪些好处。第一次使用的用户如果能很快上手使用这个产品的功能,才有可能成为回头客。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

4.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

 错误示例,第一次登录页面时,没有任何提示和帮助引导,可能会让新用户感到不知所措。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

5.jpegNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

正确示例,第一次登录页面时,增加了引导性提示,告诉用户进行下一步操作,引导用户创建第一个应用。
NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

错误页面的「空白状态」,应该为用户带来有用的提示信息NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在发生错误的时候,「空白状态」页面应该能够为用户带来有用的信息。你遇到了什么问题,为什么会遇到这个问题,以及给与提示要如何解决这个问题,引导用户进行下一步操作。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

6.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

错误示例,Spotify 操作出现错误时显示的空白状态,只显示错误发生了,然而对于用户来说,这没有任何帮助。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

正确示例,Azendoo错误出现时展示的「空白状态」页面,这个页面不仅告诉用户掉线了,而且提供了有用的建议。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

促使用户响应行为召唤,促成转化NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

你还可以把空白状态页面看成是一个微型的登录页面。优秀的登录页面首先设计上是简洁的,其次是提供具体的功能信息,并促使用户响应行为召唤,进行下一个动作。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

7.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

为此,你必须:NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

激励你的用户NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

用劝导性的语气和设计,比如:「了解更多,现在就开始吧!」这样的语句。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

8.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

告诉用户进行下一步操作的好处NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

提醒用户使用了这个功能可以达成怎样的结果,这个功能有什么益处NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

9.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

使用行为召唤的按钮引导用户开始操作之旅NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

使用「行为召唤」(call to action)按钮,以适当的操作引导用户离开空白状态的页面,进行下一步更有意义的操作:NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

10.jpegNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

给用户带来愉悦的惊喜,锦上添花之举NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

「空白状态」除了告诉用户这个页面是什么,如何进行下一步操作之外,如果还能让用户感觉到有趣好玩,带来愉悦的惊喜,能让用户感受到你的产品有那么一点点不一样,就会给用户留下深刻的印象。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

11.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Google Hangouts?,「空白状态」页面上展示了一个孤独的泪人儿的画面,没有邀请是一件让人悲伤的事情。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

观察以下这些应用的空白状态页面,通常包含以下这些特点:NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

品牌展示(以一种有趣的方式差异化自己的产品)NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

有一种幽默感,给人愉悦感,(使用了情感元素,给用户带来意外的惊喜)NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

展示品牌或产品人性化的一面NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

12.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

13.jpegNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

14.jpegNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

15.pngNSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如何利用「空白状态」提升用户留存率?NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

总结下来,就是以下几个要点:NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

空白状态的设计,简洁明了,用户一眼就能看出要做什么NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

视觉上保持简洁,通常简洁明了的文案+不错的图标或者有趣的插画 + 一个CTA按钮即可NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

好一个页面呈现完毕,文字不用太多,呈现的内容太多可用图片或动画代替NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

联结产品/服务的功能和人类的情感,传达产品和品牌的个性,让用户产生愉悦感,更加能记住你的产品。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

高境界是好的「空白状态」页面设计几乎让用户感受不到它的存在,觉得它本来就应该在那里,像一个方向导航仪,引导用户走出「网络荒原」。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联


NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

总之,千万不要忽略空白状态页面的重要性,它是用户设计体验中的一部分,对用户的留存至关重要。NSO北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6784,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号