7個步驟，5個原則，教你給App設(shè)計一個合格的“新手引導(dǎo)”

本文由鳥哥筆記春羽計劃出品作者：鶴

來源：鳥哥筆記|做運(yùn)營推廣，上鳥哥筆記！App/小程序/新媒體【官網(wǎng)】

對于一個產(chǎn)品來說，“新手引導(dǎo)”可以說是一個“第一印象”的展示機(jī)會。這個第一印象，既是使用者的初步用戶體驗，也是影響后續(xù)留存的一個關(guān)鍵因素。

“新手引導(dǎo)”可以降低用戶的使用門檻，減少摸索時間，但用戶自行探索操作更能夠獲取到產(chǎn)品里的樂趣和surprise。一個好的“新手引導(dǎo)”應(yīng)在這兩者間找到平衡，應(yīng)該立足于用戶體驗，追求并優(yōu)化用戶留存，“適當(dāng)”非常重要。

本文就講一講合格的“新手引導(dǎo)”應(yīng)該怎么做，從以下7個思考和操作維度去講：

1、思考做“引導(dǎo)”的目的

2、確立目標(biāo)用戶

3、模擬場景

4、哪些交互行為觸發(fā)“引導(dǎo)”出現(xiàn)

5、“引導(dǎo)”在產(chǎn)品端的表現(xiàn)形式

6、“引導(dǎo)”頁設(shè)計原則

7、“引導(dǎo)”的數(shù)據(jù)指標(biāo)

思考做“引導(dǎo)”目的

對于用戶而言，有什么好處？—— 可以讓用戶更快捷、清楚的認(rèn)識產(chǎn)品，了解功能，減少摸索時間，降低使用門檻。

對于產(chǎn)品而言，有什么好處？——“適當(dāng)“的引導(dǎo)可以達(dá)成某些目的，比如電商產(chǎn)品會讓用戶領(lǐng)紅包然后引導(dǎo)去商品列表頁瀏覽以促進(jìn)訂單轉(zhuǎn)化，游戲產(chǎn)品（頁游居多）會讓用戶體驗基礎(chǔ)功能后送武器/增值服務(wù)，再一步步引導(dǎo)用戶氪金。

確立目標(biāo)用戶

一是先確定用戶畫像，二是確定用戶分類

不同產(chǎn)品用戶畫像不同，對于目標(biāo)用戶人群學(xué)習(xí)能力較弱的，應(yīng)給到單一路徑引導(dǎo)操作；

新用戶、輕度用戶、活躍用戶的引導(dǎo)也有區(qū)別，需要根據(jù)用戶的情況和產(chǎn)品特性，思考不同的引導(dǎo)路徑。

模擬場景

什么樣的場景下需要有引導(dǎo)？

——新用戶首次打開App

——產(chǎn)品迭代后新功能的上線

——某些交互說明或功能說明（保留用戶的好奇心，讓用戶自主操作，在遇到問題時再主動去獲取引導(dǎo)信息）

哪些交互行為觸發(fā)“引導(dǎo)”出現(xiàn)

在某些交互行為發(fā)生時，觸發(fā)引導(dǎo)信息，比如微信發(fā)語音時，長按“按住說話”后會有“松開發(fā)送”的提示。

——PC端行為 Hover、單擊左/右、鼠標(biāo)按下后狀態(tài)、鼠標(biāo)按下后彈起狀態(tài)、Soft_touch、鼠標(biāo)滾輪滑動、鼠標(biāo)按下后拖拽等。

——App端行為 點(diǎn)擊、雙擊、長按、重按、拖拽、滑動、放大/縮小 等。

“引導(dǎo)”在產(chǎn)品端的表現(xiàn)形式

1、新手引導(dǎo)頁

