產品經理入門:快速掌握App設計基本方法之啟動頁
本文對于從業1年以上的移動端產品經理營養接近于0,但是對于0-1歲之間的產品新人,營養價值較高。所以,請適合人群閱讀。
前面,我用兩篇文章分別介紹了App界面設計和注冊登錄的基礎知識。按照之前的約定,這次我會再向大家介紹一下App的啟動頁相關知識,幫助大家知道啟動頁的前世今生和設計基本方法或原則。閑言碎語不多講,直入主題:
一、什么是啟動頁
打開喜馬拉雅,看到的logo界面,打開京東看到的廣告界面,打開“贏+”看到的slogan界面都是啟動頁。如果非要下個定義的話,啟動頁就是“打開App后,在進入App首頁之前的界面,都屬于啟動頁”。
喜馬拉雅啟動頁
二、為什么有啟動頁
任何一款應用,都需要關注用戶體驗問題,所有設計的出發點都無法脫離用戶體驗(當然有些設計最后被證明并不利于用戶體驗,但是出發點肯定是提升用戶體驗)。所以,啟動頁的存在最開始也同樣是為了提升用戶體驗,只不過后來被運營方賦予了商業價值,將之價值進行了放大。
一款應用中的數據(比如視頻、文字、圖片等)都存儲在運營方的服務器中,當打開應用時,應用需要從服務器請求獲取數據,然后加載展示出來(具體什么機器語言轉為二進制語言吧啦吧啦之類不深講,既非我擅長,也沒有太大必要)。大家應該明白,這是一個過程,既然是過程就需要時間。這個時間是多久呢?不固定,受手機性能、網絡性能等因素影響,正常情況是在毫秒級,慢一點也就一兩秒??傊脩羰悄軌蚋兄@個過程的存在。為了降低用戶在等待期間的不良體驗,不知從何時起開始出現了啟動頁。
所以,就一句話:啟動頁是為了降低用戶等待期間不良體驗而存在的。
三、啟動頁有哪些類型
通過上面的介紹,大家已經知道什么是啟動頁了,那么在講第三個問題之前,大家先回想一下你看到的啟動頁都有哪些類型,或者現在就打開手機中的App,多看幾款應用的啟動頁,有什么區別。(等待30秒)
看完了,再講啟動頁類型,相信會更易于接受。
1. 品牌型
這是當前用的比較多的類型,即打開App,首先看到的是代表著機構品牌或者應用品牌的界面,類似微信的“地球人”,“贏+”的slogan界面,VIPKID的logo界面等。
微信啟動頁
贏+啟動頁
一般品牌型的啟動頁由“品牌名稱+logo+slogan”三者的任意組合構成,或者類似微信由深入人心的圖片(雖然并沒有顯示名稱、logo等信息)代替。這樣的好處是,用戶一打開首先看到的是運營方的信息,不知不覺中就會形成品牌效應。
2. 廣告型
前面提到,啟動頁一開始并沒有廣告,單純就是為了降低用戶在等待進入首頁這個過程中的不良體驗。但是,隨著運營方對App商業化價值的深入研究,發現啟動頁是一款App中曝光率最高的位置,不管是誰,只要打開App都能夠看到它,這比banner的曝光度還要高的多,這不正好是一個廣告宣傳的好地方嗎?剩下的大家都知道了。
廣告型又分為兩種小類型:
(1)先品牌界面,后廣告界面
即打開App,先看到App的品牌界面,然后品牌界面消失,緊接著出現一個廣告界面。也有人把品牌界面叫做啟動頁,將廣告界面叫做廣告頁。
(2)品牌+廣告同界面
這種啟動頁一般是上下結構,界面上方是廣告,底部是品牌。
智聯招聘上下結構廣告型啟動業
并不是所有應用的啟動頁都適合加廣告,尤其是商業廣告。我個人認為至少需要有兩個前提:一個前提是App用戶量,尤其是活躍用戶量夠大,這才能保證看到廣告的用戶基數;另一個前提是App的忠實用戶夠多,即你的App上有用戶不得不用的功能或內容,那么用戶才能容忍你的廣告,如果不是忠實用戶,本身就很反感廣告,那還不立刻卸載。
3. 個性化
這類啟動頁我們也常??吹?,但是它不像前兩種類型,能夠持續性展示。比如,一款幼教類應用,會在六一兒童節的時候,將啟動頁設計成“節日祝?!钡娘L格,天氣預報類應用,會在重要節日或節氣的時候,將啟動頁設計為對應節日或節氣的風格等。
就是根據某些時間點,專門設計用于臨時展示的啟動頁,當過了這個時間點(段),又會恢復為原來默認的樣式。
四、啟動頁設計原則
1. 啟動頁格式多樣化,可以是靜態圖、動態圖、短視頻、H5頁面,可添加鏈接,具體采用何種格式,根據產品需求,并不是格式越豐富越好,設計何種樣式、風格,建議在設計時也可以多聽聽UI和開發人員的建議。
2. 啟動頁需要設定顯示時間,對于非廣告啟動頁,一般顯示1秒左右即可。廣告型啟動頁,也不要超過5秒,為什么是5秒上限呢?因為時間太短,對廣告感興趣的用戶無法獲取有效信息,太長則會導致用戶反感。
3. 廣告型啟動頁要添加“跳過”控制按鈕,即讓用戶可以自行控制何時跳過廣告界面,這樣相當于做了個中和,運營方即實現了商業目的,也不至于太讓用戶反感。比如,現在廣告型啟動頁上都顯示倒計時和“跳過”按鈕,讓用戶知道我最多需要等多久,同時也掌握有廣告的“生殺大權”。
知乎啟動頁廣告倒計時+跳過
4. 需要注意啟動頁尺寸匹配機型,用圖片格式的啟動頁舉個栗子,如果只設計了一種尺寸的圖片作為啟動頁,那么在不同的手機屏幕上,該啟動頁可能會出現變形的情況,比如拉伸或者變寬,如果條件允許(比如UI時間寬裕),最好是針對目前市場上常見不同比例的屏幕尺寸,設計一整套啟動頁,建議和開發人員、UI設計多溝通。
按照習慣,我最后都喜歡幫大家總結一下,本文介紹了如下內容:
(1)啟動頁的概念,其實就是打開應用到進入首頁之間的頁面;
(2)啟動頁的價值,其實就是為了降低用戶在進入首頁前等待的不良體驗;
(3)啟動頁的類型,品牌型、廣告型(分兩種)、個性化;
(4)啟動頁的原則,支持多樣化但要慎選,啟動頁需要設定顯示時間,廣告界面要有“跳過”控制按鈕,啟動頁尺寸要和不同機型匹配。
用戶都習慣掌控,而不是被掌控,喜歡提前預知,而不是不知所措,所以,按照慣例,我提前透露一下,下一篇我們一起看《產品經理入門:快速掌握App設計基本方法之提示框》,需要的同學記得及時關注。
致謝:
一直有一顆寫寫產品心得的想法,但因為覺得自己很多知識掌握的還不夠系統,或想的不夠清楚,遲遲未敢下筆。直至自認為對App基礎知識想的還算系統,同時結合自己當初轉行的痛楚,遂下決心寫一些東西,以期能夠對0-1歲產品新人有所幫助。語言私以為不夠精煉,措辭不夠專業,校對不夠仔細,不求寬容,但求多提建議。
前兩篇文章,得到了大家的肯定,也收到了細心朋友的建議(《產品經理入門:快速掌握App設計基本方法之界面》中,細心同仁發現我錯將京東首頁用作淘寶首頁展示),在此,我特向大家表示發自內心的感謝,既然都是同路人,愿一起進步,一起探索,祝好。
相關閱讀
本文由 @德綱大帝 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
是不是缺少了功能型啟動頁,很多app都喜歡在啟動頁放新功能介紹
難道不是斯以為?
被你一問我都懷疑自己所學了,立刻去查詞典,還好沒用錯
所以受教了
支持
我只能說“謝謝”