2022-06-17 分類: 網(wǎng)站建設
啟動頁的作用很多,在緩解用戶等待焦慮的同時,也能夠通過啟動頁來奠定品牌的基調(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ù),不需要去服務器調(diào)取參數(shù),所以就免去了啟動頁的功能。
這里就列舉最常用的兩類啟動頁類型:品牌展示、活動廣告展示,這兩種。
品牌展示
在啟動頁展示的信息包括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)向服務器請求完畢,可以讓用戶自己選擇他們停留在啟動頁的時長。
活動廣告展示
將廣告商家和自己活動的信息展示在啟動頁中,屬于動態(tài)的啟動頁。每天每時每刻,啟動頁上展示的內(nèi)容都可能不一樣。在app啟動的時候,不僅僅需要向服務器請求app首頁的參數(shù),同時需要向服務器請求啟動頁的參數(shù)?,F(xiàn)在的活動廣告展示,只占了一整個屏幕的一部分,我們舉個例子進行說明。
網(wǎng)易云音樂的啟動頁樣式如上圖,下方的是本地默認模板,在用戶下載apk包的時候自帶的。上方的組件是線上讀取廣告,從線上讀取廣告之后,緩存在本地中,每次啟動app的時候展示出來,下次再次啟動app的時候,先向服務器調(diào)取參數(shù),看看線上有沒有更新廣告,如果有更新,則需要下載最新一版的,如果沒有更新,則展示本地緩存的廣告。
活動廣告類型的啟動頁,需要注意的細節(jié)問題就要比品牌展示類多得多。主要有兩塊細節(jié)問題,弱網(wǎng)環(huán)境下的下載問題、廣告CMS管理。
如果處于弱網(wǎng)或者斷網(wǎng)的情況下,app不能一直請求啟動頁或者app的參數(shù),那樣會一直停留在啟動頁上沒有其他的交互,用戶會認為app卡死了或者手機出了什么問題。所以會需要一個下載啟動頁素材的時間,超過這段時間,就要默認的播放本地的緩存,以免影響用戶體驗。這樣一來,啟動頁的時間就被分成兩塊:一是下載素材、回調(diào)參數(shù)的時間,二是播放啟動頁的時間。每段時間都要設置一個閾值上限。若超過這個閾值上限,就要自動的跳過這個流程,這樣才能保證啟動頁的流暢及友好的用戶體驗。
第二塊需要注意的細節(jié)就是廣告CMS管理,我們都遇見過這個功能點,在啟動頁觀看廣告的時候,都會有一個“跳過”按鈕,點擊跳過,進入app首頁。淺顯的剖析一下“跳過”按鈕功能點,我們可以快速的找到它的設計原因,用戶覺得廣告太過于枯燥,或者更想快速的使用app,就會點擊跳過。如果能對廣告商家提供的廣告搭建一個CMS管理中心,對廣告進行打標簽處理,再根據(jù)用戶畫像的分類,對不同的用戶進行精準投遞,通過這樣的方法延長用戶觀看廣告的平均時長,使廣告的價值大化,對KPI也有很大的提升。
名稱欄目:淺析App啟動頁分類設計
標題來源:http://jinyejixie.com/news/168424.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、面包屑導航、網(wǎng)站制作、虛擬主機、手機網(wǎng)站建設、營銷型網(wǎng)站建設
聲明:本網(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)
猜你還喜歡下面的內(nèi)容