全栈工程师?
嗯.....目前并不是!

9個引導類型,7個設計原則,教你全面認識新手引導

新手引導設計對於幫助新用戶熟悉產品操作,了解產品特點十分重要。新手引導設計得好,可有效地實現新用戶留存與轉化。本文筆者將從9個引導類型,7個設計原則來與大家探討如何設計新手引導,實現新用戶留存。

01 新手引導是什麼

新手引導(Onboarding)最早應用於人力資源領域術語,由企業制定給剛入職新人熟悉新工作環境的步驟和方法,旨在讓新人能夠快速融入新環境,開始新的工作。

隨着互聯網發展,新手引導開始應用於互聯網產品,指:引導新用戶使用產品的一系列交互。

目的是幫助用戶更快地熟悉產品特點和操作,傳遞產品的實際價值,從而提升用戶活躍度和留存率,乃至轉付費。

02 出現場景

1. “引導頁”引導時

對於新裝機且未進入過APP用戶(引導過程退出也算未進入),啟動後會進入新用戶引導過程,形式多樣,後面會詳細介紹,統稱為“引導頁”。

設計宗旨是以實際價值傳遞為依歸,創造良好的感知體驗,目的是為了讓用戶快速了解產品特點,併產生好感。

舉個例子:K6教育的領頭羊納米盒引導頁就是通過四屏引導圖片構成,傳達了產品的核心能力——點讀、微課伴學和網校。

9個引導類型,7個設計原則,教你全面認識新手引導

2. 新用戶引導時

在用戶第一次進入某個界面或使用某個功能時,會進行位置、功能性和引導。

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

9個引導類型,7個設計原則,教你全面認識新手引導

3. 吸引用戶目光時

有些功能是產品強烈希望用戶去點擊使用的,這時會使用一些動態效果或與眾不同的樣式引導去獲得用戶的關注,目的是從感官上刺激用戶,增加相應的功能點擊使用。

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

不過我更喜歡的是樊登讀書會APP的簽到設計:簽到icon會隨着你手機晃動而擺動,有時候會掛在上面,非常可愛有趣,讓你忍不住想點擊使它掉下來。

9個引導類型,7個設計原則,教你全面認識新手引導

4. 功能觸發時

當使用某些功能時會觸發相應的操作引導,主要是預判用戶的下一步操作行為或者產品希望用戶接下來的操作行為去給出相應的引導。

比如:微信按住說話是會提醒“手指上滑,取消發送”;淘寶截屏時,會出現“好友分享、問題反饋”並自動彈出分享浮層。

9個引導類型,7個設計原則,教你全面認識新手引導

03 引導類型

當我們了解完新手引導是什麼,以及什麼時候出現,接下來我們需要知道新人引導有哪些類型。

我把新手引導主要劃分為兩大類:一是探索型;二是教學型。

1. 探索型

探索型是通過一定的引導方式,激發用戶探索慾望,推動用戶前進,主要有四種方式:

① 對話/情節式

這類方式主要應用於遊戲產品,通過對話或小視頻展開故事鋪墊,推動遊戲進程,比如:前幾天體驗的一個遊戲《神都夜行錄》,結合對話和小視頻,讓用戶了解到故事背景、人物角色、情節發展,從而產生一探究竟的念頭。

無圖,隨便放了張,體驗一天就刪了,不是引導沒效果,而是我都不玩手游……

9個引導類型,7個設計原則,教你全面認識新手引導

② 新手獎勵任務

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

9個引導類型,7個設計原則,教你全面認識新手引導

9個引導類型,7個設計原則,教你全面認識新手引導

③ 召喚式操作引導

這個名詞是我自創的,這類引導方式主要以動態為主,會有很強的視覺效果,很容易成為整個界面的焦點,多用於想要吸引用戶目光時所設計。

舉個例子,各直播間的打賞、點贊和邀請主播功能,做了非常強烈的引導。

9個引導類型,7個設計原則,教你全面認識新手引導

④ 氣泡/彈框引導

氣泡引導是所有引導方式中最輕量的引導,屬於非模態,一般幾秒后就會消失。

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

9個引導類型,7個設計原則,教你全面認識新手引導

2. 教學型

教學型引導的使用頻率遠高於探索型,是通過一定的引導方式讓用戶了解產品或功能特點,主要有六種引導方式:

① 靜態引導頁

這個是目前APP最常用的一種新手引導方式,主要通過3-5屏靜態圖片界面來展現產品特點。

特點:

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

缺點:

  • 從用戶行為角度,他們很難有耐心認真讀完看完,絕大部分用戶更傾向於自己探索產品,而不是看教程,回想自己使用過這麼多APP也基本沒留意過此類引導頁內容。
  • 從用戶目標角度,用戶打開APP總是想完成某項任務,而且通常想要儘快完成,過多頁的引導不僅不會讓用戶停下閱讀,而且反而消磨好感,所以一般不超過3頁為宜。
  • 用戶對靜態圖片感知體驗不強。

