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

作者: 王旋子同学 | 来源:发表于2018-07-02 16:17 被阅读383次

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

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

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

来自:Human Interface Guidelines

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

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

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

(辛苦画的图,要写上大名)

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

A.未进入APP状态

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

B.进入APP状态

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

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

来自:developer.apple.com

2)国内常见:

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

启动页 引导页

3)理论可行:

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

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

相关文章

网友评论

  • Done77:拜托,launch screen 是启动页的意思吧,splash screen才是闪屏的意思啊:broken_heart:
    王旋子同学:@Yann_c885 文章里解释了,目前国内没有定义。英文译成中文会有不同的理解,文章重点也不是为了解释概念,所以附了各个定义的英文解释。
  • HU_Wei:我觉得启动页和引导员不要同时存在,选择其一较合理,不然就像文章所说,太多内容。
    HU_Wei:@MamoShi 意思就是‘’闪屏+启动页‘’or ‘’闪屏+引导页‘’,不要‘’闪屏+启动页+引导页‘’(虽然我们产品目前就是这样做的,但我觉得这样真的不好了)这样启动过程太长,至于需要怎么用,要看项目需求了:p
    88c8b6596804:@P2GGGG 那你的产品介绍准备放在什么地方?进去就让用户第一时间收到推送的一条介绍消息?
    王旋子同学:@P2GGGG 是的,建议还是选一种就好,最好能做到即开即用的效果

本文标题:闪屏、启动页和引导页的区别

本文链接:https://www.haomeiwen.com/subject/mesluftx.html