POST TIME:2018-12-03 21:18
注:启动页的作用很多,在缓解用户等待焦虑的同时,也能够通过启动页来奠定品牌的基调或者实现商业价值,其重要性可见一斑。
首先简要的概括一下什么是启动页:每次唤起一个app的时候,在进入app首页之前的等待页面。
文章目录如下:
启动页设计目的
启动页分类及样式
启动页逻辑及细节
一、启动页设计目的当用户点开app时,需要对于app内的素材进行加载,好比说加载图片信息等等,为了给用户呈现一个完整友好的app界面,这个加载素材的过程需要必然的时间,为了让用户在等待这一小段时间的时候减少一些困惑,启动页这个模块就应然而生了。
刚才提到的困惑会有很多种,好比说用户在知道app启动需要等待时间的情况下,启动页可以减少用户因为等待启动时间而产生的无聊的情绪;用户也极有可能不知道app启动需要等待时间,如果没有启动页这样一个模块,会让用户产生很大的困惑,我的手机卡死了吗?还是这个app有问题?等等…
二、启动页分类及样式启动页大致可以分为以下四类:
第一类:品牌展示这类是最常见的,在启动页展示的信息包孕app名称、icon及slogan,界面简单清晰,加深用户对于品牌的认知,整体的颜色风格也遵从app界面的设计风格,让用户提前熟悉app的样式风格。
第二类:广告展示、活动展示这一类中包罗广告展示和活动展示两个小类,广告展示对外,app与广告商家谈好合作,在app的启动页展示广告商家的广告信息,当此app积累下来的流量已经形成必然的规模,足够进行分发的时候,可以用这种广告展示的方法进行流量的变现,通常使用这类启动页方式的app为通过广告作为变现的一种方式的app。常见的如网易系列的产品。活动展示对内,如app内一些运营的活动需要进行推广,app启动页就承担了这个职责,在用户第一时间进入这个app的时候就能看见app的活动有哪些。
第三类:内容展示这一类较前两种来说比较少见,启动页的内容与app的内容相关联,不但仅展示出app的活动,同时也会掺杂进app自身的设计元素在里面。如图虫网app,一个摄影伴侣圈,在启动页的展示内容就是用户上传的优质摄影,这样不但仅符合自身的摄影元素,同时连结了启动页的格调美感,还向用户提前展示了优质的原创内容。
第四类:配景底色这一类也是比较少见,启动页主体颜色样式采用和app首页相同的颜色样式,目的是在于让用户提前熟悉一下app的页面风格,这种启动页符合启动页设计的初衷,既然最初启动页的目的是为了让用户不那么无聊,那么就在这一小段时间里,提前让用户从视觉上熟悉了解一下app的框架。
在AppStore上排名前一百名的app里面,我人工的统计了一下每个app的启动页样式及分类,,如上图展示。
由此可以看出,品牌展示占了绝大多数,现在主流的app都是以输出本身的品牌文化为主,更加注重本身的风格调性;其次是活动广告类,主要是以网易的产品为主,都是用的同样的框架。
值得注意的一点,有 3 款app没有本身的启动页,这三款都是美化拍摄类的app,faceu、美颜相机等,这类APP的用户打开应用的主要目的是美妆自拍,更急迫的想直接使用app提供的功能,外加上首页进来就是自拍,都是当地的参数,不需要去办事器调取参数,所以就免去了启动页的功能。
三、启动页逻辑及细节这里就列举最常用的两类启动页类型:品牌展示、活动广告展示,这两种。
品牌展示在启动页展示的信息包孕app名称、icon及slogan,属于静态的启动页,在一次版本迭代中,app的名称、icon、slogan都是不会变的,若是上述三点有所改变,那必然会是一个新的版本迭代,所以品牌展示类型的启动页,就会是一张长宽定好的图片。在展示启动页的过程中,app向办事器请求的是app的内容,而与启动页的内容无关。
品牌展示类型的启动页需要注重的细节,就是视觉上的样式问题。UI设计的事情暂且不做太多讨论。在产品上需要注重的细节问题不久不多,这里想到的一点就是“跳过”按钮。我们在启动页,都会看到有一个跳过的按钮,这个按钮的意义在于,对于用户可以跳过本身不想看的启动页内容,对于app来说,首页需要的参数信息已经向办事器请求完毕,可以让用户本身选择他们停留在启动页的时长。
活动广告展示