9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

2 評論 25601 瀏覽 165 收藏 16 分鐘

新手引導(dǎo)設(shè)計(jì)對于幫助新用戶熟悉產(chǎn)品操作,了解產(chǎn)品特點(diǎn)十分重要。新手引導(dǎo)設(shè)計(jì)得好,可有效地實(shí)現(xiàn)新用戶留存與轉(zhuǎn)化。本文筆者將從9個引導(dǎo)類型,7個設(shè)計(jì)原則來與大家探討如何設(shè)計(jì)新手引導(dǎo),實(shí)現(xiàn)新用戶留存。

01 新手引導(dǎo)是什么

新手引導(dǎo)(Onboarding)最早應(yīng)用于人力資源領(lǐng)域術(shù)語,由企業(yè)制定給剛?cè)肼毿氯耸煜ば鹿ぷ鳝h(huán)境的步驟和方法,旨在讓新人能夠快速融入新環(huán)境,開始新的工作。

隨著互聯(lián)網(wǎng)發(fā)展,新手引導(dǎo)開始應(yīng)用于互聯(lián)網(wǎng)產(chǎn)品,指:引導(dǎo)新用戶使用產(chǎn)品的一系列交互。

目的是幫助用戶更快地熟悉產(chǎn)品特點(diǎn)和操作,傳遞產(chǎn)品的實(shí)際價值,從而提升用戶活躍度和留存率,乃至轉(zhuǎn)付費(fèi)。

02 出現(xiàn)場景

1. “引導(dǎo)頁”引導(dǎo)時

對于新裝機(jī)且未進(jìn)入過APP用戶(引導(dǎo)過程退出也算未進(jìn)入),啟動后會進(jìn)入新用戶引導(dǎo)過程,形式多樣,后面會詳細(xì)介紹,統(tǒng)稱為“引導(dǎo)頁”。

設(shè)計(jì)宗旨是以實(shí)際價值傳遞為依歸,創(chuàng)造良好的感知體驗(yàn),目的是為了讓用戶快速了解產(chǎn)品特點(diǎn),并產(chǎn)生好感。

舉個例子:K6教育的領(lǐng)頭羊納米盒引導(dǎo)頁就是通過四屏引導(dǎo)圖片構(gòu)成,傳達(dá)了產(chǎn)品的核心能力——點(diǎn)讀、微課伴學(xué)和網(wǎng)校。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

2. 新用戶引導(dǎo)時

在用戶第一次進(jìn)入某個界面或使用某個功能時,會進(jìn)行位置、功能性和引導(dǎo)。

目的是為了讓用戶快速了解主要功能位置和功能作用,減少尋覓和探索,更快上手會讓用戶覺得自己更聰明,更能把握全局,這會讓他們更容易成為老用戶。這類引導(dǎo)司空見慣且樣式繁多,后面會具體介紹。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

3. 吸引用戶目光時

有些功能是產(chǎn)品強(qiáng)烈希望用戶去點(diǎn)擊使用的,這時會使用一些動態(tài)效果或與眾不同的樣式引導(dǎo)去獲得用戶的關(guān)注,目的是從感官上刺激用戶,增加相應(yīng)的功能點(diǎn)擊使用。

比如:之前版本中,支付寶-口碑界面中只有“簽到”icon不斷閃爍,第一時間獲得用戶關(guān)注焦點(diǎn)。

不過我更喜歡的是樊登讀書會APP的簽到設(shè)計(jì):簽到icon會隨著你手機(jī)晃動而擺動,有時候會掛在上面,非??蓯塾腥?,讓你忍不住想點(diǎn)擊使它掉下來。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

4. 功能觸發(fā)時

當(dāng)使用某些功能時會觸發(fā)相應(yīng)的操作引導(dǎo),主要是預(yù)判用戶的下一步操作行為或者產(chǎn)品希望用戶接下來的操作行為去給出相應(yīng)的引導(dǎo)。

比如:微信按住說話是會提醒“手指上滑,取消發(fā)送”;淘寶截屏?xí)r,會出現(xiàn)“好友分享、問題反饋”并自動彈出分享浮層。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

03 引導(dǎo)類型

當(dāng)我們了解完新手引導(dǎo)是什么,以及什么時候出現(xiàn),接下來我們需要知道新人引導(dǎo)有哪些類型。

我把新手引導(dǎo)主要劃分為兩大類:一是探索型;二是教學(xué)型。

1. 探索型

探索型是通過一定的引導(dǎo)方式,激發(fā)用戶探索欲望,推動用戶前進(jìn),主要有四種方式:

① 對話/情節(jié)式

這類方式主要應(yīng)用于游戲產(chǎn)品,通過對話或小視頻展開故事鋪墊,推動游戲進(jìn)程,比如:前幾天體驗(yàn)的一個游戲《神都夜行錄》,結(jié)合對話和小視頻,讓用戶了解到故事背景、人物角色、情節(jié)發(fā)展,從而產(chǎn)生一探究竟的念頭。

無圖,隨便放了張,體驗(yàn)一天就刪了,不是引導(dǎo)沒效果,而是我都不玩手游……

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

② 新手獎勵任務(wù)

