最容易被产品人忽略的产品细节,快来看看!
本文导读:首先很是抱歉,这么久才来更新,估计你们都想着我已经放弃了。其实是这段时间,有不得不去处理的事情,不过从另一方面也说明了,我还是太懒。下面,我们开始今天正文,上次给大家讲了产品的logo设计,今天在讲首页之前,给大家讲解下,常常被人忽略的产品细节——启动页设计。
一、什么是产品启动页
启动页(loading screen),也叫闪屏(splash screen),特指用户打开应用程序时,在正式进入程序之前会有一个加载的过程,通常是一个过度页面或动画,这个过度的页面,被称之为启动页。
启动页在每次打开应用时都会出现,而且显示时间很短,常常一闪而过,所以又称之为闪屏。举个例子,下面这张就是微信的启动页。每次打开微信app都会出现。
关注产品晚八点,小白学产品二、为什么会有启动页
根据启动页的定义,我们可以得知程序在启动的时候,必须经历加载过程。为了让用户可感知,程序已经对用户指令做出了反馈,所以必须将该加载过程可视化,以便告诉用户,当前程序正在发生的事情。不然,用户就会不知所措的持续点击该程序,试图启动它,进而焦虑起来。试想下,你点击微信,他迟迟没做任何反应,是不是会急躁的摔手机?
启动页真正意义上被重视起来,还是苹果公司推出iOS系统的时候。当时苹果公司正式给出了启动页的明确规定:为了增强应用程序启动时的用户体验,您应该提供一个启动图像。它与应用程序的首屏幕看起来非常相似,当用户在主屏幕上点击您的应用程序图标时,iPhone iOS会立即显示这个启动图像。一旦应用程序准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。
是不是看着有些不明白?下面我给大家翻一下,简而言之两个方面,一个是让用户感知当前程序已经在启动中,另一方面减少用户打开程序时等待的焦虑感,一般来说程序启动时会有3s左右的等待时间。另外在最后,苹果还明确规定了,你的启动页一定要简单,而且只能是一张图像,不能当做艺术展示页,不能有品牌元素!
但是“精透了”的中国人,对此进行了稍稍改动,在国内启动页往往承担着以下几个方面的作用:
减少用户打开程序时的等待焦虑
展示产品品牌,增强用户认知
出于商业需要,增加广告位展示
前两点无可厚非,但是其中的第三点,是完全违反用户体验的。因为正常来讲,一个程序正常启动也就2s的时间,但是为了展示商业广告,目前程序启动需要变为5s,完全是变相的扩大了用户的等待焦虑。举个栗子,比如网易云音乐,当你想听歌的时候,迫不急待打开程序,结果却是先等待几秒广告,并且跳过按钮做的极小,很难点击。(关于功能的隐藏,我单独出个专题讲,这里先不说,各位可以先自己思考下,这个问题)。
这明明是个错误的产品设计决策,为什么大多数app都有采用这样的设计?主要原因有两个,一个是产品经理有着kpi压力,一个是国人的忍耐力很牛叉的,也许是和几千年来的封建雅压迫相关了,一般都是能忍则忍思想占据主导地位,所以产品经理何乐而不为呢?要是放鹰国,估计早他们集体诉讼了,这个扯的有点远了。
三、怎么设计一个好的启动页
既然我们是面对国内的用户来设计,那么就要根据国内的用户使用习惯,行业标准来进行设计,在这里有几个以下的原则:
大道至简,启动页是程序启动的过渡页,用户的核心需求是快速的进入到程序中完成自己的事情,所以一定尽可能的快;
使用产品logo及slogan作为页面主元素,传递品牌信息,无形之间增强用户心里认知;
启动页最好比较”暗“一些,也就是朴素些,启动页作为一个过渡夜,不能太艳丽抢了主页的风头。就像让我们先看一个长相普通的女生,再看一个长相漂亮的女孩,会有惊喜,但是先看好看的,再看普通的,会降低这种惊喜。
启动页也可以与运营相结合起来,知识都是死的,战术都是活的。
第一条原则也是Apple推荐的做法。比如Instagram,去掉了一切多余的东西,只留一个白板,因为与首页布局一致,给用户的感觉应用打开时间特别快。但是这样也有一点不好,一旦等待时间稍长,干净的白板有可能会让用户以为程序无反应,崩溃了。
关注产品晚八点,小白学产品国外的app多采用此原则,主要原因还是东西方人思维、审美的差异。西方人都会按照规定执行,但是我们就不一样啦。比如你有想过为什么外国人的设计偏冷淡,而国内的则是偏喜庆的呢?
第二条原则,国内app一贯采用的做法,已经成了行业默认标准了。比如淘宝,美团等。由于这些大厂做的时候,考虑到风格搭配,所以用户在启动app的时候看到这些页面,也不会觉得很生硬,相反还觉的转场流畅。
关注产品晚八点,小白学产品第三条原则,和第二条原则大差不差,我们可以多下载一些大厂的app,我相信你会找出一些规律来着,启动页还是要朴素些的,但是游戏,酷炫类的产品就要反其道而行。
第四条原则,就是产品启动页可以配合运营一起来考虑,比如情人节,比如母亲节,以彩蛋的方式给用户些小惊喜。这点尤其在电商领域偏多,因为电商产品更多偏向运营,所以常常会有营销活动。
四、启动页后台技术逻辑
启动页作为产品slogan,不更换的,可以将启动页,写在前端也就是app中,技术实现比较简单还快。ps:图片jpg文件大小最好在150kb内;考虑安卓和ios各屏幕兼容问题,一般建议设计两种尺寸图片以匹配大部分机型:大图720*1280、小图480*800。
产品偏运营方向的,有频繁更换活动广告之类的需求,还需要为运营的童鞋配置一个启动页(闪屏)的管理后台。如图:
关注产品晚八点,小白学产品后台匹配的功能通常有以下功能:
a. 渠道配置:支持分渠道、分省份;
b. 内容维度:图片、图片+URL
c. 展示时段:后台配置闪屏在某个时间段内展示
d. 客户端闪屏展示时间:3秒,3秒后自动进入应用
e. 无闪屏处理:使用本地启动页
f. 如配置闪屏带链接,则跳转至应用内浏览器查看
......
ps:详细的具体功能,还需要根据具体的业务需求来进行,脱离业务需
求的都是一厢情愿的耍流氓,在这里大家可以去思考下,每一条的背后
需求。
五、启动页关联的其他逻辑——权限
不知道大家下载完一个app,打开后,有没有注意到权限类的弹窗,就是那些询问你要不要开启相机,相册等权限的弹窗。在这里就要说另外一个逻辑——权限,通畅都是打开app的时候,进行判断的。
一般有以下几种:
a.GPS信息检测;
b.登录状态检查;
c.麦克风授权检测;
d.摄像头授权检测;
e.陀螺头检测;
f.闪屏业务检测;
g.升级逻辑检测;
h.App store评分检测;
l.PUSH推送权限检测;
ps:业务处理说明业务判断及顺序(上面提及到的处理逻辑的顺序),异常业务处理(网络异常、位置未开启无法定位等)大家在这里可以想下,这些都对应着那些需求,他们是如何表现给用户。
以上就是启动页的前生今世,是不是没想到这么简单的一个页面,背后竟然有这么多的逻辑?这也就是产品的魅力,必须要求你考虑到方方面面。
每天的坚持,都会让你变的更强大!
关注产品晚八点,小白学产品