本文對于從業(yè)1年以上的移動端產(chǎn)品經(jīng)理營養(yǎng)接近于0，但是對于0-1歲之間的產(chǎn)品新人，營養(yǎng)價值較高。所以，請適合人群閱讀。

前面，我用兩篇文章分別介紹了App界面設(shè)計和注冊登錄的基礎(chǔ)知識。按照之前的約定，這次我會再向大家介紹一下App的啟動頁相關(guān)知識，幫助大家知道啟動頁的前世今生和設(shè)計基本方法或原則。閑言碎語不多講，直入主題：

一、什么是啟動頁

打開喜馬拉雅，看到的logo界面，打開京東看到的廣告界面，打開“贏+”看到的slogan界面都是啟動頁。如果非要下個定義的話，啟動頁就是“打開App后，在進入App首頁之前的界面，都屬于啟動頁”。

喜馬拉雅啟動頁

二、為什么有啟動頁

任何一款應(yīng)用，都需要關(guān)注用戶體驗問題，所有設(shè)計的出發(fā)點都無法脫離用戶體驗（當然有些設(shè)計最后被證明并不利于用戶體驗，但是出發(fā)點肯定是提升用戶體驗）。所以，啟動頁的存在最開始也同樣是為了提升用戶體驗，只不過后來被運營方賦予了商業(yè)價值，將之價值進行了放大。

一款應(yīng)用中的數(shù)據(jù)（比如視頻、文字、圖片等）都存儲在運營方的服務(wù)器中，當打開應(yīng)用時，應(yīng)用需要從服務(wù)器請求獲取數(shù)據(jù)，然后加載展示出來（具體什么機器語言轉(zhuǎn)為二進制語言吧啦吧啦之類不深講，既非我擅長，也沒有太大必要）。大家應(yīng)該明白，這是一個過程，既然是過程就需要時間。這個時間是多久呢？不固定，受手機性能、網(wǎng)絡(luò)性能等因素影響，正常情況是在毫秒級，慢一點也就一兩秒?？傊脩羰悄軌蚋兄@個過程的存在。為了降低用戶在等待期間的不良體驗，不知從何時起開始出現(xiàn)了啟動頁。

所以，就一句話：啟動頁是為了降低用戶等待期間不良體驗而存在的。

三、啟動頁有哪些類型

通過上面的介紹，大家已經(jīng)知道什么是啟動頁了，那么在講第三個問題之前，大家先回想一下你看到的啟動頁都有哪些類型，或者現(xiàn)在就打開手機中的App，多看幾款應(yīng)用的啟動頁，有什么區(qū)別。（等待30秒）

看完了，再講啟動頁類型，相信會更易于接受。

1. 品牌型

這是當前用的比較多的類型，即打開App，首先看到的是代表著機構(gòu)品牌或者應(yīng)用品牌的界面，類似微信的“地球人”，“贏+”的slogan界面，VIPKID的logo界面等。

微信啟動頁

贏+啟動頁

一般品牌型的啟動頁由“品牌名稱+logo+slogan”三者的任意組合構(gòu)成，或者類似微信由深入人心的圖片（雖然并沒有顯示名稱、logo等信息）代替。這樣的好處是，用戶一打開首先看到的是運營方的信息，不知不覺中就會形成品牌效應(yīng)。

2. 廣告型

前面提到，啟動頁一開始并沒有廣告，單純就是為了降低用戶在等待進入首頁這個過程中的不良體驗。但是，隨著運營方對App商業(yè)化價值的深入研究，發(fā)現(xiàn)啟動頁是一款A(yù)pp中曝光率最高的位置，不管是誰，只要打開App都能夠看到它，這比banner的曝光度還要高的多，這不正好是一個廣告宣傳的好地方嗎？剩下的大家都知道了。

廣告型又分為兩種小類型：

（1）先品牌界面，后廣告界面

即打開App，先看到App的品牌界面，然后品牌界面消失，緊接著出現(xiàn)一個廣告界面。也有人把品牌界面叫做啟動頁，將廣告界面叫做廣告頁。

（2）品牌+廣告同界面

這種啟動頁一般是上下結(jié)構(gòu)，界面上方是廣告，底部是品牌。

智聯(lián)招聘上下結(jié)構(gòu)廣告型啟動業(yè)

并不是所有應(yīng)用的啟動頁都適合加廣告，尤其是商業(yè)廣告。我個人認為至少需要有兩個前提：一個前提是App用戶量，尤其是活躍用戶量夠大，這才能保證看到廣告的用戶基數(shù)；另一個前提是App的忠實用戶夠多，即你的App上有用戶不得不用的功能或內(nèi)容，那么用戶才能容忍你的廣告，如果不是忠實用戶，本身就很反感廣告，那還不立刻卸載。

