手指無聊的在手機屏幕上滑動，N多程序跟着手指左左右右的翻來覆去，忽然眼角掃見了一個亮眼的程序，仔細一打量覺得有點意思，隨手點擊一下，等着程序啓動。。。。。。
場景是太常見了，那麼在點擊圖標之後，APP首頁展示在我們面前之前，這段時間發生了什麼呢？
在首頁之前有幾個頁面
答案是倆。一般來說是倆，也許有的程序有很多，但我目前還沒見過。這倆頁面就是“引導頁” “啓動頁”。
引導頁，什麼鬼？
當你第一次使用某個APP的時候，點擊應用首先會出來這麼一個頁面，整個一個大的圖，下面還有幾個點，當你在屏幕上滑動時，圖變了，下面的點也跟着發生變化，這個頁面的內容是一些關於APP的形象介紹和產品宣傳，這個頁面就是引導頁，引導用戶使用，並藉機宣傳產品功能和特性。
引導頁的作用
引導頁一般會在兩個時機出現，用戶第一次使用時，和更新版本後第一次使用時。爲什麼會在這兩個時機展示呢？我們讓用戶看引導頁的目的是什麼呢？
當用戶第一次使用APP時，對於APP的瞭解都是抽象的不具體的，那麼就需要用一些引導性的圖片或者動畫也可以是視頻來對用戶來一個簡明扼要的說明，讓用戶瞭解APP是做什麼的。
還有一種情形是產品更新了新版本，加入了更好玩更能吸引用戶對用戶更有幫助的新特性，爲了讓用戶更快的瞭解到產品的變化也會在這個頁面通過圖片或動畫的形式來告訴客戶，吸引用戶的興趣。
引導頁有幾種
引導頁的主要目的是爲了給用戶展示信息，做法也比較靈活，展現形式可靜可動。
靜態引導頁
指的是頁面圖片內容是靜止不動的。可以根據展示的圖片的數量來分爲，多圖展示和單圖展示。
多圖展示，圖片可以是多張圖片，通過手指滑動來切換圖片來展示內容，當然最好的變法是切換圖片的時候加入一些切換動畫，來讓效果看起來更生動有朝氣。 單圖展示，圖片是一張大的背景圖，一般是做成卷軸的形式從左到右展現，讀起來感覺像是在通過鏡頭在觀賞一副畫作，通過手指滑動來展示不同的位置。這樣的形式甚至可以講一個故事或者描述一個流程，跟看電影似得，仔細讀讀還挺過癮。
動態引導頁
動態引導頁產生的目的是爲了讓用戶看起來更形象更立體，動態引導頁也可以分兩種，一種是展示動畫，一種是展示視頻。 展示動畫是在APP裏內置一個gif文件或者一組連貫的圖片，通過程序控制播放，通常是描繪的一個完整的用戶使用的場景，優點是展示的場景更生動，缺點是會增大安裝包的體積。 展示視頻是在引導頁播放一段小視頻，可以使用戶使用場景的一個片段也可以是一些人的發言，內容可發揮餘地很大，是讓用戶體驗起來最生動最好的。可惜如果內置視頻會導致APP體積增大到很可怕的程度，一般最好不要在用戶第一次安裝時使用這種引導形式。
引導頁的引申用法
之前說過引導頁一般出現在用戶第一次安裝啓動時，或者版本更新後第一次啓動時。但是我們有一個特別牛的活動，可以給用戶提供更好地服務，而且還不需要發版本，我該怎麼讓用戶知道呢？難道靠用戶在APP裏瞎點麼？這時候可以考慮打打引導頁的主意，這就需要產品提前做好這個需求，讓程序員開發。這個場景一般可能不需要，因爲大部分牛逼的新功能會隨着新版本一塊兒發佈，但萬一呢，萬一你有一個big Idea可以直接利用現有的H5頁和App功能直接就能實現呢，一個牛逼的創意，都做出來了，然後用戶確不知道，這不得憋屈死啊。所以這種模式-大活動展示-應用而生，建議目前有這個功能的APP產品人員記着點，這個方式可以極大的方便新特性推廣，沒有的產品記得儘快在某個APP裏做進去。
做引導頁的注意事項
產品在設計引導頁的時候往往走入這麼幾個誤區：
做個按鈕點擊了直接跳轉到某個頁面唄
既然圖都能動了，那就來個動畫唄，或者都能動畫了那就直接來個視頻得了
自己想要表達的沒能表述清，再多弄幾張圖或者多一點時間
千萬不要，你的介紹再牛逼，你的動畫再精彩，你所佔用的也是用戶的手機流量，用戶的時間，現在用戶對流量耗費還是很敏感的，世面上又有各種程序來查看程序耗費的資源，如果被用戶發現了被卸載不說還有可能被用戶傳播，做爛了口碑。另外引導頁畢竟只是個過渡頁面，程序運行需要的各種設定可能還沒準備好，你如果加了按鈕加了交互操作有可能會引發不可預料的問題。
啓動頁
啥是啓動頁
這已經不是你第一次打開APP了，但每次打開都會有一張圖先展示在你面前，頁面逼格或low或高，畫面風格或清爽或怪異，你總歸要在這個頁面呆個幾秒才能正式進入到APP首頁。這個頁面就是啓動頁。
啓動頁的作用
啓動頁的形式，一般是一張大圖下面再加一句朗朗上口的slogan,這樣有兩個好處，
1、品牌形象整體漏出，在加上slogan的描述，讓用戶對產品瞭解的更多一些，優秀的形象設計有利於在用戶心理留下好印象，爲產品的整體展示做好鋪墊。 2、準備數據，啓動頁下一頁就是首頁，如果用戶進入首頁還要等待一段時間來加載數據會影響用戶體驗，而且會讓用戶明顯的感受到數據請求的過程，進而對程序使用的流量點亮產生質疑，所以可以利用這段時間加載必須的數據，儘量讓用戶進入首頁就能看到東西，讓用戶感覺程序使用很順暢，流量和電量的使用無感知。 3、廣告展示，如果策劃了一個比較好的活動，可以在啓動頁展示海報，對活動進行一個相對詳盡的描述，讓用戶快速的瞭解活動，也可以通過點擊海報快速參與活動
啓動頁設計注意事項
1、不要用衝擊太大的色彩和圖，啓動頁是展示是很頻繁的，這時候用戶的心裏狀態基本是這樣的，“終於選好了一個應用，不用再滿無目的的瞎劃了，靜下心來看看這個應用裏有什麼好東西”，注意這時用戶的心裏是稍微有點平靜的，注意不要用衝擊力很強的顏色，如紅色，如果用的話也不要把衝擊性高的顏色當背景色。背景色儘量選擇平和一點的。
PS：遊戲恰恰相反，要根據遊戲類型選擇視覺差距明顯的顏色，來吸引用戶的眼球，刺激用戶的腎上腺素調節，烘托一下嗨的氛圍。
2、預留合作方圖標的空間，再設計的時候需要考慮到你的APP可能會做不同渠道的首發，要給別人的圖標留個地方來放。
3、廣告顯示時，一定要有跳過的按鈕，如果沒有按鈕就是強姦用戶，讓用戶感覺你是在浪費我的時間。
4、失效廣告及時下線，如果用戶點了已經失效的廣告，結果進去發現活動無效，會讓用戶鄙視的，覺得在欺騙用戶的。
在程序啓動後進入首頁前顯示幾個頁面其實並不是限制死的，你可以做成多個頁面，也可以在一個頁面裏實現功能。首頁之前的頁面主要的目的是，承接用戶點擊圖標時的期待和興趣，對產品進行一個較爲詳細的闡述，讓用戶瞭解的多一點，也可以通過廣告的形式讓用戶直達活動，給後太數據請求和操作留下時間，讓用戶感覺到順滑自然的進入首頁。
在我們看不見的後臺，程序幹了些啥
怎麼確定要去哪些頁面
之前我們說過首頁前頁面的一個重要的作用就是給後臺數據加載爭取時間，那麼在這段時間裏程序幹了什麼呢。下面做一個詳細的解讀。 程序的判斷邏輯。
進入什麼頁面if( 需要顯示引導頁){
進入引導頁
} else{
進入啓動頁
}
是否需要顯示引導頁if(第一次安裝){
是
} else if（更新版本後第一次打開）{
是
} else if(活動需要展示){
是
} else {
否
}後臺發生了什麼
當引導頁或啓動頁在前臺展示時，會有一段時間是等待用戶操作或者等時間到時的，這時候程序後臺會在後臺做一些數據上的準備，具體做的事有以下幾件
圖片資源準備
進入啓動頁會先請求接口判斷是否有新的廣告圖需要展示，如果沒有會顯示之前的廣告圖或者不顯示廣告圖。如果有會有兩種處理方式：
直接下載圖片，並展示。這時頁面表現爲，先展示品牌logo，過一段時間圖片加載完成後顯示廣告圖，爲了防止直接切換圖片顯得突兀，可以加一個圖片切換東湖。
顯示上一次的廣告圖或不展示，後臺下載圖片以供下一次啓動時用。這種方式用戶無感知，推薦使用。
定位，組件註冊
目前地理位置信息在手機APP裏應用比較多，所以大部分應用都有定位操作，定位操作受GPS信號和網絡信號的影響比較大，所需時間長短不一，爲了避免影響用戶在首頁的使用，需要把這個操作前置，提前獲取到位置信息，當用戶進入首頁時直接使用正確的地址顯示正確的數據。
當前APP裏大多有分享，支付，以及聊天，推送等功能，一般都是集成第三方控件來實現的，有些控件是需要在程序啓動時就要聲明使用的，這部分操作就在首頁前完成。
檢查更新
APP啓動時需要檢查是否發佈了新版本，如果有新版本一般會在後臺下載好，待再次啓動時，提醒用戶是否需要更新，當然也有任性的，直接要求你更新不更新不能使用。後者命名爲強制更新，強制更新對用戶傷害很大，一般不使用。
業務需求
根據不同的產品需求，有些功能可能沒有及時開發完成或者有一些配置文案類的東西，會在APP啓動後進首頁前加載，集中獲取，提前寫好。避免在使用時再加載，保證用戶體驗順暢。
部分情況爲了保證首頁打開時直接就有數據，也可以在這一階段把首頁的數據都請求下來存在內存裏，在切換到首頁時，直接顯示內容。
首頁前流程技術注意事項
在進入首頁前，程序後臺要做的事可能不只以上這些。爲了保證用戶進入首頁流程順暢，我們可以把一些準備性的工作都在這一階段完成。但功能不是無限加的，一定要保證時間不要太長，用戶操作也不要太多。因爲，當用戶點擊的時候，會有一段時間的心裏平靜期，這段時間是我們可以利用的時間。但這段時間不會太長，一定不要讓用戶等的不耐煩。也不要讓用戶在這段時間有太多的操作出口，操作出口太多有可能導致用戶點擊，點來點去進不到首頁，得不償失了。
設計引導頁和啓動頁的原則
我們在首頁前展示的頁面有且只有兩個目的，1、品牌形象宣傳。2、進首頁的數據準備。一定要注意的是這個時間不會太長，形象宣傳設計要精簡到位，準備的數據也要重要且必須，不要在這個階段展示太多東西也不要浪費太多的時間，畢竟儘快讓用戶進入首頁看到整體纔有效果，這纔是我們的目的。