這是大多數(shù)產(chǎn)品的選擇，出現(xiàn)的場景是新用戶首次打開App。主要目的是介紹產(chǎn)品功能和亮點(diǎn)，方便新用戶了解產(chǎn)品。優(yōu)點(diǎn)是簡單直白，信息清晰，缺點(diǎn)是靜態(tài)頁面感知體驗不強(qiáng)，絕大多數(shù)用戶在此都會直接劃過（手動）。

所以如果選擇了新手引導(dǎo)頁這種方式，那么畫面設(shè)計及內(nèi)容選擇一定要深思熟慮！盡可能的使頁面簡潔，信息明確，又有一定創(chuàng)意感，在吸引用戶的同時讓用戶輕松獲取信息（UI同學(xué)表示鴨梨有點(diǎn)大）。

<毛滾滾日常>

2、蒙層遮罩式引導(dǎo)

針對場景是用戶首次進(jìn)入產(chǎn)品某個界面或功能時的引導(dǎo)或者是用戶需要幫助時的引導(dǎo)，主要目的也是介紹產(chǎn)品功能、對按鈕位置標(biāo)注、文案解釋等，能夠減少用戶摸索時間，更快的上手。優(yōu)點(diǎn)是蒙層對背景的遮罩可以使配圖更加清晰，聚焦，確保了信息的有效傳達(dá)。

<少年得到>

3、氣泡/浮窗式引導(dǎo)

一般來說，這種形式的引導(dǎo)相對比較輕，對用戶的體驗影響較小，但是目的性較強(qiáng)，多采用toast的形式表現(xiàn)。應(yīng)用范圍比較廣，如引導(dǎo)用戶評價，引導(dǎo)用戶使用核心功能，告知用戶產(chǎn)品位置等。

Keep

網(wǎng)易有道詞典

知乎

4、彈窗引導(dǎo)

強(qiáng)引導(dǎo)，對用戶體驗影響較大，一般會打斷用戶當(dāng)前行為路徑，多采用Dialog對話框的形式。使用該形式的引導(dǎo)時應(yīng)仔細(xì)考慮舍與得，犧牲部分體驗的同時希望向用戶傳達(dá)什么，達(dá)成什么樣的效果。

百度

網(wǎng)易有道詞典

同花順

5、“站內(nèi)信+圖文/視頻”引導(dǎo)

社群類，社交型產(chǎn)品使用的情況較多。一般會在聊天/消息icon上利用未讀消息紅點(diǎn)引導(dǎo)用戶點(diǎn)入，進(jìn)入消息列表頁后，點(diǎn)開“新手引導(dǎo)”的對話框，圖文或視頻的形式展示給用戶。用戶的接受程度上，視頻>音頻>圖片>文字，所以建議以短視頻/短動畫的形式做指引，時間控制在15s內(nèi)，用戶可以根據(jù)動態(tài)演示更快更直接的了解產(chǎn)品。

<soul> 聊天頁soul官方信息，點(diǎn)開后視頻介紹，視頻結(jié)束頁引導(dǎo)用戶選擇前往主功能區(qū)

6、交互式引導(dǎo)

一般有兩個作用，一是對用戶執(zhí)行某操作時下一步的操作引導(dǎo)，二是用戶執(zhí)行本次操作時的解釋說明。交互式引導(dǎo)在pc端上比較常見，多配合hover、鼠標(biāo)拖拽等操作。

<鳥哥筆記>官網(wǎng)

微信

7、空態(tài)引導(dǎo)

在產(chǎn)品端，是不能讓用戶走入死胡同的，所以我們一定要避免存在空狀態(tài)的頁面，即便遇到空狀態(tài)頁面也要想法設(shè)法給出相關(guān)結(jié)果頁或者引導(dǎo)用戶去創(chuàng)造新頁。空狀態(tài)頁面一般存在以下幾種情況：

1、用戶無歷史數(shù)據(jù)，如“我的收藏”“購物車”等；

2、用戶在搜索欄里查詢關(guān)鍵詞后無查詢結(jié)果；

3、用戶打開app執(zhí)行操作時，網(wǎng)絡(luò)未連接。