3. 個性化

這類啟動頁我們也常?？吹?，但是它不像前兩種類型，能夠持續(xù)性展示。比如，一款幼教類應(yīng)用，會在六一兒童節(jié)的時候，將啟動頁設(shè)計成“節(jié)日祝?！钡娘L格，天氣預(yù)報類應(yīng)用，會在重要節(jié)日或節(jié)氣的時候，將啟動頁設(shè)計為對應(yīng)節(jié)日或節(jié)氣的風格等。

就是根據(jù)某些時間點，專門設(shè)計用于臨時展示的啟動頁，當過了這個時間點（段），又會恢復(fù)為原來默認的樣式。

四、啟動頁設(shè)計原則

1. 啟動頁格式多樣化，可以是靜態(tài)圖、動態(tài)圖、短視頻、H5頁面，可添加鏈接，具體采用何種格式，根據(jù)產(chǎn)品需求，并不是格式越豐富越好，設(shè)計何種樣式、風格，建議在設(shè)計時也可以多聽聽UI和開發(fā)人員的建議。

2. 啟動頁需要設(shè)定顯示時間，對于非廣告啟動頁，一般顯示1秒左右即可。廣告型啟動頁，也不要超過5秒，為什么是5秒上限呢？因為時間太短，對廣告感興趣的用戶無法獲取有效信息，太長則會導致用戶反感。

3. 廣告型啟動頁要添加“跳過”控制按鈕，即讓用戶可以自行控制何時跳過廣告界面，這樣相當于做了個中和，運營方即實現(xiàn)了商業(yè)目的，也不至于太讓用戶反感。比如，現(xiàn)在廣告型啟動頁上都顯示倒計時和“跳過”按鈕，讓用戶知道我最多需要等多久，同時也掌握有廣告的“生殺大權(quán)”。

知乎啟動頁廣告倒計時+跳過

4. 需要注意啟動頁尺寸匹配機型，用圖片格式的啟動頁舉個栗子，如果只設(shè)計了一種尺寸的圖片作為啟動頁，那么在不同的手機屏幕上，該啟動頁可能會出現(xiàn)變形的情況，比如拉伸或者變寬，如果條件允許（比如UI時間寬裕），最好是針對目前市場上常見不同比例的屏幕尺寸，設(shè)計一整套啟動頁，建議和開發(fā)人員、UI設(shè)計多溝通。

按照習慣，我最后都喜歡幫大家總結(jié)一下，本文介紹了如下內(nèi)容：

（1）啟動頁的概念，其實就是打開應(yīng)用到進入首頁之間的頁面；

（2）啟動頁的價值，其實就是為了降低用戶在進入首頁前等待的不良體驗；

（3）啟動頁的類型，品牌型、廣告型（分兩種）、個性化；

（4）啟動頁的原則，支持多樣化但要慎選，啟動頁需要設(shè)定顯示時間，廣告界面要有“跳過”控制按鈕，啟動頁尺寸要和不同機型匹配。

用戶都習慣掌控，而不是被掌控，喜歡提前預(yù)知，而不是不知所措，所以，按照慣例，我提前透露一下，下一篇我們一起看《產(chǎn)品經(jīng)理入門：快速掌握App設(shè)計基本方法之提示框》，需要的同學記得及時關(guān)注。

致謝：

一直有一顆寫寫產(chǎn)品心得的想法，但因為覺得自己很多知識掌握的還不夠系統(tǒng)，或想的不夠清楚，遲遲未敢下筆。直至自認為對App基礎(chǔ)知識想的還算系統(tǒng)，同時結(jié)合自己當初轉(zhuǎn)行的痛楚，遂下決心寫一些東西，以期能夠?qū)?-1歲產(chǎn)品新人有所幫助。語言私以為不夠精煉，措辭不夠?qū)I(yè)，校對不夠仔細，不求寬容，但求多提建議。

前兩篇文章，得到了大家的肯定，也收到了細心朋友的建議（《產(chǎn)品經(jīng)理入門：快速掌握App設(shè)計基本方法之界面》中，細心同仁發(fā)現(xiàn)我錯將京東首頁用作淘寶首頁展示），在此，我特向大家表示發(fā)自內(nèi)心的感謝，既然都是同路人，愿一起進步，一起探索，祝好。

相關(guān)閱讀

產(chǎn)品經(jīng)理入門：快速掌握App設(shè)計基本方法之界面

產(chǎn)品經(jīng)理入門：快速掌握App設(shè)計基本方法之注冊登錄

本文由 @德綱大帝 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議