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

　　1.啟動(dòng)頁(yè)設(shè)計(jì)

　　啟動(dòng)頁(yè)設(shè)計(jì)思想

　　用戶第一次打開(kāi)APP，第一眼看到的頁(yè)面是啟動(dòng)頁(yè)，啟動(dòng)頁(yè)面主要是告訴用戶“我”（產(chǎn)品）是誰(shuí)，我是做什么的（一句話告訴用戶產(chǎn)品定位是什么）。

　　一個(gè)好的啟動(dòng)頁(yè)面設(shè)計(jì)會(huì)給用戶留下良好的“第一印象”反之差的啟動(dòng)頁(yè)面，會(huì)給用戶留下差的印象。啟動(dòng)頁(yè)好比男女相親，初次見(jiàn)面自我介紹（以下案例分析）。

　　啟動(dòng)頁(yè)面設(shè)計(jì)三要素：logo、產(chǎn)品名稱、產(chǎn)品定位。

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

　　展示方式：?jiǎn)?dòng)頁(yè)面展示方式目前主要以圖文方式，也有部分采用動(dòng)畫方式。

　　展示頻率：每次啟動(dòng)顯示。

　　啟動(dòng)頁(yè)配置：由前端載顯示。

　　2.廣告頁(yè)設(shè)計(jì)

　　廣告頁(yè)面目前主流顯示方式是加載在啟動(dòng)頁(yè)之后給用戶展示的，優(yōu)勢(shì)自然是爆光率最高。簡(jiǎn)單來(lái)說(shuō)下目前啟動(dòng)頁(yè)面與廣告頁(yè)面的交互設(shè)計(jì)（案例分析）。

　　啟動(dòng)頁(yè)面與廣告頁(yè)面交互設(shè)計(jì)有兩種

　　啟動(dòng)頁(yè)面加載完之后進(jìn)入廣告頁(yè)面（二級(jí)）。

　　啟動(dòng)頁(yè)面加載完之后，跟廣告頁(yè)面組合顯示（如上圖）目前組合顯示的方式使用最多。

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

　　廣告頁(yè)目的

　　根據(jù)廣告主業(yè)務(wù)需求產(chǎn)生推廣收益，后臺(tái)需要支持廣告主可以查詢推廣數(shù)據(jù)。

　　展示平臺(tái)重要活動(dòng)或者資訊。

　　廣告頁(yè)面數(shù)據(jù)埋點(diǎn)設(shè)計(jì)

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

　　廣告祥情頁(yè)面配置：廣告祥情頁(yè)面配置在后臺(tái)配置H5鏈接，前端請(qǐng)求H5鏈接進(jìn)入祥情頁(yè)面，采用H5方式便于操作靈活，不用更新一次整個(gè)APP都需要更新送審（后續(xù)文章會(huì)講到版本更新）。

　　展示頻率：每次啟動(dòng)顯示（根據(jù)業(yè)務(wù)需求）。

　　3.引導(dǎo)頁(yè)設(shè)計(jì)

　　引導(dǎo)頁(yè)設(shè)計(jì)思想

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

　　引導(dǎo)頁(yè)設(shè)計(jì)要點(diǎn)

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

　　引導(dǎo)頁(yè)設(shè)計(jì)方式

　　靜態(tài)設(shè)計(jì)：采用靜態(tài)頁(yè)面展示，以傳遞信息為主，劣勢(shì)：用戶無(wú)互動(dòng)感，優(yōu)勢(shì)：開(kāi)發(fā)成本較低；

　　動(dòng)態(tài)設(shè)計(jì)：目前大部分傾向于動(dòng)態(tài)設(shè)計(jì)，還可以加入用戶對(duì)動(dòng)態(tài)頁(yè)面進(jìn)行點(diǎn)擊互動(dòng)，優(yōu)勢(shì)：增加用戶參與感，劣勢(shì)：開(kāi)發(fā)成本較高。

　　引導(dǎo)頁(yè)配置

　　優(yōu)勢(shì)：引導(dǎo)頁(yè)建議由前端加載顯示，不需要在后臺(tái)上傳推送給前端，若采用后臺(tái)推送的方式，用戶打開(kāi)APP前端請(qǐng)求加載會(huì)比較慢，對(duì)用戶體驗(yàn)不友好（用戶是沒(méi)有耐心等待的）

　　劣勢(shì)：因是前端加載顯示，每次更新引導(dǎo)頁(yè)面需要前端換頁(yè)面，重新打包上傳送審，流程比較繁瑣不建義引導(dǎo)頁(yè)頻繁更新。

　　展示頻率規(guī)則

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

　　最后總結(jié)

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