启动体验设计 - 闪屏,启动页,引导页
冷启动(cold start)
- 冷启动是指应用尚未运行,系统创建进程并初始化应用。
- 热启动是指应用已经运行但是在后台被挂起,从后台恢复应用。
冷启动时间稍微会长一点,在此期间可能会看到 白屏或黑屏 或感受到明显的启动延迟(背景设为透明)
解决方法是优化初始化逻辑或使用闪屏。
闪屏(splash)
闪屏是应用 每次冷启动过程中 展示给用户的一个过渡页面。
用于减缓用户在打开应用时等待的焦虑情绪(欺骗用户以掩盖启动慢的事实)。
由于闪屏通常是一张背景图片, 无法拥有交互,也不能动态修改 ,无法承载营销需求,所以需要启动页。
启动页(launch)
启动页(launch)是一个 每次启动后 展示的 类似闪屏 的页面,根据服务端展示不同的些营销活动广告图片并引导用户点击。
由于下载时间不确定,启动图通常会 缓存并在下次启动时使用 。
引导页(guide)
引导页是在用户 安装或更新第一次启动后 展示的数个页面。
通常用于介绍应用的 核心概念,功能玩法,使用场景,重大变更 。
为了降低用户反感程度,引导页数通常 越少越好( 尽量避免展示闪屏或其它启动体验,让用户能立即使用是最好的。
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
- 定义闪屏页主题
ThemeSplash
@drawable/splash
- 在闪屏页使用主题
ThemeSplash
注意:在有虚拟按键的手机上,闪屏底部会会被虚拟按键挡信,这点在设计时需要考虑到。### iOS 实现闪屏有两种方式* `静态启动图集(static launch images)`,根据要支持的屏幕尺寸提供 Default.png 系列文件即可。* `启动图布局文件(launch screen file)`,只需要一个布局文件就可适配各种屏幕。ios, android, 产品设计, 产品经理,
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!