闪屏、启动页和引导页的区别

早先,在网上看到过很多的教程是对启动页和引导页的介绍,经常会发现不同文章介绍的都是存在矛盾的,今天和程序员小哥哥讨论了很久,从设计和程序的角度阐述一下这个一瞬间的过程。

在此呢,我不知道该如何定义“闪屏”、“启动页”和“引导页”,也没有查到相关名词的定义解释。为了便于大家的理解,我阐述一下我对这几个名词的理解(很多人叫法不一,但是功能一致的为一个类型的页面)

1. 闪屏:在iOS规范里被称为Launch Screen,即用户在触发应用时立即显示在屏幕上的页面,很快就会被应用中第一个页面所替换,让用户有快速反应及响应的感觉。这个页面不建议进行视觉传达,它的目的只是为了增强应用的视觉感知,完成启动即用的操作。另外,每个应用都需要有这个页面。(为什么把最开始叫闪屏,因为这个就是一闪而过的页面,不服来辩)

闪屏、启动页和引导页的区别_第1张图片
来自:Human Interface Guidelines

2.启动页:为增加品牌或用户友好度而增加的页面,大部分情况下打开APP的情况下都会展示。现在有很多APP在这个页面中进行品牌露出、广告、活动等展示,展示方式也有静态图片、动态图片、动画等多种方式。

3.引导页:为了使用户了解产品动态或引导用户完成某种操作,常见的有新手引导、产品更新等引导。

为了将这个几秒钟的过程能够完整展现出来,画了一张图辅助介绍这个过程:

闪屏、启动页和引导页的区别_第2张图片
(辛苦画的图,要写上大名)

将这个过程分为2部分:未进入APP和进入APP的状态,区分特征是用户能发进行交互操作。在未进入APP的状态,应用未展示且不能进行任何交互操作(不包括清理系统强制关闭);在进入APP的状态后,用户可进行交互操作。

A.未进入APP状态

点击APP图标—>Launch Screen(闪屏)几乎不到1s,随着硬件、技术等提升,这个时间再越来越短。

B.进入APP状态

1)国外常见:iOS推荐流程

从Launch Screen直接跳转到应用页面,其中Launch Screen采用与第一个屏幕相同的样式,去除掉文字、图片等内容。

闪屏、启动页和引导页的区别_第3张图片
来自:developer.apple.com

2)国内常见:

从Launch Screen后判断是否为得一次启动应用,如果是则展示引导页,如果不是则展示启动页。

闪屏、启动页和引导页的区别_第4张图片
启动页
闪屏、启动页和引导页的区别_第5张图片
引导页

3)理论可行:

从Launch Screen后是启动页、然后展示引导页(不建议这个过程)。如果同时存在会导致用户操作过多步骤才能进行实际应用使用,操作时间太久,友好度不高,也容易跳出。

另外,很多设计师都喜欢在启动和引导页做大量的设计,因为这样不但可以提高品牌辨识度、也能增强用户友好度。但是请尽量避免在闪屏上做过多设计,让用户能识别点击响应后尽可能做简化设计,避免大段文字、品牌形象和其他突兀的设计。

你可能感兴趣的:(闪屏、启动页和引导页的区别)