超全面!教你如何設(shè)計B端新手引導(dǎo)
編輯導(dǎo)讀:新手在進入一個陌生產(chǎn)品后,通常會有一個新手引導(dǎo)。它的作用在于在產(chǎn)品使用不同階段通過不同手段或方法,干預(yù)新手用戶的決策,促使其更快地接近用戶目標和產(chǎn)品目標。本文作者對B端新手引導(dǎo)進行了分析,希望對你有幫助。
在日常生活中,去醫(yī)院看病能找到對應(yīng)的科室。去旅途中能順利到達每一個景點。其實在完成這些事情我們不經(jīng)意間借助了無數(shù)的引導(dǎo),可能是路邊的指示牌、手中的地圖、樓層號碼、指示箭頭,服務(wù)中心等等,這些幫助引導(dǎo)在無形中幫助我們達成一個個目標。
To B產(chǎn)品有著業(yè)務(wù)性強,內(nèi)容復(fù)雜度高的典型特征。對于新用戶,該如何快速認知平臺能力并順利上手呢?老用戶要如何快速感知平信息的變化、功能的拓展并迅速作出響應(yīng)呢?為了解決這些問題,一套針對“新手”的幫助引導(dǎo)機制必不可少。
一、什么是新手引導(dǎo)
在這之前,需要特別說明「新手」概念,所謂「新手」并非僅僅指剛注冊進來的新用戶,而是泛指廣義上的新手。即對系統(tǒng)內(nèi)某一具體功能不熟悉的用戶。這樣定義的原因在于:PC端產(chǎn)品在上線之后仍舊保持著頻繁的更新節(jié)奏(此處忽略一次交付的外包產(chǎn)品),那么用戶其實是需要持續(xù)學(xué)習才能掌握新功能,因此這一類人我們也將其歸入“新手“范疇內(nèi)。
通過大量案例來看,新手引導(dǎo)并不是單一的某個功能,而是一種體系化的能力,這種能力可以拆分為三個層次:
第1層:說明的能力。即通過內(nèi)容介紹讓用戶便于更好理解產(chǎn)品新功能。
第2層:引導(dǎo)的能力。即引領(lǐng)用戶更快速更輕松地完成任務(wù)流程。
第3層:吸引的能力。即讓更多用戶使用產(chǎn)品,認可產(chǎn)品并實現(xiàn)盈利。
概括來說就是“在產(chǎn)品使用不同階段通過不同手段或方法,干預(yù)新手用戶的決策,促使其更快地接近用戶目標和產(chǎn)品目標”的能力。
二、新手引導(dǎo)的價值
1. 從用戶的角度來說
當我們使用系統(tǒng)為了能盡快上手,需要進行簡單的學(xué)習。在使用中,如果遇到問題或阻礙,需要提供解決方案來解決問題。因此,對于用戶來說新手引導(dǎo)的價值在于:
- 降低學(xué)習成本、提升上手效率;
- 解決使用中的問題,更好的完成目標任務(wù);
2. 從企業(yè)角度來說
對于提供產(chǎn)品服務(wù)的企業(yè)來說,為了留住客戶。除了提供優(yōu)秀的產(chǎn)品之外,產(chǎn)品還需要做到有足夠的吸引力帶動客戶使用產(chǎn)品以及幫助他們更好地達成目標。
因此,對于企業(yè)來說新手引導(dǎo)的價值在于:
- 傳遞產(chǎn)品價值和競爭差異點,刺激用戶使用產(chǎn)品;
- 幫助用戶更好的達成目標,利于用戶留存和口碑傳播;
三、如何設(shè)計新手引導(dǎo)
了解新手引導(dǎo)的價值后,那我們該如何設(shè)計新手引導(dǎo)呢?其實我們可以借鑒產(chǎn)品設(shè)計常用的用戶體驗要素來來進行設(shè)計新手引導(dǎo)的設(shè)計:
1、明確引導(dǎo)場景
我們在使用產(chǎn)品的周期中,大致會有幾個階段:
- 從0開始接觸系統(tǒng)
- 使用功能前
- 使用功能中
- 使用功能后
同樣在每個階段新用戶也需要對應(yīng)的引導(dǎo)來幫助他們更好的達成目標。
1.1 從0開始使用產(chǎn)品
當從0開始接觸一款產(chǎn)品時,既期待產(chǎn)品是否能很好滿足我們的訴求,同時也擔心使用的成本是否過高。根據(jù)沉錨效應(yīng),人們的判斷力容易受第一印象和最先獲得的信息影響,形成固化思維。因此從0開始的新手引導(dǎo)是最需要特別關(guān)注的。在該場景下,我們需要最大限度打消用戶顧慮和滿足期待。
因此,新手引導(dǎo)的內(nèi)容可以從以下幾個思路入手:
- 強化平臺亮點和產(chǎn)品價值,刺激用戶痛點和利益點,激發(fā)體驗產(chǎn)品的動力和主觀能動性;
- 提前給出核心場景的上手路徑和方法,讓用戶對學(xué)習成本有一定的預(yù)期;
- 提供一定的探索空間,快速融入使用場景;
1.2 使用新功能前
toB類產(chǎn)品PC端上線新功能后,用戶很難感知,因此需主動引導(dǎo)用戶去使用和體驗。一方面是為了通過新功能來更好地滿足用戶的訴求,另一方面也希望通過用戶使用新功能來反哺產(chǎn)品。因此,在上線某一新功能時,系統(tǒng)需要向用戶強調(diào)該新功能帶給他們的價值、吸引他們勇于嘗試和探索,并給予簡單引導(dǎo)。因此,新手引導(dǎo)需:
- 幫助用戶了解新功能的價值并吸引用戶使用;
- 告知用戶新功能的操作方式;
1.3 使用功能期間
當用戶使用功能過程中遇到障礙點突然被卡在某個步驟時,會產(chǎn)焦灼的消極情緒,但與此同時,打心底是不想半途而廢的,希望有方法解決難題。因此,該階段的引導(dǎo)內(nèi)容需:
- 消除用戶困惑,對接下來的操作前提供指引和說明 ;
- 減少損失風險,出錯后及時提供場外援助 ;
1.4 使用功能后
當用戶任務(wù)結(jié)束之后,系統(tǒng)需要給出明確的成功反饋,以此來強化信心,與此同時,一個任務(wù)的結(jié)束也是另一個任務(wù)的開始,為了確保操作的流暢性,任務(wù)之間需要進行無縫銜接,系統(tǒng)可以猜測其下一步流程大概率要做什么,并給與下一步的引導(dǎo)。
這里需要特別說明的一點,使用功能期間及使用功能后的引導(dǎo),不僅適用于“新”用戶,同時適用于“老”用戶。
2、確定引導(dǎo)內(nèi)容
引導(dǎo)內(nèi)容即需要向用戶傳遞的內(nèi)容。常見的有亮點介紹、服務(wù)價值介紹、功能說明、操作方法介紹、任務(wù)流程介紹、信息變化告知等。選擇內(nèi)容時,要結(jié)合使用階段和要達成的目標考慮。比如系統(tǒng)新加了某個功能點,且希望用戶感知到新功能的價值和用法,那么引導(dǎo)內(nèi)容需覆蓋到新功能亮點介紹和功能說明。
3、選擇引導(dǎo)方式
引導(dǎo)方式即系統(tǒng)將新手引導(dǎo)呈現(xiàn)給用戶的方式。提供引導(dǎo)時需要站在用戶的角度去考慮其需要的內(nèi)容、內(nèi)容需要的程度以及內(nèi)容呈現(xiàn)的時機。最好能在用戶恰好需要幫助時,以恰當?shù)姆绞教峁┬枨『眯枰膬?nèi)容引導(dǎo)。因此,在引導(dǎo)方式的選擇上,需要從以下幾個維度進行考量:
- 適用內(nèi)容
- 適用內(nèi)容復(fù)雜度
- 效果力度
- 打擾程度
在接下來的引導(dǎo)方式分析中,將對復(fù)雜度、效果力度、打擾程度分為三個等級進行評估。
3.1 ?圖文輪播彈窗
該彈窗承載著產(chǎn)品首次和用戶接觸的遞名片的環(huán)節(jié)。我們需要在上面盡可能的強調(diào)出能夠刺激到用戶痛點的產(chǎn)品價值以及我們相較于競品的優(yōu)勢,以打造一個好的初見印象。
適用內(nèi)容:
- 平臺亮點和產(chǎn)品價值服務(wù)介紹
- 升級后的亮點說明
適用內(nèi)容復(fù)雜度: ????☆
效果力度:????☆
打擾程度:??????
設(shè)計建議:
- 可通過較強的視覺表現(xiàn)力來強調(diào)品牌感并吸引用戶;
- 樣式上最好以圖為主,內(nèi)容的文案需簡潔有力并站在用戶利益角度去闡述;
- 內(nèi)容最好控制在5屏以內(nèi);
- 每一屏都需要提供明確的進度和關(guān)閉。
3.2 功能介紹彈窗
將新功能介紹或任務(wù)路徑介紹以彈窗形式去呈現(xiàn)給用戶
適用內(nèi)容:
- 新上線功能點介紹及引導(dǎo)使用
- “生僻”功能點介紹及引導(dǎo)使用
- 任務(wù)的流程和步驟介紹
適用內(nèi)容復(fù)雜度:????☆
效果力度:????☆
打擾程度:??????
設(shè)計建議:
- 最好通過圖文結(jié)合的方式展示功能介紹,讓用戶能快速get到該功能的價值;
- 任務(wù)流程的數(shù)量建議控制在3-5個,過長的路徑會對用戶造成心理壓力;
- 在彈窗中提供快捷按鈕引導(dǎo)用戶去使用;
- 若該功能另外配有詳細的說明文檔,可在彈窗中增加快捷跳轉(zhuǎn)功能;
3.3 氣泡蒙層引導(dǎo)
蒙層引導(dǎo)能幫助用戶聚焦到具體的頁面元素和功能上,是一種會打斷用戶原有操作流程強引導(dǎo)。
適用內(nèi)容:
- 新上線的功能點介紹
- “生僻”功能點介紹
適用內(nèi)容復(fù)雜度:??☆☆
效果力度:????☆
打擾程度:????☆
設(shè)計建議:
- 引導(dǎo)文字和內(nèi)容盡量簡潔;
- 一個頁面有多個引導(dǎo)點時,使用分步式;
- 一個頁面的引導(dǎo)步驟數(shù)最好控制在5步以內(nèi);
- 有醒目的跳過/關(guān)閉按鈕和進度條顯示;
3.4 氣泡輕提示
氣泡輕提示是一種相對輕量的引導(dǎo),滿足一定的提示性但又不影響其他功能操作。這種類型偏向于不需要過度打擾到用戶的引導(dǎo),只需要在用戶所需時進行弱提醒即可。需要注意的是該類型不適合多處內(nèi)容同時引導(dǎo)。
適用內(nèi)容:
- 需要被解釋的字段或功能
- 告知用戶有新功能上線
- 引導(dǎo)用戶使用核心功能
- 告知用戶一些隱藏菜單的內(nèi)容。
適用內(nèi)容復(fù)雜度:??☆☆
效果力度:????☆
打擾程度:??☆☆
設(shè)計建議:
- 說明文字簡潔明了
- 不適合多處內(nèi)容同時引導(dǎo)
- 氣泡出現(xiàn)時機盡量能預(yù)判到接下來的操作
- 提供明確的關(guān)閉按鈕
3.5 操作示意
這種引導(dǎo)方式通常出現(xiàn)在用戶在與產(chǎn)品的特定交互過程中。當無法用圖文清晰描述操作路徑時,以動效形式表達。
適用內(nèi)容:操作路徑的示意
適用內(nèi)容復(fù)雜度:????☆
效果力度:??????
打擾程度:??☆☆
設(shè)計建議:
- 最好在用戶聚焦于該功能使用時進行引導(dǎo)
- 示意動畫簡短易理解
3.6 預(yù)設(shè)任務(wù)
對于新手來說,雖然整個系統(tǒng)都可以隨意探索,但是對于toB這類型重業(yè)務(wù)的管理型產(chǎn)品而言,無經(jīng)驗上手是很大難度的。因為各層數(shù)據(jù)之間存在各種復(fù)雜的關(guān)系,如果沒有明確的指引,用戶很可能就會在探索中頻頻碰壁,產(chǎn)生放棄的念頭。
因此,在系統(tǒng)首頁需要預(yù)設(shè)一個任務(wù)體系。預(yù)設(shè)任務(wù)需要給出系統(tǒng)的核心上手流程,越簡單越好,越核心越好,這樣用戶在探索碰壁之后,也能夠快速地在首頁找到核心上手任務(wù),通過按步驟完成該任務(wù)來了解系統(tǒng)的核心邏輯和主流程。
適用內(nèi)容:核心任務(wù)流程的操作路徑
適用內(nèi)容復(fù)雜度:????☆
效果力度:??????
打擾程度:☆☆☆
設(shè)計建議:
- 提煉最核心的任務(wù)流程,簡單、符合認知
- 任務(wù)的位置要醒目,任務(wù)融入要自然
- 站在用戶角度去凸顯任務(wù)價值
3.7 缺省頁引導(dǎo)
當用戶進入系統(tǒng)某個頁面或模塊,若沒有任何數(shù)據(jù)和使用痕跡,極大可能會產(chǎn)生困惑和焦慮,因此系統(tǒng)需要提供一些示例數(shù)據(jù)或者一些介紹說明來幫助用戶消除困惑和焦慮,并快速掌握操作方式并預(yù)知結(jié)果。
適用內(nèi)容:示例數(shù)據(jù)、功能模塊介紹 、操作引導(dǎo)
適用內(nèi)容復(fù)雜度:??????
效果力度:??????
打擾程度:☆☆☆
設(shè)計建議:
- 示例數(shù)據(jù)貼合實際的場景
- 盡可能給出行為指引,方便快速開始上手
3.8 幫助中心
幫助中心的入口一般都會常駐在頁面的固定位置,在用戶遇到問題時,如果需要獲得一個系統(tǒng)性的全面解答。可以隨時隨地前往幫助中心查詢。
適用內(nèi)容:所有引導(dǎo)內(nèi)容
適用內(nèi)容復(fù)雜度:??????
效果力度:??????
打擾程度:??????
設(shè)計建議:
- 在頁面固定位置常駐顯示,供隨時隨地查詢
- 點擊后新開標簽頁,以避免影響當前流程
- 幫助內(nèi)容結(jié)構(gòu)符合用戶分類認知,條理清晰
3.9 智能客服助手
通過內(nèi)置的幫助和指導(dǎo)性說明來解答用戶使用產(chǎn)品過程中遇到的簡單、共性問題,降低人工客服響應(yīng)成本,入口一般位于頁面右下角,以懸浮窗形式展示。
適用內(nèi)容:使用過程中遇到的常見、共性問題
適用內(nèi)容復(fù)雜度:??????
效果力度:??☆☆
打擾程度:??????
設(shè)計建議:
- 在頁面固定位置常駐顯示,供隨時隨地咨詢
- 可拓展輔助能力,例如常見問題、快捷入口,為用戶所想的同時也提供更便捷的站內(nèi)流動通路。
以上的引導(dǎo)方式大多是對用戶來說都是被動的接受,而幫助中心和智能客服助手則需用戶主動觸發(fā)獲取答案。盡管最終能很全面的獲取到解決方案,但在這個過程中會完全終端用戶當前任務(wù)流程。
將引導(dǎo)內(nèi)容的復(fù)雜度、用戶對內(nèi)容的需要程度、效果力度、干擾程度結(jié)合起來考量,可得到以下選擇引導(dǎo)方式的參考圖:
關(guān)于引導(dǎo)信息的組織和呈現(xiàn)需要注意的點,在以上每個引導(dǎo)方式的設(shè)計建議中已提及,此處不再贅述。
四、新手引導(dǎo)設(shè)計原則
綜上所述,新手引導(dǎo)的效果力度和其對用戶的干擾程度是正相關(guān)的。這并不難理解,畢竟要讓用戶聚焦到引導(dǎo),就必須讓他從當前活動轉(zhuǎn)移到引導(dǎo)內(nèi)容。那怎么做才能兼顧效果力度與體驗流暢度呢?以下的4個設(shè)計原則可能就是解決之道。
1. 簡潔易懂
新手引導(dǎo)本就是為了解決用戶的困惑而存在的,因此不應(yīng)再次給用戶增加額外的負擔。無論從形式還是文案的呈現(xiàn),都應(yīng)做到一目了然,避免二次理解障礙。
2. 恰到好處
新手引導(dǎo)的本質(zhì)是向用戶傳達有價值的信息并協(xié)助其完成初次體驗,而不應(yīng)該抱著“我是為了你好”的心態(tài)自以為給與過多、過于頻繁的引導(dǎo),因此,引導(dǎo)內(nèi)容和引導(dǎo)時機都要恰到好處,找到用戶恰好想要探索的節(jié)點,在需要的時候才出現(xiàn)。
3. 立足用戶利益點
我們需要讓用戶感受到產(chǎn)品是為了解決用戶的問題而存在的,以此來增加用戶信任度 。因此新手引導(dǎo)在信息傳遞時,不僅需要告知用戶是什么,還要告知通過可以獲得什么。
4. 用戶可控
新手引導(dǎo)更多是平臺的主動行為,在打斷用戶的過程中。需要賦予用戶自主控制的權(quán)利,隨時中斷引導(dǎo)過程。多個內(nèi)容同時出現(xiàn)時,需要展示明確進度并且允許自由切換,以此增加引導(dǎo)的靈活性。
另外大多數(shù)通常新手引導(dǎo)有一定的臨時性,流程結(jié)束后就不再出現(xiàn)了。但是對于功能復(fù)雜的B端產(chǎn)品,引導(dǎo)中的內(nèi)容并不是立刻能夠用到的。為了有效發(fā)揮新手引導(dǎo)的作用,新手引導(dǎo)需要有冗余機制,方便用戶后期再次學(xué)習查看。如在頁面中會可以常駐新手引導(dǎo)入口,便于用戶隨時查看。
五、總結(jié)
“好的設(shè)計是不需要新手引導(dǎo)的”這句話在一定程度上是有道理的。雖然我們可以通過新手引導(dǎo)來幫助新用戶,但更重要的是整個產(chǎn)品的設(shè)計要清晰易懂,易學(xué)易記。這樣既能減少新用戶使用產(chǎn)品時的困難,減輕新手引導(dǎo)設(shè)計的壓力,又能提高用戶使用產(chǎn)品的熱情。
參考文章:
http://theventurebank.com/pd/2377644.html
https://www.jianshu.com/p/98753642d497
http://theventurebank.com/pd/5185218.html
https://zhuanlan.zhihu.com/p/62121753
http://theventurebank.com/pd/4273200.html
http://theventurebank.com/pd/5185218.html
本文由 @青哥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議
內(nèi)容很詳盡,值得學(xué)習
最近在做這塊的功能設(shè)計,正好搜到這篇!很有幫助??!
寫的很好 多寫一些吧
寫的太好了?。?!