Launch File 一闪而过的启动页面

Provide a launch file.iOS displays an image the moment your app starts—giving users the impression that your app is fast and giving your app enough time to load content.

启动页面即Launch File,是在iOS系统中APP刚刚启动时显示的一个短暂的页面,这个页面将给用户留下一个对于你的应用来说启动及响应是十分迅速的这样的一个印象。这是苹果官方对于Launch File的一个定义,由此可见从设计原则的角度来考虑这个界面更应该是一个简洁,符合你的整体风格,给用户留下好的第一印象的页面。

以上是Apple官方给出的一些设计的建议,其中提到了几个关键的点我们来看一下

Launch File并不是一个提供「app entry experience」「An About window」「Branding element」的地方;

当你的应用启动完成,UI元素产生差异,这会让用户产生不愉悦;

Launch File不是一个为你提供艺术展现力的机会,它完全是为了提高应用程序的启动速度,并让用户立即投入使用。

官方给出两个Launch File的案例

The Setting Launch Image

The Weather launch image

以上两个例子均是采用仿制第一个页面的方式,在结束启动页之后采用渐变的方式过度,给用户一种快速载入的感觉。

在各类应用中大家究竟是如何处理这个一闪而过的界面呢?

案例:Facebook(43.0)、Instagram(7.10)

他们采用苹果的设计原则,启动页面即为第一个页面的相同布局版,只是没有采用任何的元素显示,这样在载入的过程中,启动页面一闪而过,会给用户一种点击就立刻进入应用的感觉。个人认为这样的设计更加适用于社交类产品,此类产品属于用户会经常切换的产品类型,当用户点击进入此类应用时,他更希望快速的看到内容,这种设计更加增强用户体验。

Facebook

Instagram

案例:淘宝(5.4.1)、ZAKER(6.3.1)、大众点评(7.9.2)

他们在这个页面并没有采用苹果提出的设计原则,在启动页面加入LOGO并进行了一些简单的设计,在页面结束后正常载入应用,他们多采用浅色或主题色,不采用过度的设计。这类应用不需要过多的加载时间,正常的进入方式,加上一些设计,同样是好的方式。

案例:Uber(2.104.3)

应用在进入时需加载地图以及周边的车辆信息,这可能会导致用户的等待时间要长于其他的应用,Uber采用这样一种设计,Launch File只是主题色加一个亮色的圆点,当应用正式启动后由于还要加载一些内容以保证用户的正常使用,所以在Launch File之后采用过渡效果立刻衔接一个动画页面,此时出现LOGO并有从点到圈的动画,给用户以等待的暗示,却又不止是静态页面,同样给用户一个好的体验。

案例:微在(1.0.7)、Eyepetizer(1.8.1)

微在采用文案+LOGO动画+加视频的方式开头,作为一款以干掉无趣为主体的应用,他是一个有趣信息的集合,用户可能更会在无聊的时候,坐车的时候打开应用,并且不会过于频繁的切换此类应用,所以这样的开始个人认为同样给用户以愉悦。

Eyepetizer这是一款精选视频软件,用户的使用场景同样是在其空闲无聊的时间,它进入时采用LOGO+渐变过渡效果+精选图片+LOGO的方式载入,虽然时长同样会略长于其他应用,这样的设计加上一些随机出现的图片,同样会在一些不经意间给用户以一些小的惊喜。

不同的产品定位,针对不用的用户群体,不同的使用的场景,种种因素都决定了这款应用的「第一印象」该如何设计。个人认为要更多考虑应用的实际情况,以及表达出真正想表达的意义,此时恰巧用户可以接受,那这样的设计就是好的设计。

你可能感兴趣的:(Launch File 一闪而过的启动页面)