给用户惊喜还是惊吓?做好APP的第一帧:启动页

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给用户惊喜还是惊吓?做好APP的第一帧:启动页相关的知识,希望对你有一定的参考价值。

  做得再夺目的启动页只起辅助性的功能,这就是启动页的特殊性。启动页之所以只能起到辅助性的作用原因在于启动页并不是用户下载并使用应用的主要目的,用户的主要目的是使用应用的某一项功能。同时这个原因也导致了启动页获得的用户停留度和注意度是极低的。

  

技术分享

 

  笔者这周的工作之一是负责公司应用启动页的文案策划。其实,看似‘多余’的启动页是存在一定的逻辑的。浏览了一定数量的启动页后,笔者将在本文中就移动应用启动页的使用场景与特殊性、启动页的作用、启动页的特征、启动页的设计技巧这四个方面来帮助大家更好地理解应用的启动页。

  一、启动页的使用场景与特殊性

  >>启动页的使用场景

  启动页的使用场景主要有两个的‘第一次’:

  1.用户下载应用后‘第一次’启动应用

  2.用户更新应用后‘第一次’启动应用

  对于前一个‘第一次’,这是用户’第一次‘下载并使用应用,用户对于应用的主要功能是’一无所知‘的,此时,启动页就要告诉用户这个应用是干什么的,即对应用的主要功能介绍;

  对于后一个‘第一次’,用户对应用的新增功能、活动、内容是‘一无所知’,启动页的作用则是对用户的新增功能、新增产品、新增活动进行介绍

  上述两个使用场景基本决定了启动页的作用

  >>启动页的特殊性

  做得再夺目的启动页只起辅助性的功能,这就是启动页的特殊性。启动页之所以只能起到辅助性的作用原因在于启动页并不是用户下载并使用应用的主要目的,用户的主要目的是使用应用的某一项功能。同时这个原因也导致了启动页获得的用户停留度和注意度是极低的。

  二、启动页的作用

  启动页的作用是由启动页的使用场景而决定的。安装后的‘首次打开’和更新后的‘首次打开’的这两个场景决定了启动页会有三个作用:功能介绍、活动介绍、内容介绍。笔者特意就这三个功能找了三个例子供大家理解启动页的这三个作用

  功能介绍

  

技术分享

 

  支付宝9.5.1版本的启动页

  这是支付宝9.5.1版本的启动页,其中三页的内容是:‘新增【拜年红包】’、‘支付宝2015年账单’,‘群红包新增【中文口令】’,不难发现,这三页启动页直接对新增功能进行描述的。

  内容介绍

  

技术分享

 

  唯品会5.14.3版本的启动页

  这是唯品会5.14.3版本启动页,其中的两个内容是:‘精品美妆’、‘精致鞋包’;同样很容易理解,启动页介绍的是唯品会下一阶段会重点推出的产品

  活动介绍

  

技术分享

 

  淘宝5.4.11版本的启动页

  淘宝5.4.11版本的启动页,其中的两个内容是:‘阿里年货节’,‘方言挑战赛’,很好理解,这个启动页主要介绍与新年相关的优惠活动

  三、启动页的特征

  认真观察上述三个例子的欢迎页文案设计,很容易归纳出欢迎页有以下的三个特征:

  1.简单:在启动页中,文案是极为简短精炼的,而启动页一般由一张图片和一句文案组成

  2.直接:启动页中的文字表述简单直接,基本没有过多的修饰性词语

  3.图为主,文为辅:启动页中,图片约占三分之二的区域,文字约占三分之一的区域

  启动页之所以有上述的三个特征,根本原因是:用户在启动页的停留时间极短,这就要求启动页在最短的时间内把核心内容告知用户

  四、启动页的设计技巧

  1.在启动页右上方设置‘跳过’按钮,不强制用户阅读

  

技术分享

 

  百度外卖启动页

  这是百度外卖的启动页,在启动页右上方有一个‘跳过’按钮,其作用是允许用户跳过启动页的播放。为什么允许用户跳过启动页呢?其实结合启动页使用的两类场景就很好理解,这个‘跳过’按钮是为两类用户设计的:

  第一类:已经了解应用的主要功能的用户。用户下载应用后‘第一次’启动应用的时候,其中有一类用户在下载之前已经把应用的主要功能了然于心,此时,他可以不再依托启动页,而‘跳过’按钮就是这类用户的出口

  第二类:不需要运用应用的新增功能、活动或内容的用户。用户更新应用并‘第一次’启动应用的时候,其中有一类用户是‘被动更新’的——他根本不需要用到应用的新增功能、活动或内容,他打开应用的目的只是使用它原来的功能。

  2.把启动页设计为可操作的

  

技术分享

 

  ANY DO启动页

  这是应用ANY DO的启动页,它的一个异常鲜明的特点是:在阅读启动页时的时候允许用户进行其他操作,这一设计不仅大大提高了用户的使用效率,而且,还能提升用户在启动页的停留时间,所以,当启动页的内容不需要100%传达给用户的时候,即可考虑采用这种方式设计启动页。同时要注意技术的实现难度。

以上是关于给用户惊喜还是惊吓?做好APP的第一帧:启动页的主要内容,如果未能解决你的问题,请参考以下文章

Flutter_设置APP图标和启动图

iOS App初次启动时的用户引导页制作实例分享

app引导页和启动页有啥区别

2020-2021最新Android性能优化总结附:1586页PDF分享

迈阿密 Bitcoin 2021 全记录:奶王云集,惊喜与惊吓不断(内含彩蛋)

APP启动页隐私弹窗实现说明