淺談啟動頁/廣告頁/引導頁設(shè)計思想

5 評論 30853 瀏覽 159 收藏 7 分鐘

作者結(jié)合實際的產(chǎn)品經(jīng)驗,總結(jié)了啟動頁/廣告頁/引導頁的一些設(shè)計思想,希望能夠給你帶來啟發(fā)。

1.啟動頁設(shè)計

啟動頁設(shè)計思想

用戶第一次打開APP,第一眼看到的頁面是啟動頁,啟動頁面主要是告訴用戶“我”(產(chǎn)品)是誰,我是做什么的(一句話告訴用戶產(chǎn)品定位是什么)。

一個好的啟動頁面設(shè)計會給用戶留下良好的“第一印象”反之差的啟動頁面,會給用戶留下差的印象。啟動頁好比男女相親,初次見面自我介紹(以下案例分析)。

啟動頁面設(shè)計三要素:logo、產(chǎn)品名稱、產(chǎn)品定位。

通過三要素告訴用戶“我是誰”、“我是做什么的”,像KEEP啟動頁面通過標語“自律給我自由”傳遞情感給用戶產(chǎn)生共鳴??梢愿鶕?jù)產(chǎn)品的定位以及要想傳遞的信息,展示給用戶。

  • 展示方式:啟動頁面展示方式目前主要以圖文方式,也有部分采用動畫方式。
  • 展示頻率:每次啟動顯示。
  • 啟動頁配置:由前端載顯示。

2.廣告頁設(shè)計

廣告頁面目前主流顯示方式是加載在啟動頁之后給用戶展示的,優(yōu)勢自然是爆光率最高。簡單來說下目前啟動頁面與廣告頁面的交互設(shè)計(案例分析)。

啟動頁面與廣告頁面交互設(shè)計有兩種

  • 啟動頁面加載完之后進入廣告頁面(二級)。
  • 啟動頁面加載完之后,跟廣告頁面組合顯示(如上圖)目前組合顯示的方式使用最多。

展示方式:根據(jù)業(yè)務需求以圖文或者動畫的方式展示給用戶,圖1至圖3圖文方式,圖4動畫方式,動畫呈現(xiàn)方式趣味性更高一些,開發(fā)成本相對也會高一些。

廣告頁目的

  • 根據(jù)廣告主業(yè)務需求產(chǎn)生推廣收益,后臺需要支持廣告主可以查詢推廣數(shù)據(jù)。
  • 展示平臺重要活動或者資訊。

廣告頁面數(shù)據(jù)埋點設(shè)計

點擊率—頁面停留時長—分享次數(shù)(若該頁面沒有分享功能,則忽略)—轉(zhuǎn)換率。后臺需要支持可以查詢數(shù)據(jù)統(tǒng)計,通過數(shù)據(jù)統(tǒng)計分析廣告頁面質(zhì)量,以便下次優(yōu)化。

廣告祥情頁面配置:廣告祥情頁面配置在后臺配置H5鏈接,前端請求H5鏈接進入祥情頁面,采用H5方式便于操作靈活,不用更新一次整個APP都需要更新送審(后續(xù)文章會講到版本更新)。

展示頻率:每次啟動顯示(根據(jù)業(yè)務需求)。

3.引導頁設(shè)計

引導頁設(shè)計思想

前面介紹啟動頁面告訴用戶“我是誰”“我是做什么的”,開頭跟用戶做了自我介紹,引導頁的目的主要是告訴用戶:“我該怎么使用”或者是“我有什么亮點”(重點宣傳的功能),借用男女相親例子,雙方介紹完自己之后,開始展示自己有什么優(yōu)勢,好的引導頁設(shè)計直接關(guān)系到用戶是否“對你有興趣”想一進“了解你”。

引導頁設(shè)計要點

  • 引導頁重占強調(diào)產(chǎn)品的核心功能與優(yōu)勢,上一頁與下一頁啟到承上啟下的作用,好的文案配上動畫會使引導頁更加生動有吸引力。

引導頁設(shè)計方式

  • 靜態(tài)設(shè)計:采用靜態(tài)頁面展示,以傳遞信息為主,劣勢:用戶無互動感,優(yōu)勢:開發(fā)成本較低;
  • 動態(tài)設(shè)計:目前大部分傾向于動態(tài)設(shè)計,還可以加入用戶對動態(tài)頁面進行點擊互動,優(yōu)勢:增加用戶參與感,劣勢:開發(fā)成本較高。

引導頁配置

  • 優(yōu)勢:引導頁建議由前端加載顯示,不需要在后臺上傳推送給前端,若采用后臺推送的方式,用戶打開APP前端請求加載會比較慢,對用戶體驗不友好(用戶是沒有耐心等待的)
  • 劣勢:因是前端加載顯示,每次更新引導頁面需要前端換頁面,重新打包上傳送審,流程比較繁瑣不建義引導頁頻繁更新。

展示頻率規(guī)則

用戶第一次打開當前版本展示,后續(xù)打開不再展示,當檢測到有新版本更新時再展示(根據(jù)業(yè)務需求調(diào)整展示頻率),引導面一般采用3-4個頁面為佳,因每個頁面需要手動滑動所以用戶每次啟動都展示會造成用戶的反感,增加進入首頁成本。

最后總結(jié)

啟動頁/廣告頁/引導頁設(shè)計主要是根據(jù)產(chǎn)品自身的業(yè)務屬性跟定位來選擇適合的設(shè)計思路呈現(xiàn)給用戶。以上是作者結(jié)合實際的產(chǎn)品經(jīng)驗,總結(jié)的設(shè)計思想分享給大家!

 

本文由 @行走的魚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 廣告頁和引導頁同時存在怎么顯示

    來自浙江 回復
  2. 寫的很好,很有幫助

    來自浙江 回復
  3. 就是,早點看到就好了

    回復
  4. 寫得很好啊,要是早點看到再做也許就做更好了

    來自廣東 回復
    1. 謝謝

      來自湖北 回復