移動應用啟動頁的小巧思:使用場景與如何設計

4 評論 18108 瀏覽 371 收藏 8 分鐘

筆者這周的工作之一是負責公司應用啟動頁的文案策劃。其實,看似‘多余’的啟動頁是存在一定的邏輯的。瀏覽了一定數量的啟動頁后,筆者將在本文中就移動應用啟動頁的使用場景與特殊性、啟動頁的作用、啟動頁的特征、啟動頁的設計技巧這四個方面來幫助大家更好地理解應用的啟動頁

一、啟動頁的使用場景與特殊性

為了對啟動頁進行更加合理的分析,筆者首先將啟動頁的使用場景及其啟動頁的特殊性梳理出來:

啟動頁的使用場景

啟動頁的使用場景主要有兩個的‘第一次’:

  1. 用戶下載應用后‘第一次’啟動應用
  2. 用戶更新應用后‘第一次’啟動應用

對于前一個‘第一次’,這是用戶’第一次‘下載并使用應用,用戶對于應用的主要功能是’一無所知‘的,此時,啟動頁就要告訴用戶這個應用是干什么的,即對應用的主要功能介紹;

對于后一個‘第一次’,用戶對應用的新增功能、活動、內容是‘一無所知’,啟動頁的作用則是對用戶的新增功能、新增產品、新增活動進行介紹

上述兩個使用場景基本決定了啟動頁的作用

啟動頁的特殊性

做得再奪目的啟動頁只起輔助性的功能,這就是啟動頁的特殊性。啟動頁之所以只能起到輔助性的作用原因在于啟動頁并不是用戶下載并使用應用的主要目的,用戶的主要目的是使用應用的某一項功能。同時這個原因也導致了啟動頁獲得的用戶停留度和注意度是極低的。

二、啟動頁的作用

啟動頁的作用是由啟動頁的使用場景而決定的。安裝后的‘首次打開’和更新后的‘首次打開’的這兩個場景決定了啟動頁會有三個作用:功能介紹、活動介紹、內容介紹。筆者特意就這三個功能找了三個例子供大家理解啟動頁的這三個作用

功能介紹

支付寶

支付寶9.5.1版本的啟動頁

這是支付寶9.5.1版本的啟動頁,其中三頁的內容是:‘新增【拜年紅包】’、‘支付寶2015年賬單’,‘群紅包新增【中文口令】’,不難發現,這三頁啟動頁直接對新增功能進行描述的。

內容介紹

唯品會

唯品會5.14.3版本的啟動頁

這是唯品會5.14.3版本啟動頁,其中的兩個內容是:‘精品美妝’、‘精致鞋包’;同樣很容易理解,啟動頁介紹的是唯品會下一階段會重點推出的產品

活動介紹

淘寶
淘寶5.4.11版本的啟動頁

淘寶5.4.11版本的啟動頁,其中的兩個內容是:‘阿里年貨節’,‘方言挑戰賽’,很好理解,這個啟動頁主要介紹與新年相關的優惠活動

三、啟動頁的特征

認真觀察上述三個例子的歡迎頁文案設計,很容易歸納出歡迎頁有以下的三個特征:

  1. 簡單:在啟動頁中,文案是極為簡短精煉的,而啟動頁一般由一張圖片和一句文案組成
  2. 直接:啟動頁中的文字表述簡單直接,基本沒有過多的修飾性詞語
  3. 圖為主,文為輔:啟動頁中,圖片約占三分之二的區域,文字約占三分之一的區域

啟動頁之所以有上述的三個特征,根本原因是:用戶在啟動頁的停留時間極短,這就要求啟動頁在最短的時間內把核心內容告知用戶

四、啟動頁的設計技巧

1.在啟動頁右上方設置‘跳過’按鈕,不強制用戶閱讀

1

這是百度外賣的啟動頁,在啟動頁右上方有一個‘跳過’按鈕,其作用是允許用戶跳過啟動頁的播放。為什么允許用戶跳過啟動頁呢?其實結合啟動頁使用的兩類場景就很好理解,這個‘跳過’按鈕是為兩類用戶設計的:

第一類:已經了解應用的主要功能的用戶。用戶下載應用后‘第一次’啟動應用的時候,其中有一類用戶在下載之前已經把應用的主要功能了然于心,此時,他可以不再依托啟動頁,而‘跳過’按鈕就是這類用戶的出口

第二類:不需要運用應用的新增功能、活動或內容的用戶。用戶更新應用并‘第一次’啟動應用的時候,其中有一類用戶是‘被動更新’的——他根本不需要用到應用的新增功能、活動或內容,他打開應用的目的只是使用它原來的功能。

2.把啟動頁設計為可操作的

2

這是應用ANY DO的啟動頁,它的一個異常鮮明的特點是:在閱讀啟動頁時的時候允許用戶進行其他操作,這一設計不僅大大提高了用戶的使用效率,而且,還能提升用戶在啟動頁的停留時間,所以,當啟動頁的內容不需要100%傳達給用戶的時候,即可考慮采用這種方式設計啟動頁。同時要注意技術的實現難度。

以上是我對啟動頁的淺顯分析,歡迎各位前輩前來斧正。

#專欄作家#

黎明超,微信公眾號:hilimingchao;人人都是產品經理專欄作家。擅長從工作中總結并習得產品技巧,熱衷于分享工作心得以及面試經歷,目前關注運動領域,希望能和更多有趣的伙伴交流有趣的想法。

本文原創發布于人人都是產品經理,未經許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 親愛的 你說的是引導頁吧^_^

    來自北京 回復
  2. 這是引導頁吧。。。。。

    來自湖南 回復
  3. @黎明超,這種頁面稱之為啟動頁嗎?我理解啟動頁是應用每次啟動都會顯示的頁面,一版會顯示應用的LOGO等信息。按照您文章的描述我感覺稱之為引導頁更合適,引導頁只在應用初裝或更新時出現,旨在提醒用戶本應用的主要功能或使用規則。

    來自北京 回復
    1. 同意

      來自遼寧 回復