android 闪屏引导,启动体验设计-闪屏，启动页，引导页

冷启动(cold start)

冷启动是指应用尚未运行，系统创建进程并初始化应用。

热启动是指应用已经运行但是在后台被挂起，从后台恢复应用。

冷启动时间稍微会长一点，在此期间可能会看到白屏或黑屏或感受到明显的启动延迟(背景设为透明)

解决方法是优化初始化逻辑或使用闪屏。

闪屏(splash)

闪屏是应用每次冷启动过程中展示给用户的一个过渡页面。

用于减缓用户在打开应用时等待的焦虑情绪(欺骗用户以掩盖启动慢的事实)。

由于闪屏通常是一张背景图片，无法拥有交互，也不能动态修改，无法承载营销需求，所以需要启动页。

启动页(launch)

启动页(launch)是一个每次启动后展示的类似闪屏的页面，根据服务端展示不同的些营销活动广告图片并引导用户点击。

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

引导页(guide)

引导页是在用户安装或更新第一次启动后展示的数个页面。

通常用于介绍应用的核心概念，功能玩法，使用场景，重大变更。

为了降低用户反感程度，引导页数通常越少越好(< 5)，并提供“跳过”按钮。

启动页可以算是形似闪屏且只有一个页面的引导页。

启动流程

虽然 Apple 也曾经在《iOS 人机交互手册》里建议尽量不要展示闪屏或其它启动体验。

尽量避免展示闪屏或其它启动体验，让用户能立即使用是最好的。

As much as possible, avoid displaying a splash screen or other startup experience. It’s best when users can begin using your app immediately.

然而，闪屏/启动页/引导页现在已经成为应用标配，一起组成了现在常见的启动流程，同时用于展示品牌性格，广告营销入口。

Android 实现闪屏

使用 android:windowBackground 实现闪屏

定义背景图 drawable/splash

android:drawable="@color/gray"/>

android:gravity="center"

android:src="@mipmap/ic_launcher"/>

定义闪屏页主题 ThemeSplash

@drawable/splash

在闪屏页使用主题 ThemeSplash

android:name=".SplashActivity"

android:theme="@style/ThemeSplash">

注意：在有虚拟按键的手机上，闪屏底部会会被虚拟按键挡信，这点在设计时需要考虑到。

iOS 实现闪屏

有两种方式

静态启动图集(static launch images)，根据要支持的屏幕尺寸提供 Default.png 系列文件即可。

启动图布局文件(launch screen file)，只需要一个布局文件就可适配各种屏幕。

参考链接

android 闪屏引导,启动体验设计-闪屏，启动页，引导页相关推荐

android splash白屏_android app 优化启动体验, 不闪白屏并且快速展示 splash
要优化 app 的启动体验, 首先在清单文件中第一个启动的 SplashActivity 使用了 theme 的方式. android:name="com.ingdan.xxx.ui.act ...
【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 =＞大屏自适应缩放解决方案 =＞使用transform:scale =＞组件化抽离ScaleBox=＞【两分钟实现大屏宽高等比例】
如果累了就冬眠吧,如果睡不着,就接纳暂时的失眠,不强迫自己入睡. 目录一.大屏简介 1.数据可视化 2.大屏用途 3.大屏效果展示二.大屏需求分类 1.固定尺寸的"真实"大屏 ...
Android应用启动时白色闪屏原因及解决办法
白色闪屏现象: 如果OnCreate().onStart().onResume()中操作太多,耗时较久.那么就会在主界面显示出来之前出现白色闪屏.为了更清晰的看出白色闪屏,这里在代码中执行50000次 ...
Android启动应用时闪一下黑屏
Android手机在启动应用时,闪一下黑屏,有的手机1秒不到,有的2秒或以上?一直没注意其他应用,听同事说微信桌面点击启动时会延迟一会启动,没有黑屏..试了一下,像QQ.微信.360云盘.酷我音乐等A ...
四叶草启动linux黑屏,U盘clover引导原版10.9黑屏，是啰嗦模式之后白屏闪一下熄灭...
RT 楼主发错区,,这里Mavericks 单装8.1没技术可言 Macbook. 发表于 2014-3-24 16:35 楼主发错区,,这里Mavericks ...就是要clover引导原版Mav ...
Flutter——踩坑之旅（iOS闪屏页+启动页闪屏之后会黑一下才进入启动页）
程序猿日常 flutter填坑--iOS闪屏页+启动页效果优化闪屏之后会黑一下进入启动页问题描述大部分app都有自己的启动页,我们经常在启动页做一些判断逻辑,例如是否第一次启动app,第一次启 ...
【转载】用外部程序启动AutoCAD方法的研究(启动闪屏制作与CreateProcess启动操控AutoCAD探索)
第1 页用外部程序启动AutoCAD 方法的研究 --- 启动闪屏制作与CreateProcess 启动操控AutoCAD 探索作者:七彩云南(QQ) QQ:420304230 E-mail:Ay ...
解决双系统中Ubuntu16.04启动页面是黑屏，并只有一个光标在闪的问题
问题背景本人为了学习大数据,在自己的dell笔记本电脑上安装了windows 10 和 Ubuntu 16.04系统,本来两个系统运行的挺好的,但是最近一直使用了Windows系统几天,再次进入到U ...
android 闪屏页处理_关于Android应用回到桌面会重复打开闪屏页
现在存在有的时候发现回到桌面会重复打开闪屏页,我研究了一下,有如下结果. 重现方式: 用android的installer安装打开闪屏页,按Home键回到首页,然后点击launcher的图标会再打开一 ...

android 闪屏引导,启动体验设计-闪屏，启动页，引导页

android 闪屏引导,启动体验设计-闪屏，启动页，引导页相关推荐

最新文章

热门文章