淺析App啟動頁分類設(shè)計

啟動頁的作用很多，在緩解用戶等待焦慮的同時，也能夠通過啟動頁來奠定品牌的基調(diào)或者實現(xiàn)商業(yè)價值，其重要性可見一斑。

首先簡要的概括一下什么是啟動頁：每次喚起一個app的時候，在進(jìn)入app首頁之前的等待頁面。

文章目錄如下：

啟動頁設(shè)計目的

啟動頁分類及樣式

啟動頁邏輯及細(xì)節(jié)

一、啟動頁設(shè)計目的

當(dāng)用戶點開app時，需要對于app內(nèi)的素材進(jìn)行加載，比如說加載圖片信息等等，為了給用戶呈現(xiàn)一個完整友好的app界面，這個加載素材的過程需要一定的時間，為了讓用戶在等待這一小段時間的時候減少一些困惑，啟動頁這個模塊就應(yīng)然而生了。

剛才提到的困惑會有很多種，比如說用戶在知道app啟動需要等待時間的情況下，啟動頁可以減少用戶因為等待啟動時間而產(chǎn)生的無聊的情緒;用戶也極有可能不知道app啟動需要等待時間，如果沒有啟動頁這樣一個模塊，會讓用戶產(chǎn)生很大的困惑，我的手機卡死了嗎?還是這個app有問題?等等…

二、啟動頁分類及樣式

啟動頁大致可以分為以下四類：

第一類：品牌展示

這類是最常見的，在啟動頁展示的信息包括app名稱、icon及slogan，界面簡單清晰，加深用戶對于品牌的認(rèn)知，整體的顏色風(fēng)格也遵從app界面的設(shè)計風(fēng)格，讓用戶提前熟悉app的樣式風(fēng)格。

第二類：廣告展示、活動展示

這一類中包含廣告展示和活動展示兩個小類，廣告展示對外，app與廣告商家談好合作，在app的啟動頁展示廣告商家的廣告信息，當(dāng)此app積累下來的流量已經(jīng)形成一定的規(guī)模，足夠進(jìn)行分發(fā)的時候，可以用這種廣告展示的方法進(jìn)行流量的變現(xiàn)，通常使用這類啟動頁方式的app為通過廣告作為變現(xiàn)的一種方式的app。常見的如網(wǎng)易系列的產(chǎn)品?；顒诱故緦?nèi)，如app內(nèi)一些運營的活動需要進(jìn)行推廣，app啟動頁就承擔(dān)了這個職責(zé)，在用戶第一時間進(jìn)入這個app的時候就能看見app的活動有哪些。

第三類：內(nèi)容展示

這一類較前兩種來說比較少見，啟動頁的內(nèi)容與app的內(nèi)容相關(guān)聯(lián)，不僅僅展示出app的活動，同時也會摻雜進(jìn)app自身的設(shè)計元素在里面。如圖蟲網(wǎng)app，一個攝影朋友圈，在啟動頁的展示內(nèi)容就是用戶上傳的優(yōu)質(zhì)攝影，這樣不僅僅符合自身的攝影元素，同時保持了啟動頁的格調(diào)美感，還向用戶提前展示了優(yōu)質(zhì)的原創(chuàng)內(nèi)容。

第四類：背景底色

這一類也是比較少見，啟動頁主體顏色樣式采用和app首頁相同的顏色樣式，目的是在于讓用戶提前熟悉一下app的頁面風(fēng)格，這種啟動頁符合啟動頁設(shè)計的初衷，既然最初啟動頁的目的是為了讓用戶不那么無聊，那么就在這一小段時間里，提前讓用戶從視覺上熟悉了解一下app的框架。

在AppStore上排名前一百名的app里面，我人工的統(tǒng)計了一下每個app的啟動頁樣式及分類，如上圖展示。

由此可以看出，品牌展示占了絕大多數(shù)，現(xiàn)在主流的app都是以輸出自己的品牌文化為主，更加注重自己的風(fēng)格調(diào)性;其次是活動廣告類，主要是以網(wǎng)易的產(chǎn)品為主，都是用的同樣的框架。

值得注意的一點，有3款app沒有自己的啟動頁，這三款都是美化拍攝類的app，faceu、美顏相機等，這類APP的用戶打開應(yīng)用的主要目的是美妝自拍，更急迫的想直接使用app提供的功能，外加上首頁進(jìn)來就是自拍，都是本地的參數(shù)，不需要去服務(wù)器調(diào)取參數(shù)，所以就免去了啟動頁的功能。

