產品經理如何設計APP啟動頁

本文大綱:

1)APP啟動頁的設計初衷;

2)APP啟動頁的分類;

3)APP啟動頁的設計方法和原則

1 為什么要做啟動頁

1.1 什么是啟動頁

是啟動時用戶看到的頁面,可靜態可動態,停留時間短,容易被忽略。也有將啟動頁稱為閃屏。

注:引導頁和啟動頁不一樣。

1.2 啟動頁初衷

PC軟件的傳承

PC軟件啟動頁實例:Photoshop每次啟動都會出現一個啟動頁面,而且還需要等待幾秒的時間。

蘋果官方,從IOS5就有啟動頁的設計規范。蘋果認為啟動頁本意并不是為了展示APPUI設計藝術;而是為了解決用戶等待時間,保證用戶使用流暢。

PC時代并不是所有軟件都有啟動頁,往往是大型軟件或大型網游才有啟動頁,PC時代保持著蘋果對于啟動頁設計的初衷。

對用戶的暗示和反饋

并不是所有軟件都能快速啟動,給用戶以暗示和反饋:我的啟動操作是有效的,軟件在啟動過程中。

1.3 啟動頁現狀

啟動過程中,大多app都需要啟動時間,特別是大型的app,或因為手機本身內存及速度限制。

為了避免給用戶卡死等錯誤感知,啟動頁是合理的存在

2 APP啟動頁的類型及設計方法

2.1 快速啟動型

快速啟動型遵循ios建議,盡量讓用戶不去感知頁面的存在,“無縫”進入到應用中去,有兩個方法:

1)把APP首頁背景圖作為啟動頁面

2)把首頁首先加載狀態圖作為啟動頁面

不過,這種設計非常少,尤其國內基本不可見。

快速啟動型實例:ibook

當在主屏幕上點擊ibook圖標時會立即顯示啟動圖像。真正啟動后界面會把書顯示出來

快速啟動型實例:Safari、天氣、APP Store

可見,快速啟動型國內應用很少,而國外也主要是蘋果內置軟件。

采用此類啟動頁面的APP要注意兩個細節:

1)評估好APP自身的體量,保證啟動的流暢、快捷

2)啟動頁面的選取上,要配合首頁的加載機制,選取合適的加載狀態截圖,以保證與啟動后首頁頁面的銜接。

2.2 品牌展示型

利用品牌性質,傳達應用格調、內涵、功能、使用場景等,加強用戶對品牌的直觀印象,拉近與應用與用戶之間的距離。

包含三大要素:Logo、品牌名稱、Slogan。部分還會展示應用的開發者、首發渠道等。

品牌展示型實例:蟬游記、pockte、美柚、QQ音樂、貓眼電影、知乎日報

采用這種模式的,要注意以下幾點:

1)主題背景的選取一定要承上啟下:要與APP圖標、顏色、風格保持協調,與首頁的保持一致

2)要注意頁面的大小,圖片質量保證的前提下,越小越好

3)背景圖或者底紋一定要與APP相匹配,不能光顧好看

2.3 氛圍營造型

常常出現在各種節假日中以及生日中。

此類啟動界面普遍比較熱鬧,如果可以把節日與自家APP特點結合下,那就更加完美了。

2.4 信息強調型

與上面兩種有點類似,但不是單純放品牌Logo, Slogan,而是更加注重自身APP的宣傳,一般為某一功能或特點的認知加強。

信息強調型實例:蜜芽寶貝(要么強調某項功能,要么強調某個活動)

2.5 情感共鳴型

使用意境化啟動頁,引起情感上的共鳴。

這種模式的重點在于情感共鳴,設計難度大。所以這類啟動頁很少,做得好的更少。

情感共鳴型實例:微信、蘑菇街、蝦米音樂

微信:就是解決溝通,解決內心孤獨,啟動頁很有寓意,也可多種解讀。

蘑菇街:目標用戶是女生,女生都夢想有自己好看的衣服,衣櫥及水晶鞋,引發女性用戶的共鳴。

蝦米音樂:音樂就要走情懷,用了專輯頭像,下面配上經典歌詞,暗含音樂背后的力量。

2.6 推廣宣傳型

品牌+X,X=推薦活動或廣告,實質是一種營銷方式,也叫做開屏廣告。

通常,這類啟動畫面多作為臨時使用,有明確的時效性。

這類啟動頁目前用得比較多,原因一是現在大家活動越來越多,二是大家都有變現及商業化的壓力。

這類啟動頁可能對用戶有負面影響,商業味濃重;好處是時效性,會經常變化,有新鮮感。

2.7 擴展定制型

推廣宣傳型的變招,普通啟動頁和推廣宣傳啟動頁的結合。

通常做法是在APP啟動界面出現后,再次疊加一張頁面,而第二張頁面是比較容易被控制的,通過對第二張頁面的定制達到想要的效果。而用戶有時會誤會是一個頁面。

擴展定制型實例:微博(品牌型,或品牌+推廣宣傳型)

擴展定制型實例:釘釘、豆瓣

釘釘:為企業定制屬于企業自己的啟動頁面

豆瓣:“每天一次遇見你”

2.8 動畫視頻型

用此類型的比較少,因為耗時和耗資源。

注意,不要長期讓用戶看同一個動畫或視頻,容易厭煩。好處是可以傳遞應用的價值觀,可以更直觀和加深印象,生動,拉近與用戶關系,讓用戶進入氛圍。

動畫視頻型實例:UBER

UBER的啟動頁一直是一個轉圈圈的小動畫,這讓人又愛又恨。不落俗套,高大上,但它時間長,急需用車時一直看到轉圈圈。

3 啟動頁設計的注意事項

時間短

初衷就是過度,不是展示產品功能的頁面,縮短時間,不要讓用戶看了兩三秒還進入不了應用。始終記住啟動頁就是一個過渡。

簡潔

由于展現時間短,啟動頁的設計要盡可能的簡單,讓用戶看懂。

刷品牌

使用應用logo和slogan作為主元素,簡單有效地傳遞品牌信息。每一次啟動都是一次印象的加深,都是增加粘性的機會。

4 小結

啟動頁是APP的面子工程,如今是“拼顏值”的時代,應該重視啟動頁,設計出適合自己產品的啟動頁。

?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,533評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,055評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,365評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,561評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,346評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,889評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,978評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,118評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,637評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,558評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,739評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,246評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,980評論 3 346
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,619評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,347評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,702評論 2 370

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,590評論 25 707
  • “世上只有一種英雄主義,就是在認清生活真相之后依然熱愛生活”。 相信羅曼.羅蘭的這句名言,很多人都耳熟能詳。但他到...
    駱宸閱讀 1,296評論 0 0
  • 2006年3月13日 今天下午五點多,爸爸終于從南京回到了榆次。票很難買,幾經周折,從票販子手里買的從鎮江到石家莊...
    增雅閱讀 305評論 0 1
  • 想起你就矯情,其實,你從不知情。 有時候,矯著矯著就空了。 覺得沒有終點的那種空。 其實我也不是很喜歡你啊。 是嗎...
    Carate7閱讀 201評論 0 0