今天我們想分享一些在創(chuàng)建FreeTime時(shí)的發(fā)現(xiàn)，F(xiàn)reeTime是一款日歷應(yīng)用，在隨后的正文中我們會(huì)多次提到它。

為什么蘋(píng)果不喜歡你應(yīng)用的啟動(dòng)圖片
從App Store創(chuàng)建伊始，蘋(píng)果就一直在推廣一個(gè)觀念：應(yīng)用的啟動(dòng)圖片（你打開(kāi)應(yīng)用***眼看到的）應(yīng)該僅僅是一個(gè)中間屏幕，僅此而已。引用蘋(píng)果的人機(jī)界面指南如下：　

“一個(gè)啟動(dòng)文件或啟動(dòng)圖片的作用是，當(dāng)應(yīng)用啟動(dòng)時(shí)提供給iOS系統(tǒng)的一個(gè)簡(jiǎn)單的圖片占位符。這個(gè)圖片占位符給用戶一個(gè)印象：你的應(yīng)用是快速的、有反應(yīng)的，因?yàn)橐稽c(diǎn)開(kāi)應(yīng)用它會(huì)立即展現(xiàn)，且很快被應(yīng)用的***屏替換。”

問(wèn)題是，相當(dāng)多的人（包括我自己）忽略了這條準(zhǔn)則。如果你對(duì)此感到好奇，可以看看上面的封面圖，或者把所有運(yùn)行在后臺(tái)的應(yīng)用關(guān)了再啟動(dòng)看看。我敢打賭你會(huì)發(fā)現(xiàn)有一大部分沒(méi)有遵循蘋(píng)果的準(zhǔn)則。

更糟的是，大多數(shù)應(yīng)用開(kāi)發(fā)者也許同意蘋(píng)果的建議（畢竟誰(shuí)不希望“給用戶留下應(yīng)用是快速有反應(yīng)的這樣的印象”呢），但在開(kāi)發(fā)中太容易為了取悅初次使用的用戶，去展現(xiàn)一個(gè)高大上啟動(dòng)圖片以及有趣的初始動(dòng)畫(huà)，結(jié)果忽略了這個(gè)準(zhǔn)測(cè)。甚至在我的咨詢工作中，啟動(dòng)圖片是一個(gè)品牌推廣***的輸出機(jī)會(huì)，我們的客戶很喜歡這個(gè)。

有些應(yīng)用開(kāi)發(fā)者（又包括了我自己）在應(yīng)用的登場(chǎng)體驗(yàn)上更進(jìn)一步，用到了動(dòng)畫(huà)和視頻?；叵?010年，我給我的日歷應(yīng)用FreeTime的***版做了這個(gè)啟動(dòng)動(dòng)畫(huà)序列，當(dāng)時(shí)我們?yōu)榇诉€相當(dāng)?shù)靡狻?/p>

在這個(gè)視頻中，你會(huì)看到一段優(yōu)美的引導(dǎo)動(dòng)畫(huà)，很多人***眼看的時(shí)候就被深深迷住了。但你沒(méi)看到的是，今后你每次打開(kāi)應(yīng)用時(shí)，它都要先秀一段白云飄飄，然后才轉(zhuǎn)入到應(yīng)用的主界面----一開(kāi)始很有趣，但很快它的吸引力就消失殆盡。

品牌植入型的啟動(dòng)圖片和動(dòng)畫(huà)只會(huì)擋道，浪費(fèi)時(shí)間。

蘋(píng)果是對(duì)的，我們不應(yīng)該忽略他們的準(zhǔn)則，因?yàn)檫@些品牌植入的啟動(dòng)圖片說(shuō)好聽(tīng)點(diǎn)是***眼很可愛(ài)很有趣，多看幾眼就膩了，說(shuō)難聽(tīng)點(diǎn)它消耗了使用我們軟件的人的大量時(shí)間。

這不僅是2010年時(shí)的應(yīng)用所為，這仍然發(fā)生在2015年的今天。比如說(shuō)，F(xiàn)ood Network最近一次的應(yīng)用更新就是如此（他們幾周前剛上蘋(píng)果的精品推薦，所以對(duì)他們挑剔一點(diǎn)也是公平的）。

這段視頻每次每次啟動(dòng)應(yīng)用時(shí)都要出現(xiàn)（而且大約有5秒鐘那么長(zhǎng)）。

