特殊情况下的APP设计（2）：启动页面设计

不管一个产品的启动页呈现哪种形式，都不该该忘了启动页存在的根来源根基因：为了减少用户在等待APP启动时的焦虑感。

心理学上有一个“7秒理论”，说的是，一个人对另一个人的印象，在初次见面的七秒内就会形成，比来更有研究表白，这个时间可能更短——不到1秒。所以初次见面所展示的形象真的很重要。同理，用户在使用APP时，每次启动呈现在用户面前的界面重要程度不言而喻，而这个界面就是大家熟知的启动页。

在iOS的规范中，启动页的英文叫Launch Screen，指的是启动APP时呈现的第一个界面。其实这种描述不够严谨，从启动APP到APP首页的出现之前的页面，都可以称为启动页（新手引导页除外：用户第一次使用APP，有可能还会出现新手引导页）。引导页也是一个重要的话题，我们先按下不表，以后再聊。

由于APP启动的过程很短，从几百毫秒到几秒不等，所以启动页也被称为闪屏。

了解我的人可能都知道，经常说的一句话就是“需求决定功能，功能决定设计形式”，这是我做产品的一个价值不雅观。每种设计形式的出现都是有它背后的逻辑和机制的，了解了a这个Why，能让我们做产品的时候变得更智慧。

那为什么会存在启动页这种形式？

首先目前的APP所相关的两大平台Android和iOS，是用Java和swift这些编程语言写出来的，而计算机的元器件只有开和关这两种状态。当启动APP时，设备（手机、平板等）需要将编程语言进行编译成计算机能够读懂的二进制语言，计算机只认识1和0（对应元器件的开和关）。这个编译过程需要时间，同时，启动过程还存在向办事器请求数据的情况，这也需要时间。也就是说，在点击启动APP图标，到APP首页的出现，是存在一个时间，这个时间的长短取决于设备的性能和网络环境，从几百毫秒到几秒不等。

在这段空白时间，为了不让用户感到困惑或因为等待而产生焦虑。iOS的设计规范规定，要在启动APP时，设计一个启动页，来填补这段用户等待的时间。

根据功能和达成目的的维度，我将启动页分为了五类，别离是快速启动类、品牌类、情感共鸣类、广告类、节日类。

对于启动页的设计，官方是有明确规定的，iOS的设计规范是这么描述的：

“为了增强应用程序启动时的用户体验，您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时，iPhone OS会立即显示这个启动图像。一旦准备就绪，您的应用程序就会显示它的首屏幕，来替换掉这个启动占位图像。”

查看原文：https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/

国外的APP大多采用这种方案，它的最大好处是，启动页和首页很相似，过度自然，用户感觉不到有启动这个过程，用户体验很棒。

Instagram

Foodie

Path

Facebook

如果首页的框架和内容是变革的，不固定的，那怎么办？不要慌，还是有措施的：采用和首页颜色接近的图来作为启动页。如“VSCO”等。

VSCO

如果是在国外，这篇文章讲到这就要结束了，因为记住一条方法论就行“设计一张和首屏相似的页面作为启动页，如果首屏内容是动态的，则采用和首屏整体最接近的颜色作为启动页”

但是国内的APP决定要走出一条本身的路，所以有了下面的八门五花的启动页。

尽管苹果明确提出，启动页不是你品牌展示的窗口，但将启动页做成“品牌logo+名称+slogan”成了国内最主流的启动页设计。放几张图，大家自行感受。

有道云条记&UC浏览器

上图的两个例子是目前国内APP最主流的方式，这种形式一是没有设计，二是启动页和首屏有明显的割裂感，真的不如直接用一张和首屏相似的图片作为启动页。

那如果真的要在启动这么短的时间内来强调公司或品牌，可以有更好的方案，Uber启动页利用品牌元素进行动态变革的设计，品牌元素从出现，到变革，再到消失一气呵成，并且和首屏的衔接过渡的也很自然，在确保体验的前提下，也起到了强化品牌的作用。我从Uber的这种做法提炼出了三个思路，一是除了静态图片还可以考虑动态展示的形式；二是将启动页做得更具设计感；三让启动页和首屏的过度动画更自然。可以作为品牌类启动页设计的方法论来用。

再来看几个例子：

XY&开眼

轻芒阅读&一个

标签：九江 东营 盐城 乌鲁木齐 林芝