UI设计师必懂的“开屏三兄弟”

闪屏Splash Screen、启动页Launch Screen、引导页Onboarding Screen

一、闪屏Splash Screen

定义

闪屏是应用每次冷启动过程中展示给用户的一个过渡页面，用于减缓用户在打开应用时等待的焦虑情绪。

用法与示例

交互方式

闪屏通常是一张背景图片，无法进行交互，不可点击也不可跳过

劣势

1. 无法跳转，只能进行展示作用，无法很好地承载营销需求

2. 展示时间不可控

使用建议

1.避免包含太多文字字符（阅读速度慢的话可能还没看完就关闭了）

2.不要过于吸引用户的注意（干扰用户的本来目的）

3.不要做广告（干扰，且不能点击）

二、启动页Launch Screen

定义

启动页形似闪屏但拥有交互功能，通常用于展示营销活动广告图片并引导用户点击。

用法与示例

交互方式

1. 点击页面或按钮进入活动承载页；

2. 点击跳过，跳过启动页，进入首页；或N秒后自动消失

备注

由于加载时间不确定，启动图通常会缓存并在下次启动时使用。

三、引导页Onboarding Screen

定义

用户安装或更新后首次启动时展示的数个页面，常用于介绍应用的核心概念，功能玩法，使用场景，核心变更。

用法与示例

交互方式

1. 左右滑动可以切换页面；

2. 最后一页页面可点击进入

使用建议

1. 轻易不要使用引导页，以免阻碍用户快速的使用体验

2. 为了降低用户反感程度，引导页数通常越少越好(< 5)

3. 尽量提供“跳过”按钮

4. 每页的文案不要超过9个字，如果有更多内容可以用小号文字进行辅助说明。（根据爱尔兰哲学家汉密尔顿观察发现的

7±2效应，一个人的短时记忆至少能回忆出5个字，最多回忆9个，即7±2个。因此展示的文案要控制在9个字以内，超过后

用户容易遗忘、出现记忆偏差。）

劣势

增加了用户进入产品的时间，用户翻页过多，可能会失去耐心、降低好感度

备注

首次打开才出现，之后就不再出现。清除用户数据，再次打开应用可以再次看到。

四、常规的启动流程