淺析App啟動頁分類設計

2022-06-17    分類: 網站建設

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

首先簡要的概括一下什么是啟動頁:每次喚起一個app的時候,在進入app首頁之前的等待頁面。

文章目錄如下:

啟動頁設計目的

啟動頁分類及樣式

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

一、啟動頁設計目的

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

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

二、啟動頁分類及樣式

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


第一類:品牌展示

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

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

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

第三類:內容展示

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

第四類:背景底色

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


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

由此可以看出,品牌展示占了絕大多數,現在主流的app都是以輸出自己的品牌文化為主,更加注重自己的風格調性;其次是活動廣告類,主要是以網易的產品為主,都是用的同樣的框架。

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

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

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

品牌展示

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

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

活動廣告展示

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


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

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

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

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

名稱欄目:淺析App啟動頁分類設計
標題來源:http://muchs.cn/news/168424.html

成都網站建設公司_創(chuàng)新互聯,為您提供企業(yè)網站制作、面包屑導航網站制作、虛擬主機、手機網站建設、營銷型網站建設

廣告

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

成都做網站