9個引導類型,7個設計原則,教你全面認識新手引導

②動態引導

這類引導主要以視頻/動畫/GIF為主,通過動態形式展示產品特點或功能操作。

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

  • 需要更精細的內容設計,吸引用戶關注卻無法清晰地傳達主要信息,反而會減分。
  • 動態效果需要加載更多的資源,會加長用戶在啟動頁的等等,需要跟技術溝通。

③結合場景的教學式引導

教學式引導是所有引導方式中複雜程度最高,但也是感知體驗最強的引導方式。這類引導會讓用戶參與進來,邊學邊用,並及時給予積極的反饋,提供給用戶繼續嘗試動力的同時,加深了用戶對產品特點的認知。

目前多用於工具類和遊戲類產品,比如英雄聯盟的新手練習中,會有各種標記和任務引導,當用戶完成某個步驟(擊殺小兵、野怪等),都會及時地給予鼓勵。

9個引導類型,7個設計原則,教你全面認識新手引導

9個引導類型,7個設計原則,教你全面認識新手引導

④ 空狀態引導

空狀態在很多產品中也是一種常見的狀態,空的界面並不好看,那麼如何“變廢為寶”呢?

正確的做法是:加以正確的指引,推動用戶進行下一步操作來填充界面,比如:Modspot巧妙地利用了空狀態來引導用戶發布作品。

9個引導類型,7個設計原則,教你全面認識新手引導

⑤ 蒙層引導

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

9個引導類型,7個設計原則,教你全面認識新手引導

⑥其他引導

暫略。

04 設計原則(本處主要談引導頁)

新手引導的核心是:“以實際價值傳遞為依歸,並打造良好的感知體驗”,目的是幫助用戶更快地熟悉產品和提升用戶好感,從而提升用戶活躍度和留存率,乃至轉付費。

為了達成這個目的,可以從以下七個方面進行設計考慮:

1. 文案及其他內容準確精鍊

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

2. 利用從眾心理

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

同樣是勒龐說過:

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

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

3. 提升用戶感知

如果用戶一開始就要求被動接收很多信息,反而會適得其反,對用戶造成認知負擔,從而產生疲憊和煩躁感。所以信息的傳遞方式就很重要,讓用戶參與其中會形成更強烈的感知體驗,從而提升用戶自身對信息消化和產品學習的速度。

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

引導頁是用戶第一次跟產品產生交互,也是創造產品和用戶之間情感聯繫的重要機會,你要讓用戶知道,他們做的很好,要承認他們的進步,並且同用戶一起慶祝。

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

5. 進程可見

不可見的進程會讓用戶失去控制感,不知道什麼時候才會結束,從而產生煩躁,生出產品真複雜之感。

6. 可跳過

①用戶總是帶着“某種任務”而來,他們是經過某種“觸發”而產生下載,這個觸發點是他想要儘快去體驗的內容,而不是經過冗長的引導。

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

② 大部分用戶更傾向於自己探索產品,而不是閱讀教程或被引導,回想你使用過的產品,是否都有認真看引導或說明書?

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

④ 從長遠看,統計每個環節“跳過”數據,有利於我們持續優化各個環節。而且後續數據分析中:從第一個環節就跳過的用戶留存率是不是更低?沒有跳過的用戶活躍度留存率付費率是不是更高等。

所以最好可跳過,給用戶根據自己情況進行選擇的餘地,更加人性化。

7. 趣味性

趣味性可以讓用戶更有耐心地以愉悅心態體驗完你的引導,其重要性不言而喻。

05 最後

新手引導設計得當可以幫助用戶更快地了解產品特點、熟悉產品操作,讓用戶更容易上手,從而提高用戶留存。

本文是當時為了設計我司新人引導所做的一篇分析,目前我設計的新人引導已上線,下一篇將對這個項目進行完整的復盤和總結,敬請期待~

 

作者:三文魚,曾經創業者,現於上海,紮根教育行業的不知名產品經理一枚,喜歡看書、旅遊、商業,喜歡折騰,個人微信:qianxunlaosheng,歡迎交流。

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《9個引導類型,7個設計原則,教你全面認識新手引導》
文章链接:https://www.pmbear.com/9%e5%80%8b%e5%bc%95%e5%b0%8e%e9%a1%9e%e5%9e%8b%ef%bc%8c7%e5%80%8b%e8%a8%ad%e8%a8%88%e5%8e%9f%e5%89%87%ef%bc%8c%e6%95%99%e4%bd%a0%e5%85%a8%e9%9d%a2%e8%aa%8d%e8%ad%98%e6%96%b0%e6%89%8b%e5%bc%95%e5%b0%8e/
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们