三、啟動頁邏輯及細(xì)節(jié)

這里就列舉最常用的兩類啟動頁類型：品牌展示、活動廣告展示，這兩種。

品牌展示

在啟動頁展示的信息包括app名稱、icon及slogan，屬于靜態(tài)的啟動頁，在一次版本迭代中，app的名稱、icon、slogan都是不會變的，若是上述三點有所改變，那一定會是一個新的版本迭代，所以品牌展示類型的啟動頁，就會是一張長寬定好的圖片。在展示啟動頁的過程中，app向服務(wù)器請求的是app的內(nèi)容，而與啟動頁的內(nèi)容無關(guān)。

品牌展示類型的啟動頁需要注重的細(xì)節(jié)，就是視覺上的樣式問題。UI設(shè)計的事情暫且不做太多討論。在產(chǎn)品上需要注重的細(xì)節(jié)問題不多，這里想到的一點就是“跳過”按鈕。我們在啟動頁，都會看到有一個跳過的按鈕，這個按鈕的意義在于，對于用戶可以跳過自己不想看的啟動頁內(nèi)容，對于app來說，首頁需要的參數(shù)信息已經(jīng)向服務(wù)器請求完畢，可以讓用戶自己選擇他們停留在啟動頁的時長。

活動廣告展示

將廣告商家和自己活動的信息展示在啟動頁中，屬于動態(tài)的啟動頁。每天每時每刻，啟動頁上展示的內(nèi)容都可能不一樣。在app啟動的時候，不僅僅需要向服務(wù)器請求app首頁的參數(shù)，同時需要向服務(wù)器請求啟動頁的參數(shù)?，F(xiàn)在的活動廣告展示，只占了一整個屏幕的一部分，我們舉個例子進(jìn)行說明。

網(wǎng)易云音樂的啟動頁樣式如上圖，下方的是本地默認(rèn)模板，在用戶下載apk包的時候自帶的。上方的組件是線上讀取廣告，從線上讀取廣告之后，緩存在本地中，每次啟動app的時候展示出來，下次再次啟動app的時候，先向服務(wù)器調(diào)取參數(shù)，看看線上有沒有更新廣告，如果有更新，則需要下載最新一版的，如果沒有更新，則展示本地緩存的廣告。

活動廣告類型的啟動頁，需要注意的細(xì)節(jié)問題就要比品牌展示類多得多。主要有兩塊細(xì)節(jié)問題，弱網(wǎng)環(huán)境下的下載問題、廣告CMS管理。

如果處于弱網(wǎng)或者斷網(wǎng)的情況下，app不能一直請求啟動頁或者app的參數(shù)，那樣會一直停留在啟動頁上沒有其他的交互，用戶會認(rèn)為app卡死了或者手機出了什么問題。所以會需要一個下載啟動頁素材的時間，超過這段時間，就要默認(rèn)的播放本地的緩存，以免影響用戶體驗。這樣一來，啟動頁的時間就被分成兩塊：一是下載素材、回調(diào)參數(shù)的時間，二是播放啟動頁的時間。每段時間都要設(shè)置一個閾值上限。若超過這個閾值上限，就要自動的跳過這個流程，這樣才能保證啟動頁的流暢及友好的用戶體驗。

第二塊需要注意的細(xì)節(jié)就是廣告CMS管理，我們都遇見過這個功能點，在啟動頁觀看廣告的時候，都會有一個“跳過”按鈕，點擊跳過，進(jìn)入app首頁。淺顯的剖析一下“跳過”按鈕功能點，我們可以快速的找到它的設(shè)計原因，用戶覺得廣告太過于枯燥，或者更想快速的使用app，就會點擊跳過。如果能對廣告商家提供的廣告搭建一個CMS管理中心，對廣告進(jìn)行打標(biāo)簽處理，再根據(jù)用戶畫像的分類，對不同的用戶進(jìn)行精準(zhǔn)投遞，通過這樣的方法延長用戶觀看廣告的平均時長，使廣告的價值大化，對KPI也有很大的提升。

當(dāng)前標(biāo)題：淺析App啟動頁分類設(shè)計
本文網(wǎng)址：http://muchs.cn/news24/168424.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站設(shè)計公司、App設(shè)計、網(wǎng)站策劃、用戶體驗、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)