POST TIME:2018-12-03 21:18
注:啟動頁的作用很多,在緩解用戶等待焦慮的同時,也能夠通過啟動頁來奠定品牌的基調(diào)或者實現(xiàn)商業(yè)價值,其重要性可見一斑。
首先簡要的概括一下什么是啟動頁:每次喚起一個app的時候,在進入app首頁之前的等待頁面。
文章目錄如下:
啟動頁設計目的
啟動頁分類及樣式
啟動頁邏輯及細節(jié)
一、啟動頁設計目的當用戶點開app時,需要對于app內(nèi)的素材進行加載,好比說加載圖片信息等等,為了給用戶呈現(xiàn)一個完整友好的app界面,這個加載素材的過程需要必然的時間,為了讓用戶在等待這一小段時間的時候減少一些困惑,啟動頁這個模塊就應然而生了。
剛才提到的困惑會有很多種,好比說用戶在知道app啟動需要等待時間的情況下,啟動頁可以減少用戶因為等待啟動時間而產(chǎn)生的無聊的情緒;用戶也極有可能不知道app啟動需要等待時間,如果沒有啟動頁這樣一個模塊,會讓用戶產(chǎn)生很大的困惑,我的手機卡死了嗎?還是這個app有問題?等等…
二、啟動頁分類及樣式啟動頁大致可以分為以下四類:
第一類:品牌展示這類是最常見的,在啟動頁展示的信息包孕app名稱、icon及slogan,界面簡單清晰,加深用戶對于品牌的認知,整體的顏色風格也遵從app界面的設計風格,讓用戶提前熟悉app的樣式風格。
第二類:廣告展示、活動展示這一類中包羅廣告展示和活動展示兩個小類,廣告展示對外,app與廣告商家談好合作,在app的啟動頁展示廣告商家的廣告信息,當此app積累下來的流量已經(jīng)形成必然的規(guī)模,足夠進行分發(fā)的時候,可以用這種廣告展示的方法進行流量的變現(xiàn),通常使用這類啟動頁方式的app為通過廣告作為變現(xiàn)的一種方式的app。常見的如網(wǎng)易系列的產(chǎn)品。活動展示對內(nèi),如app內(nèi)一些運營的活動需要進行推廣,app啟動頁就承擔了這個職責,在用戶第一時間進入這個app的時候就能看見app的活動有哪些。
第三類:內(nèi)容展示這一類較前兩種來說比較少見,啟動頁的內(nèi)容與app的內(nèi)容相關聯(lián),不但僅展示出app的活動,同時也會摻雜進app自身的設計元素在里面。如圖蟲網(wǎng)app,一個攝影伴侶圈,在啟動頁的展示內(nèi)容就是用戶上傳的優(yōu)質(zhì)攝影,這樣不但僅符合自身的攝影元素,同時連結了啟動頁的格調(diào)美感,還向用戶提前展示了優(yōu)質(zhì)的原創(chuàng)內(nèi)容。
第四類:配景底色這一類也是比較少見,啟動頁主體顏色樣式采用和app首頁相同的顏色樣式,目的是在于讓用戶提前熟悉一下app的頁面風格,這種啟動頁符合啟動頁設計的初衷,既然最初啟動頁的目的是為了讓用戶不那么無聊,那么就在這一小段時間里,提前讓用戶從視覺上熟悉了解一下app的框架。
在AppStore上排名前一百名的app里面,我人工的統(tǒng)計了一下每個app的啟動頁樣式及分類,,如上圖展示。
由此可以看出,品牌展示占了絕大多數(shù),現(xiàn)在主流的app都是以輸出本身的品牌文化為主,更加注重本身的風格調(diào)性;其次是活動廣告類,主要是以網(wǎng)易的產(chǎn)品為主,都是用的同樣的框架。
值得注意的一點,有 3 款app沒有本身的啟動頁,這三款都是美化拍攝類的app,faceu、美顏相機等,這類APP的用戶打開應用的主要目的是美妝自拍,更急迫的想直接使用app提供的功能,外加上首頁進來就是自拍,都是當?shù)氐膮?shù),不需要去辦事器調(diào)取參數(shù),所以就免去了啟動頁的功能。
三、啟動頁邏輯及細節(jié)這里就列舉最常用的兩類啟動頁類型:品牌展示、活動廣告展示,這兩種。
品牌展示在啟動頁展示的信息包孕app名稱、icon及slogan,屬于靜態(tài)的啟動頁,在一次版本迭代中,app的名稱、icon、slogan都是不會變的,若是上述三點有所改變,那必然會是一個新的版本迭代,所以品牌展示類型的啟動頁,就會是一張長寬定好的圖片。在展示啟動頁的過程中,app向辦事器請求的是app的內(nèi)容,而與啟動頁的內(nèi)容無關。
品牌展示類型的啟動頁需要注重的細節(jié),就是視覺上的樣式問題。UI設計的事情暫且不做太多討論。在產(chǎn)品上需要注重的細節(jié)問題不久不多,這里想到的一點就是“跳過”按鈕。我們在啟動頁,都會看到有一個跳過的按鈕,這個按鈕的意義在于,對于用戶可以跳過本身不想看的啟動頁內(nèi)容,對于app來說,首頁需要的參數(shù)信息已經(jīng)向辦事器請求完畢,可以讓用戶本身選擇他們停留在啟動頁的時長。
活動廣告展示