啟動(dòng)體驗(yàn)設(shè)計(jì)-閃屏驮俗,啟動(dòng)頁(yè),引導(dǎo)頁(yè)

冷啟動(dòng)(cold start)

  • 冷啟動(dòng)是指應(yīng)用尚未運(yùn)行异旧,系統(tǒng)創(chuàng)建進(jìn)程并初始化應(yīng)用意述。
  • 熱啟動(dòng)是指應(yīng)用已經(jīng)運(yùn)行但是在后臺(tái)被掛起提佣,從后臺(tái)恢復(fù)應(yīng)用吮蛹。

冷啟動(dòng)時(shí)間稍微會(huì)長(zhǎng)一點(diǎn),在此期間可能會(huì)看到白屏或黑屏或感受到明顯的啟動(dòng)延遲(背景設(shè)為透明)
解決方法是優(yōu)化初始化邏輯或使用閃屏拌屏。

閃屏(splash)

閃屏是應(yīng)用每次冷啟動(dòng)過(guò)程中展示給用戶的一個(gè)過(guò)渡頁(yè)面潮针。

用于減緩用戶在打開(kāi)應(yīng)用時(shí)等待的焦慮情緒(欺騙用戶以掩蓋啟動(dòng)慢的事實(shí))。

由于閃屏通常是一張背景圖片倚喂,無(wú)法擁有交互每篷,也不能動(dòng)態(tài)修改瓣戚,無(wú)法承載營(yíng)銷需求,所以需要啟動(dòng)頁(yè)焦读。

啟動(dòng)頁(yè)(launch)

啟動(dòng)頁(yè)(launch)是一個(gè)每次啟動(dòng)后展示的類似閃屏的頁(yè)面子库,根據(jù)服務(wù)端展示不同的些營(yíng)銷活動(dòng)廣告圖片并引導(dǎo)用戶點(diǎn)擊。

由于下載時(shí)間不確定矗晃,啟動(dòng)圖通常會(huì)緩存并在下次啟動(dòng)時(shí)使用仑嗅。

引導(dǎo)頁(yè)(guide)

引導(dǎo)頁(yè)是在用戶安裝或更新第一次啟動(dòng)后展示的數(shù)個(gè)頁(yè)面。

通常用于介紹應(yīng)用的 核心概念张症,功能玩法仓技,使用場(chǎng)景,重大變更俗他。

為了降低用戶反感程度脖捻,引導(dǎo)頁(yè)數(shù)通常越少越好(< 5),并提供“跳過(guò)”按鈕兆衅。

啟動(dòng)頁(yè)可以算是形似閃屏且只有一個(gè)頁(yè)面的引導(dǎo)頁(yè)地沮。

啟動(dòng)流程

啟動(dòng)流程

雖然 Apple 也曾經(jīng)在《iOS 人機(jī)交互手冊(cè)》里建議盡量不要展示閃屏或其它啟動(dòng)體驗(yàn)。

盡量避免展示閃屏或其它啟動(dòng)體驗(yàn)羡亩,讓用戶能立即使用是最好的诉濒。
As much as possible, avoid displaying a splash screen or other startup experience. It’s best when users can begin using your app immediately.

然而,閃屏/啟動(dòng)頁(yè)/引導(dǎo)頁(yè) 現(xiàn)在已經(jīng)成為應(yīng)用標(biāo)配夕春,一起組成了現(xiàn)在常見(jiàn)的啟動(dòng)流程未荒,同時(shí)用于展示品牌性格,廣告營(yíng)銷入口及志。

Android 實(shí)現(xiàn)閃屏

使用 android:windowBackground 實(shí)現(xiàn)閃屏

  1. 定義背景圖 drawable/splash
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@color/gray"/>
    <item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/ic_launcher"/>
    </item>
</layer-list>
  1. 定義閃屏頁(yè)主題 ThemeSplash
<resources> 
    <style name="ThemeSplash" parent="Theme.AppCompat.NoActionBar">
        <item name="android:windowBackground">@drawable/splash</item>
    </style> 
</resources>
  1. 在閃屏頁(yè)使用主題 ThemeSplash
<activity
    android:name=".SplashActivity"
    android:theme="@style/ThemeSplash">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

注意:在有虛擬按鍵的手機(jī)上片排,閃屏底部會(huì)會(huì)被虛擬按鍵擋信,這點(diǎn)在設(shè)計(jì)時(shí)需要考慮到速侈。

iOS 實(shí)現(xiàn)閃屏

有兩種方式

  • 靜態(tài)啟動(dòng)圖集(static launch images)率寡,根據(jù)要支持的屏幕尺寸提供 Default.png 系列文件即可。
  • 啟動(dòng)圖布局文件(launch screen file)倚搬,只需要一個(gè)布局文件就可適配各種屏幕冶共。

參考鏈接

app為什么要有啟動(dòng)頁(yè)(Splash screen)
APP設(shè)計(jì)之一:?jiǎn)?dòng)頁(yè)
APP設(shè)計(jì)之二:引導(dǎo)頁(yè)
iOS開(kāi)發(fā)時(shí)如何使用 Launch Screen Storyboard
Cold Start Times: An Analysis of Top Apps
Avoiding cold starts on Android
Facebook iOS App如何優(yōu)化啟動(dòng)時(shí)間

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市每界,隨后出現(xiàn)的幾起案子捅僵,更是在濱河造成了極大的恐慌,老刑警劉巖眨层,帶你破解...
    沈念sama閱讀 221,273評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件庙楚,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡趴樱,警方通過(guò)查閱死者的電腦和手機(jī)馒闷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門酪捡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人纳账,你說(shuō)我怎么就攤上這事逛薇。” “怎么了疏虫?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,709評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵金刁,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我议薪,道長(zhǎng)尤蛮,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,520評(píng)論 1 296
  • 正文 為了忘掉前任斯议,我火速辦了婚禮产捞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘哼御。我一直安慰自己坯临,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布恋昼。 她就那樣靜靜地躺著看靠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪液肌。 梳的紋絲不亂的頭發(fā)上挟炬,一...
    開(kāi)封第一講書(shū)人閱讀 52,158評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音嗦哆,去河邊找鬼谤祖。 笑死,一個(gè)胖子當(dāng)著我的面吹牛老速,可吹牛的內(nèi)容都是我干的粥喜。 我是一名探鬼主播,決...
    沈念sama閱讀 40,755評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼橘券,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼额湘!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起旁舰,我...
    開(kāi)封第一講書(shū)人閱讀 39,660評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤锋华,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后鬓梅,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體供置,經(jīng)...
    沈念sama閱讀 46,203評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡谨湘,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評(píng)論 3 340
  • 正文 我和宋清朗相戀三年绽快,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了芥丧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,427評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡坊罢,死狀恐怖续担,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情活孩,我是刑警寧澤物遇,帶...
    沈念sama閱讀 36,122評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站憾儒,受9級(jí)特大地震影響询兴,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜起趾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評(píng)論 3 333
  • 文/蒙蒙 一诗舰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧训裆,春花似錦眶根、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,272評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至变姨,卻和暖如春族扰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背定欧。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工别伏, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人忧额。 一個(gè)月前我還...
    沈念sama閱讀 48,808評(píng)論 3 376
  • 正文 我出身青樓厘肮,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親睦番。 傳聞我的和親對(duì)象是個(gè)殘疾皇子类茂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容