隨便用了一會(huì)之后，我甚至開(kāi)始覺(jué)得這個(gè)應(yīng)用真是極其的慢，但其實(shí)我心里知道這是一個(gè)制作精良的應(yīng)用（實(shí)際是由Bottle Rocket的大牛們做的）。App Store評(píng)分也反映了這一點(diǎn)（上次我看時(shí)大約4.5星），但是使用過(guò)程中浪費(fèi)掉的時(shí)間實(shí)在是太多了。

不如我們做個(gè)趣味思維練習(xí)：每次啟動(dòng)花5.5秒，每周約啟動(dòng)3次，然后有100萬(wàn)活躍用戶，接下來(lái)一年里人類(lèi)就要損失超過(guò)8億2千萬(wàn)秒。

Food Network的應(yīng)用在接下來(lái)12個(gè)月里會(huì)干掉整整26年的人生。

給品牌植入型啟動(dòng)屏幕找條出路

這些年來(lái)我不怎么關(guān)注蘋(píng)果的啟動(dòng)圖片準(zhǔn)則，但現(xiàn)在我注意到了，因?yàn)槲野l(fā)現(xiàn)一個(gè)簡(jiǎn)單有趣的方法實(shí)現(xiàn)雙贏。一方面是品牌推廣還是能夠做，另一方面蘋(píng)果也能保有乏味的啟動(dòng)圖片（是的他們知道這是乏味的）：

“要是你覺(jué)得遵循這些準(zhǔn)則會(huì)導(dǎo)致一個(gè)平凡、乏味的啟動(dòng)圖片，你是對(duì)的。請(qǐng)記住，啟動(dòng)圖片不是給你提供做藝術(shù)展現(xiàn)的機(jī)會(huì)的。它僅僅用來(lái)加強(qiáng)用戶一些感知，感知你的應(yīng)用啟動(dòng)很快且馬上就能使用。”

這是我們開(kāi)發(fā)的一個(gè)啟動(dòng)動(dòng)畫(huà)。我們的目標(biāo)相當(dāng)明確：

獲取應(yīng)用所需權(quán)限（日歷訪問(wèn)權(quán)限和通知）

退場(chǎng)（有的登場(chǎng)體驗(yàn)堪稱拖拉）

取悅初次使用的用戶，但還是得讓著“蘋(píng)果用戶體驗(yàn)”爸爸，遵守規(guī)矩。

經(jīng)過(guò)許多迭代之后最終我們做成了這樣：

UI設(shè)計(jì)的扁平化趨勢(shì)使得應(yīng)用更容易用啟動(dòng)界面做初始品牌推廣，即使在遵循了人機(jī)界面指南的前提下。

在早先版本的iOS中，大量的漸變使得這樣做很困難，但現(xiàn)在扁平化的導(dǎo)航欄能很容易地?cái)U(kuò)展成兩倍大小，變成用作應(yīng)用登場(chǎng)效果的畫(huà)布。使用動(dòng)畫(huà)導(dǎo)航欄和分頁(yè)欄能很容易的向外擴(kuò)展，占據(jù)整個(gè)屏幕，隨后給應(yīng)用實(shí)際用途讓路。

更贊的是，這還不會(huì)讓人感覺(jué)到笨拙或別扭，完全自然而然。

下面這張圖展示了用戶***次啟動(dòng)FreeTime時(shí)所看到的，以及后續(xù)每次啟動(dòng)時(shí)看到的。

于是解決辦法來(lái)了----只需做以下四步：

如果你的應(yīng)用有頂部導(dǎo)航欄或者tab bar（下面以頂部導(dǎo)航欄為例），使用單一顏色，與此同時(shí)創(chuàng)建一張遵循蘋(píng)果規(guī)則的普通啟動(dòng)圖片.

在***次啟動(dòng)時(shí)，動(dòng)畫(huà)擴(kuò)展導(dǎo)航欄，向下擴(kuò)展到視圖中成為“登場(chǎng)效果畫(huà)布”。

插入有趣的品牌推廣（關(guān)鍵要有趣），詢問(wèn)權(quán)限許可，歡迎一下，然后馬上退場(chǎng)。

動(dòng)畫(huà)使畫(huà)布回到導(dǎo)航欄，漸隱現(xiàn)出你的應(yīng)用主界面。

你的用戶初次看到動(dòng)畫(huà)會(huì)很高興，然后在后續(xù)啟動(dòng)中，他們不會(huì)再看到有關(guān)登場(chǎng)動(dòng)畫(huà)的任何東西，但是他們也許會(huì)細(xì)微的覺(jué)察到你的應(yīng)用啟動(dòng)真是快，即開(kāi)即用。

雙贏。