9個(gè)引導(dǎo)類(lèi)型,7個(gè)設(shè)計(jì)原則,教你全面認(rèn)識(shí)新手引導(dǎo)
新手引導(dǎo)設(shè)計(jì)對(duì)于幫助新用戶(hù)熟悉產(chǎn)品操作,了解產(chǎn)品特點(diǎn)十分重要。新手引導(dǎo)設(shè)計(jì)得好,可有效地實(shí)現(xiàn)新用戶(hù)留存與轉(zhuǎn)化。本文筆者將從9個(gè)引導(dǎo)類(lèi)型,7個(gè)設(shè)計(jì)原則來(lái)與大家探討如何設(shè)計(jì)新手引導(dǎo),實(shí)現(xiàn)新用戶(hù)留存。
01 新手引導(dǎo)是什么
新手引導(dǎo)(Onboarding)最早應(yīng)用于人力資源領(lǐng)域術(shù)語(yǔ),由企業(yè)制定給剛?cè)肼毿氯耸煜ば鹿ぷ鳝h(huán)境的步驟和方法,旨在讓新人能夠快速融入新環(huán)境,開(kāi)始新的工作。
隨著互聯(lián)網(wǎng)發(fā)展,新手引導(dǎo)開(kāi)始應(yīng)用于互聯(lián)網(wǎng)產(chǎn)品,指:引導(dǎo)新用戶(hù)使用產(chǎn)品的一系列交互。
目的是幫助用戶(hù)更快地熟悉產(chǎn)品特點(diǎn)和操作,傳遞產(chǎn)品的實(shí)際價(jià)值,從而提升用戶(hù)活躍度和留存率,乃至轉(zhuǎn)付費(fèi)。
02 出現(xiàn)場(chǎng)景
1. “引導(dǎo)頁(yè)”引導(dǎo)時(shí)
對(duì)于新裝機(jī)且未進(jìn)入過(guò)APP用戶(hù)(引導(dǎo)過(guò)程退出也算未進(jìn)入),啟動(dòng)后會(huì)進(jìn)入新用戶(hù)引導(dǎo)過(guò)程,形式多樣,后面會(huì)詳細(xì)介紹,統(tǒng)稱(chēng)為“引導(dǎo)頁(yè)”。
設(shè)計(jì)宗旨是以實(shí)際價(jià)值傳遞為依歸,創(chuàng)造良好的感知體驗(yàn),目的是為了讓用戶(hù)快速了解產(chǎn)品特點(diǎn),并產(chǎn)生好感。
舉個(gè)例子:K6教育的領(lǐng)頭羊納米盒引導(dǎo)頁(yè)就是通過(guò)四屏引導(dǎo)圖片構(gòu)成,傳達(dá)了產(chǎn)品的核心能力——點(diǎn)讀、微課伴學(xué)和網(wǎng)校。
2. 新用戶(hù)引導(dǎo)時(shí)
在用戶(hù)第一次進(jìn)入某個(gè)界面或使用某個(gè)功能時(shí),會(huì)進(jìn)行位置、功能性和引導(dǎo)。
目的是為了讓用戶(hù)快速了解主要功能位置和功能作用,減少尋覓和探索,更快上手會(huì)讓用戶(hù)覺(jué)得自己更聰明,更能把握全局,這會(huì)讓他們更容易成為老用戶(hù)。這類(lèi)引導(dǎo)司空見(jiàn)慣且樣式繁多,后面會(huì)具體介紹。
3. 吸引用戶(hù)目光時(shí)
有些功能是產(chǎn)品強(qiáng)烈希望用戶(hù)去點(diǎn)擊使用的,這時(shí)會(huì)使用一些動(dòng)態(tài)效果或與眾不同的樣式引導(dǎo)去獲得用戶(hù)的關(guān)注,目的是從感官上刺激用戶(hù),增加相應(yīng)的功能點(diǎn)擊使用。
比如:之前版本中,支付寶-口碑界面中只有“簽到”icon不斷閃爍,第一時(shí)間獲得用戶(hù)關(guān)注焦點(diǎn)。
不過(guò)我更喜歡的是樊登讀書(shū)會(huì)APP的簽到設(shè)計(jì):簽到icon會(huì)隨著你手機(jī)晃動(dòng)而擺動(dòng),有時(shí)候會(huì)掛在上面,非??蓯?ài)有趣,讓你忍不住想點(diǎn)擊使它掉下來(lái)。
4. 功能觸發(fā)時(shí)
當(dāng)使用某些功能時(shí)會(huì)觸發(fā)相應(yīng)的操作引導(dǎo),主要是預(yù)判用戶(hù)的下一步操作行為或者產(chǎn)品希望用戶(hù)接下來(lái)的操作行為去給出相應(yīng)的引導(dǎo)。
比如:微信按住說(shuō)話是會(huì)提醒“手指上滑,取消發(fā)送”;淘寶截屏?xí)r,會(huì)出現(xiàn)“好友分享、問(wèn)題反饋”并自動(dòng)彈出分享浮層。
03 引導(dǎo)類(lèi)型
當(dāng)我們了解完新手引導(dǎo)是什么,以及什么時(shí)候出現(xiàn),接下來(lái)我們需要知道新人引導(dǎo)有哪些類(lèi)型。
我把新手引導(dǎo)主要?jiǎng)澐譃閮纱箢?lèi):一是探索型;二是教學(xué)型。
1. 探索型
探索型是通過(guò)一定的引導(dǎo)方式,激發(fā)用戶(hù)探索欲望,推動(dòng)用戶(hù)前進(jìn),主要有四種方式:
① 對(duì)話/情節(jié)式
這類(lèi)方式主要應(yīng)用于游戲產(chǎn)品,通過(guò)對(duì)話或小視頻展開(kāi)故事鋪墊,推動(dòng)游戲進(jìn)程,比如:前幾天體驗(yàn)的一個(gè)游戲《神都夜行錄》,結(jié)合對(duì)話和小視頻,讓用戶(hù)了解到故事背景、人物角色、情節(jié)發(fā)展,從而產(chǎn)生一探究竟的念頭。
無(wú)圖,隨便放了張,體驗(yàn)一天就刪了,不是引導(dǎo)沒(méi)效果,而是我都不玩手游……
② 新手獎(jiǎng)勵(lì)任務(wù)
通過(guò)新手任務(wù)獲得獎(jiǎng)勵(lì)來(lái)誘導(dǎo)用戶(hù)探索產(chǎn)品功能,不僅可以讓用戶(hù)更熟悉產(chǎn)品,而且還讓用戶(hù)獲得獎(jiǎng)勵(lì)的滿(mǎn)足,最重要的是在不斷地增加用戶(hù)“投入”和“財(cái)產(chǎn)”,從而提高流失門(mén)檻。
③ 召喚式操作引導(dǎo)
這個(gè)名詞是我自創(chuàng)的,這類(lèi)引導(dǎo)方式主要以動(dòng)態(tài)為主,會(huì)有很強(qiáng)的視覺(jué)效果,很容易成為整個(gè)界面的焦點(diǎn),多用于想要吸引用戶(hù)目光時(shí)所設(shè)計(jì)。
舉個(gè)例子,各直播間的打賞、點(diǎn)贊和邀請(qǐng)主播功能,做了非常強(qiáng)烈的引導(dǎo)。
④ 氣泡/彈框引導(dǎo)
氣泡引導(dǎo)是所有引導(dǎo)方式中最輕量的引導(dǎo),屬于非模態(tài),一般幾秒后就會(huì)消失。
相反的是,彈窗引導(dǎo)屬于強(qiáng)阻斷性的,需要用戶(hù)點(diǎn)擊才會(huì)消失。兩者都旨在誘導(dǎo)用戶(hù)前往一探究竟,但也可以劃為提醒的一種,所以我放在一起了。
2. 教學(xué)型
教學(xué)型引導(dǎo)的使用頻率遠(yuǎn)高于探索型,是通過(guò)一定的引導(dǎo)方式讓用戶(hù)了解產(chǎn)品或功能特點(diǎn),主要有六種引導(dǎo)方式:
① 靜態(tài)引導(dǎo)頁(yè)
這個(gè)是目前APP最常用的一種新手引導(dǎo)方式,主要通過(guò)3-5屏靜態(tài)圖片界面來(lái)展現(xiàn)產(chǎn)品特點(diǎn)。
特點(diǎn):
由于人腦對(duì)圖片的解析速度快于文字,且印象更深刻,所以一般文案簡(jiǎn)短準(zhǔn)確,且多采用插圖形式,更加形象和人性化。
缺點(diǎn):
- 從用戶(hù)行為角度,他們很難有耐心認(rèn)真讀完看完,絕大部分用戶(hù)更傾向于自己探索產(chǎn)品,而不是看教程,回想自己使用過(guò)這么多APP也基本沒(méi)留意過(guò)此類(lèi)引導(dǎo)頁(yè)內(nèi)容。
- 從用戶(hù)目標(biāo)角度,用戶(hù)打開(kāi)APP總是想完成某項(xiàng)任務(wù),而且通常想要盡快完成,過(guò)多頁(yè)的引導(dǎo)不僅不會(huì)讓用戶(hù)停下閱讀,而且反而消磨好感,所以一般不超過(guò)3頁(yè)為宜。
- 用戶(hù)對(duì)靜態(tài)圖片感知體驗(yàn)不強(qiáng)。
②動(dòng)態(tài)引導(dǎo)
這類(lèi)引導(dǎo)主要以視頻/動(dòng)畫(huà)/GIF為主,通過(guò)動(dòng)態(tài)形式展示產(chǎn)品特點(diǎn)或功能操作。
特點(diǎn):清晰明了,非常直觀地傳遞產(chǎn)品內(nèi)容和操作方法,而且動(dòng)態(tài)效果更容易吸引用戶(hù)觀看,具有更好的視覺(jué)體驗(yàn)。
缺點(diǎn):
- 需要更精細(xì)的內(nèi)容設(shè)計(jì),吸引用戶(hù)關(guān)注卻無(wú)法清晰地傳達(dá)主要信息,反而會(huì)減分。
- 動(dòng)態(tài)效果需要加載更多的資源,會(huì)加長(zhǎng)用戶(hù)在啟動(dòng)頁(yè)的等等,需要跟技術(shù)溝通。
③結(jié)合場(chǎng)景的教學(xué)式引導(dǎo)
教學(xué)式引導(dǎo)是所有引導(dǎo)方式中復(fù)雜程度最高,但也是感知體驗(yàn)最強(qiáng)的引導(dǎo)方式。這類(lèi)引導(dǎo)會(huì)讓用戶(hù)參與進(jìn)來(lái),邊學(xué)邊用,并及時(shí)給予積極的反饋,提供給用戶(hù)繼續(xù)嘗試動(dòng)力的同時(shí),加深了用戶(hù)對(duì)產(chǎn)品特點(diǎn)的認(rèn)知。
目前多用于工具類(lèi)和游戲類(lèi)產(chǎn)品,比如英雄聯(lián)盟的新手練習(xí)中,會(huì)有各種標(biāo)記和任務(wù)引導(dǎo),當(dāng)用戶(hù)完成某個(gè)步驟(擊殺小兵、野怪等),都會(huì)及時(shí)地給予鼓勵(lì)。
④ 空狀態(tài)引導(dǎo)
空狀態(tài)在很多產(chǎn)品中也是一種常見(jiàn)的狀態(tài),空的界面并不好看,那么如何“變廢為寶”呢?
正確的做法是:加以正確的指引,推動(dòng)用戶(hù)進(jìn)行下一步操作來(lái)填充界面,比如:Modspot巧妙地利用了空狀態(tài)來(lái)引導(dǎo)用戶(hù)發(fā)布作品。
⑤ 蒙層引導(dǎo)
蒙層引導(dǎo)適用場(chǎng)景非常廣泛,主要有單頁(yè)和分步引導(dǎo),通過(guò)蒙層和文字說(shuō)明,讓用戶(hù)了解功能位置及特性,減少用戶(hù)摸索時(shí)間。
⑥其他引導(dǎo)
暫略。
04 設(shè)計(jì)原則(本處主要談引導(dǎo)頁(yè))
新手引導(dǎo)的核心是:“以實(shí)際價(jià)值傳遞為依歸,并打造良好的感知體驗(yàn)”,目的是幫助用戶(hù)更快地熟悉產(chǎn)品和提升用戶(hù)好感,從而提升用戶(hù)活躍度和留存率,乃至轉(zhuǎn)付費(fèi)。
為了達(dá)成這個(gè)目的,可以從以下七個(gè)方面進(jìn)行設(shè)計(jì)考慮:
1. 文案及其他內(nèi)容準(zhǔn)確精煉
必須明白你想要傳遞的是什么,如何表達(dá),而且要足夠簡(jiǎn)練。
2. 利用從眾心理
《烏合之眾》里有一句話是“數(shù)量,即是正義”,讓用戶(hù)感受到自己是龐大用戶(hù)群體中的一員。
同樣是勒龐說(shuō)過(guò):
“人一到群體中,智商就嚴(yán)重降低,為了獲得認(rèn)同,個(gè)體愿意拋棄是非,用智商去換取那份讓人備感安全的歸屬感”。
所以,充分利用從眾心理能夠一定程度增加用戶(hù)的歸屬感。
3. 提升用戶(hù)感知
如果用戶(hù)一開(kāi)始就要求被動(dòng)接收很多信息,反而會(huì)適得其反,對(duì)用戶(hù)造成認(rèn)知負(fù)擔(dān),從而產(chǎn)生疲憊和煩躁感。所以信息的傳遞方式就很重要,讓用戶(hù)參與其中會(huì)形成更強(qiáng)烈的感知體驗(yàn),從而提升用戶(hù)自身對(duì)信息消化和產(chǎn)品學(xué)習(xí)的速度。
4. 正面反饋,提升用戶(hù)成就感
引導(dǎo)頁(yè)是用戶(hù)第一次跟產(chǎn)品產(chǎn)生交互,也是創(chuàng)造產(chǎn)品和用戶(hù)之間情感聯(lián)系的重要機(jī)會(huì),你要讓用戶(hù)知道,他們做的很好,要承認(rèn)他們的進(jìn)步,并且同用戶(hù)一起慶祝。
當(dāng)用戶(hù)完成一個(gè)重要的任務(wù)的時(shí)候,及時(shí)地給予積極反饋“太棒啦!你做得很好!”等,讓用戶(hù)獲得被認(rèn)可的滿(mǎn)足。產(chǎn)品,是有溫度的。
5. 進(jìn)程可見(jiàn)
不可見(jiàn)的進(jìn)程會(huì)讓用戶(hù)失去控制感,不知道什么時(shí)候才會(huì)結(jié)束,從而產(chǎn)生煩躁,生出產(chǎn)品真復(fù)雜之感。
6. 可跳過(guò)
①用戶(hù)總是帶著“某種任務(wù)”而來(lái),他們是經(jīng)過(guò)某種“觸發(fā)”而產(chǎn)生下載,這個(gè)觸發(fā)點(diǎn)是他想要盡快去體驗(yàn)的內(nèi)容,而不是經(jīng)過(guò)冗長(zhǎng)的引導(dǎo)。
不得不承認(rèn)的是,無(wú)論引導(dǎo)設(shè)計(jì)得多好,不是所有用戶(hù)都會(huì)有耐心去閱讀或體驗(yàn)完成,也不是所有用戶(hù)都需要被引導(dǎo)。就像我們買(mǎi)了一個(gè)新型電飯煲,不會(huì)完整地去讀完全部說(shuō)明書(shū)內(nèi)容,頂多跳躍性地看一些重點(diǎn)部分。
② 大部分用戶(hù)更傾向于自己探索產(chǎn)品,而不是閱讀教程或被引導(dǎo),回想你使用過(guò)的產(chǎn)品,是否都有認(rèn)真看引導(dǎo)或說(shuō)明書(shū)?
③ 我們想要給的東西,用戶(hù)一定要全盤(pán)接收嗎?目前幾乎所有的閃屏(廣告頁(yè))都是可以跳過(guò)的,絕大多數(shù)引導(dǎo)頁(yè)也是可以快速劃過(guò)或跳過(guò),符合用戶(hù)基本行為認(rèn)知。
④ 從長(zhǎng)遠(yuǎn)看,統(tǒng)計(jì)每個(gè)環(huán)節(jié)“跳過(guò)”數(shù)據(jù),有利于我們持續(xù)優(yōu)化各個(gè)環(huán)節(jié)。而且后續(xù)數(shù)據(jù)分析中:從第一個(gè)環(huán)節(jié)就跳過(guò)的用戶(hù)留存率是不是更低?沒(méi)有跳過(guò)的用戶(hù)活躍度留存率付費(fèi)率是不是更高等。
所以最好可跳過(guò),給用戶(hù)根據(jù)自己情況進(jìn)行選擇的余地,更加人性化。
7. 趣味性
趣味性可以讓用戶(hù)更有耐心地以愉悅心態(tài)體驗(yàn)完你的引導(dǎo),其重要性不言而喻。
05 最后
新手引導(dǎo)設(shè)計(jì)得當(dāng)可以幫助用戶(hù)更快地了解產(chǎn)品特點(diǎn)、熟悉產(chǎn)品操作,讓用戶(hù)更容易上手,從而提高用戶(hù)留存。
本文是當(dāng)時(shí)為了設(shè)計(jì)我司新人引導(dǎo)所做的一篇分析,目前我設(shè)計(jì)的新人引導(dǎo)已上線,下一篇將對(duì)這個(gè)項(xiàng)目進(jìn)行完整的復(fù)盤(pán)和總結(jié),敬請(qǐng)期待~
作者:三文魚(yú),曾經(jīng)創(chuàng)業(yè)者,現(xiàn)于上海,扎根教育行業(yè)的不知名產(chǎn)品經(jīng)理一枚,喜歡看書(shū)、旅游、商業(yè),喜歡折騰,個(gè)人微信:qianxunlaosheng,歡迎交流。
本文由 @古道千 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
不錯(cuò),加油
歡迎訂閱本專(zhuān)欄或關(guān)注公眾號(hào),互相交流