通過新手任務(wù)獲得獎勵來誘導(dǎo)用戶探索產(chǎn)品功能,不僅可以讓用戶更熟悉產(chǎn)品,而且還讓用戶獲得獎勵的滿足,最重要的是在不斷地增加用戶“投入”和“財(cái)產(chǎn)”,從而提高流失門檻。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

③ 召喚式操作引導(dǎo)

這個名詞是我自創(chuàng)的,這類引導(dǎo)方式主要以動態(tài)為主,會有很強(qiáng)的視覺效果,很容易成為整個界面的焦點(diǎn),多用于想要吸引用戶目光時所設(shè)計(jì)。

舉個例子,各直播間的打賞、點(diǎn)贊和邀請主播功能,做了非常強(qiáng)烈的引導(dǎo)。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

④ 氣泡/彈框引導(dǎo)

氣泡引導(dǎo)是所有引導(dǎo)方式中最輕量的引導(dǎo),屬于非模態(tài),一般幾秒后就會消失。

相反的是,彈窗引導(dǎo)屬于強(qiáng)阻斷性的,需要用戶點(diǎn)擊才會消失。兩者都旨在誘導(dǎo)用戶前往一探究竟,但也可以劃為提醒的一種,所以我放在一起了。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

2. 教學(xué)型

教學(xué)型引導(dǎo)的使用頻率遠(yuǎn)高于探索型,是通過一定的引導(dǎo)方式讓用戶了解產(chǎn)品或功能特點(diǎn),主要有六種引導(dǎo)方式:

① 靜態(tài)引導(dǎo)頁

這個是目前APP最常用的一種新手引導(dǎo)方式,主要通過3-5屏靜態(tài)圖片界面來展現(xiàn)產(chǎn)品特點(diǎn)。

特點(diǎn):

由于人腦對圖片的解析速度快于文字,且印象更深刻,所以一般文案簡短準(zhǔn)確,且多采用插圖形式,更加形象和人性化。

缺點(diǎn):

  • 從用戶行為角度,他們很難有耐心認(rèn)真讀完看完,絕大部分用戶更傾向于自己探索產(chǎn)品,而不是看教程,回想自己使用過這么多APP也基本沒留意過此類引導(dǎo)頁內(nèi)容。
  • 從用戶目標(biāo)角度,用戶打開APP總是想完成某項(xiàng)任務(wù),而且通常想要盡快完成,過多頁的引導(dǎo)不僅不會讓用戶停下閱讀,而且反而消磨好感,所以一般不超過3頁為宜。
  • 用戶對靜態(tài)圖片感知體驗(yàn)不強(qiáng)。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

②動態(tài)引導(dǎo)

這類引導(dǎo)主要以視頻/動畫/GIF為主,通過動態(tài)形式展示產(chǎn)品特點(diǎn)或功能操作。

特點(diǎn):清晰明了,非常直觀地傳遞產(chǎn)品內(nèi)容和操作方法,而且動態(tài)效果更容易吸引用戶觀看,具有更好的視覺體驗(yàn)。
缺點(diǎn):

  • 需要更精細(xì)的內(nèi)容設(shè)計(jì),吸引用戶關(guān)注卻無法清晰地傳達(dá)主要信息,反而會減分。
  • 動態(tài)效果需要加載更多的資源,會加長用戶在啟動頁的等等,需要跟技術(shù)溝通。

③結(jié)合場景的教學(xué)式引導(dǎo)

教學(xué)式引導(dǎo)是所有引導(dǎo)方式中復(fù)雜程度最高,但也是感知體驗(yàn)最強(qiáng)的引導(dǎo)方式。這類引導(dǎo)會讓用戶參與進(jìn)來,邊學(xué)邊用,并及時給予積極的反饋,提供給用戶繼續(xù)嘗試動力的同時,加深了用戶對產(chǎn)品特點(diǎn)的認(rèn)知。

目前多用于工具類和游戲類產(chǎn)品,比如英雄聯(lián)盟的新手練習(xí)中,會有各種標(biāo)記和任務(wù)引導(dǎo),當(dāng)用戶完成某個步驟(擊殺小兵、野怪等),都會及時地給予鼓勵。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

④ 空狀態(tài)引導(dǎo)

空狀態(tài)在很多產(chǎn)品中也是一種常見的狀態(tài),空的界面并不好看,那么如何“變廢為寶”呢?

正確的做法是:加以正確的指引,推動用戶進(jìn)行下一步操作來填充界面,比如:Modspot巧妙地利用了空狀態(tài)來引導(dǎo)用戶發(fā)布作品。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

⑤ 蒙層引導(dǎo)

蒙層引導(dǎo)適用場景非常廣泛,主要有單頁和分步引導(dǎo),通過蒙層和文字說明,讓用戶了解功能位置及特性,減少用戶摸索時間。

9個引導(dǎo)類型,7個設(shè)計(jì)原則,教你全面認(rèn)識新手引導(dǎo)

⑥其他引導(dǎo)

暫略。

04 設(shè)計(jì)原則(本處主要談引導(dǎo)頁)