<洋碼頭>售后記錄

<百度貼吧> 創(chuàng)建新吧

天貓

8、即時教育式引導(dǎo)

顧名思義，一步步帶領(lǐng)用戶操作式的引導(dǎo)，多用于游戲中。游戲是多樣化的，相比較其他產(chǎn)品而言，用戶學(xué)習(xí)接受的復(fù)雜程度要高一些，即時教育式的引導(dǎo)，可以讓用戶邊學(xué)邊玩，并且能夠?qū)崟r的得到產(chǎn)品反饋，加速對產(chǎn)品的理解。（Ps.游戲高玩表示從來不看）

熊貓博士識字

元?dú)怛T士

“引導(dǎo)”頁設(shè)計原則

1、信息簡潔、目的明確

用圖畫信息代替文字，如不可避免則盡可能的精簡，也可通過加粗、標(biāo)色等方式突出重點(diǎn)。引導(dǎo)頁的整體UI風(fēng)格與app趨于一致

2、引導(dǎo)適時出現(xiàn)

要保留用戶自行探索產(chǎn)品的樂趣，不打擾用戶的行為路徑，只在關(guān)鍵的時候出現(xiàn)幫助用戶

3、風(fēng)格上有趣、有個性

有趣的內(nèi)容可以讓用戶更自然的去體驗產(chǎn)品，不知覺中走完流程。

4、進(jìn)程可見，引導(dǎo)可跳過

進(jìn)程可見可以讓用戶時刻了解當(dāng)前的位置從而避免產(chǎn)生焦慮感；跳過引導(dǎo)可以讓用戶去自主探索產(chǎn)品，一方面因為當(dāng)前大部分產(chǎn)品趨向于規(guī)整化，同類型產(chǎn)品的形式流程相似度較高，用戶已經(jīng)有了操作慣性；另一方面相對于被動接受引導(dǎo)，用戶更傾向于主動去探索產(chǎn)品，不太會去care引導(dǎo)頁信息。

5、及時反饋

在用戶與引導(dǎo)信息進(jìn)行交互時，一定要給到及時的反饋，比如涉及到利益點(diǎn)的東西要讓用戶知道自己獲得了什么，怎樣去領(lǐng)取，同時在情感上去認(rèn)可用戶。

“引導(dǎo)”數(shù)據(jù)指標(biāo)

我們費(fèi)勁心思來做“新手引導(dǎo)”，那么怎么來考量效果呢？

1、用戶留存 —— 引導(dǎo)頁設(shè)計前后用戶留存對比

2、用戶轉(zhuǎn)化—— 主要針對某些功能的浮窗引導(dǎo)使用

3、“引導(dǎo)頁”停留時長 —— 優(yōu)化引導(dǎo)頁設(shè)計使用

4、“跳過”的點(diǎn)擊次數(shù) —— 優(yōu)化引導(dǎo)流程及引導(dǎo)頁使用

5、其他（依產(chǎn)品、場景、目標(biāo)等因素確定）

總 結(jié)

本文從多個維度探討了“新手引導(dǎo)”，但是，“新手引導(dǎo)”不是產(chǎn)品的必備選項，有很多簡單、大眾熟知的操作是不需要新手引導(dǎo)的?！靶率忠龑?dǎo)“需要符合產(chǎn)品本身的特性，立足于用戶體驗，在不剝奪用戶“探索”的驚喜感的同時，引導(dǎo)用戶更好地使用產(chǎn)品。

開頭提到了，很多情況下，“新手引導(dǎo)“是用戶對產(chǎn)品的第一印象，哪怕是一個小環(huán)節(jié)不到位，也會帶來不好的使用體驗。我們在做“新手引導(dǎo)”的時候，需要拿出產(chǎn)品思維、數(shù)據(jù)思維和打磨產(chǎn)品的耐性，追求更好的用戶體驗和更高的用戶留存。