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

冷启动(cold start)

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

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

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

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

闪屏(splash)

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

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

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

启动页(launch)

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

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

引导页(guide)

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

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

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

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

启动流程

7fa5d1aa1b47

启动流程

虽然 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),只需要一个布局文件就可适配各种屏幕。

参考链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值