新手引導(dǎo)的核心是:“以實(shí)際價值傳遞為依歸,并打造良好的感知體驗(yàn)”,目的是幫助用戶更快地熟悉產(chǎn)品和提升用戶好感,從而提升用戶活躍度和留存率,乃至轉(zhuǎn)付費(fèi)。

為了達(dá)成這個目的,可以從以下七個方面進(jìn)行設(shè)計(jì)考慮:

1. 文案及其他內(nèi)容準(zhǔn)確精煉

必須明白你想要傳遞的是什么,如何表達(dá),而且要足夠簡練。

2. 利用從眾心理

《烏合之眾》里有一句話是“數(shù)量,即是正義”,讓用戶感受到自己是龐大用戶群體中的一員。

同樣是勒龐說過:

“人一到群體中,智商就嚴(yán)重降低,為了獲得認(rèn)同,個體愿意拋棄是非,用智商去換取那份讓人備感安全的歸屬感”。

所以,充分利用從眾心理能夠一定程度增加用戶的歸屬感。

3. 提升用戶感知

如果用戶一開始就要求被動接收很多信息,反而會適得其反,對用戶造成認(rèn)知負(fù)擔(dān),從而產(chǎn)生疲憊和煩躁感。所以信息的傳遞方式就很重要,讓用戶參與其中會形成更強(qiáng)烈的感知體驗(yàn),從而提升用戶自身對信息消化和產(chǎn)品學(xué)習(xí)的速度。

4. 正面反饋,提升用戶成就感

引導(dǎo)頁是用戶第一次跟產(chǎn)品產(chǎn)生交互,也是創(chuàng)造產(chǎn)品和用戶之間情感聯(lián)系的重要機(jī)會,你要讓用戶知道,他們做的很好,要承認(rèn)他們的進(jìn)步,并且同用戶一起慶祝。

當(dāng)用戶完成一個重要的任務(wù)的時候,及時地給予積極反饋“太棒啦!你做得很好!”等,讓用戶獲得被認(rèn)可的滿足。產(chǎn)品,是有溫度的。

5. 進(jìn)程可見

不可見的進(jìn)程會讓用戶失去控制感,不知道什么時候才會結(jié)束,從而產(chǎn)生煩躁,生出產(chǎn)品真復(fù)雜之感。

6. 可跳過

①用戶總是帶著“某種任務(wù)”而來,他們是經(jīng)過某種“觸發(fā)”而產(chǎn)生下載,這個觸發(fā)點(diǎn)是他想要盡快去體驗(yàn)的內(nèi)容,而不是經(jīng)過冗長的引導(dǎo)。

不得不承認(rèn)的是,無論引導(dǎo)設(shè)計(jì)得多好,不是所有用戶都會有耐心去閱讀或體驗(yàn)完成,也不是所有用戶都需要被引導(dǎo)。就像我們買了一個新型電飯煲,不會完整地去讀完全部說明書內(nèi)容,頂多跳躍性地看一些重點(diǎn)部分。

② 大部分用戶更傾向于自己探索產(chǎn)品,而不是閱讀教程或被引導(dǎo),回想你使用過的產(chǎn)品,是否都有認(rèn)真看引導(dǎo)或說明書?

我們想要給的東西,用戶一定要全盤接收嗎?目前幾乎所有的閃屏(廣告頁)都是可以跳過的,絕大多數(shù)引導(dǎo)頁也是可以快速劃過或跳過,符合用戶基本行為認(rèn)知。

④ 從長遠(yuǎn)看,統(tǒng)計(jì)每個環(huán)節(jié)“跳過”數(shù)據(jù),有利于我們持續(xù)優(yōu)化各個環(huán)節(jié)。而且后續(xù)數(shù)據(jù)分析中:從第一個環(huán)節(jié)就跳過的用戶留存率是不是更低?沒有跳過的用戶活躍度留存率付費(fèi)率是不是更高等。

所以最好可跳過,給用戶根據(jù)自己情況進(jìn)行選擇的余地,更加人性化。

7. 趣味性

趣味性可以讓用戶更有耐心地以愉悅心態(tài)體驗(yàn)完你的引導(dǎo),其重要性不言而喻。

05 最后

新手引導(dǎo)設(shè)計(jì)得當(dāng)可以幫助用戶更快地了解產(chǎn)品特點(diǎn)、熟悉產(chǎn)品操作,讓用戶更容易上手,從而提高用戶留存。

本文是當(dāng)時為了設(shè)計(jì)我司新人引導(dǎo)所做的一篇分析,目前我設(shè)計(jì)的新人引導(dǎo)已上線,下一篇將對這個項(xiàng)目進(jìn)行完整的復(fù)盤和總結(jié),敬請期待~

 

作者:三文魚,曾經(jīng)創(chuàng)業(yè)者,現(xiàn)于上海,扎根教育行業(yè)的不知名產(chǎn)品經(jīng)理一枚,喜歡看書、旅游、商業(yè),喜歡折騰,個人微信:qianxunlaosheng,歡迎交流。

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 不錯,加油

    來自北京 回復(fù)
  2. 歡迎訂閱本專欄或關(guān)注公眾號,互相交流

    來自上海 回復(fù)