功能淺析-B端新手引導(dǎo)
B端新手引導(dǎo)文章相對較少,并且大都是介紹引導(dǎo)的彈窗樣式,在實(shí)際開發(fā)落地時(shí),有很多交互規(guī)則上的細(xì)節(jié)需要考慮。
一、新手引導(dǎo)的價(jià)值
當(dāng)新用戶注冊進(jìn)入B端后臺(tái),或者后臺(tái)產(chǎn)品更新功能后,需要通過新手引導(dǎo)讓用戶快速認(rèn)知平臺(tái)、感知平臺(tái)功能變化。
1、降低學(xué)習(xí)成本、提升上手效率;
2、解決使用中的問題,更好的完成目標(biāo)任務(wù);
3、提供用戶次日留存率
二、新手引導(dǎo)分類
從用戶使用場景出發(fā),新手引導(dǎo)可分為【概覽式菜單引導(dǎo)】、【漸進(jìn)式流程引導(dǎo)】、【功能更新引導(dǎo)】三大類。
2.1 概覽式菜單引導(dǎo)
何時(shí)使用:
新用戶注冊后進(jìn)入后臺(tái),需要對后臺(tái)菜單、布局有一個(gè)快速認(rèn)知,提高用戶上手效率。
說明:
1、一般采用多步驟蒙版說明引導(dǎo),允許用戶跳過(跳過可用文字按鈕或右上角關(guān)閉按鈕);
a. 預(yù)期流程:用戶不斷點(diǎn)擊下一步,完成所有引導(dǎo)步驟。
b. 特殊流程:用戶中途點(diǎn)擊跳過按鈕,直接結(jié)束當(dāng)前流程。
2、彈窗中的文字介紹應(yīng)該盡量簡潔易懂;
3、需要顯示步驟進(jìn)度;
4、彈窗寬度需要規(guī)定最小寬度和最大寬度,高度需要規(guī)定最小高度,隨文本長度自適應(yīng)換行撐開高度;
5、彈窗的樣式可自定義,由前端做成組件。
6、需要定義新用戶:如新手引導(dǎo)功能上線當(dāng)天 23:59:59 之后注冊的用戶。
7、需要考慮老用戶新增子賬號(hào)的情況,此時(shí)子賬號(hào)也應(yīng)當(dāng)屬于“新用戶”
2.2 漸進(jìn)式流程引導(dǎo)
何時(shí)使用:
完成【概覽式菜單引導(dǎo)】后,蒙版消失,此時(shí)用戶可以點(diǎn)擊查看各個(gè)頁面,用戶的行為無法預(yù)測。但無論用戶進(jìn)入哪個(gè)菜單,都可以觸發(fā)該菜單頁面的【漸進(jìn)式流程引導(dǎo)】,引導(dǎo)用戶熟悉頁面功能或流程。(一般只用做菜單一級(jí)頁面的引導(dǎo),其他頁面應(yīng)該盡量做到 selfserve,讓用戶自行探索也能快速上手起來)
說明:
1、根據(jù)頁面信息的多少,可選用不同的引導(dǎo)彈窗樣式
a. 頁面信息少:非步驟式引導(dǎo)彈窗
b. 頁面信息多:步驟式引導(dǎo)彈窗
備注:非步驟式引導(dǎo)彈窗因?yàn)槿鄙僬谡郑脩艨梢渣c(diǎn)擊頁面其他按鈕。只有點(diǎn)擊彈窗中的關(guān)閉按鈕(類似“我知道了”這種),才會(huì)永久關(guān)閉彈窗,點(diǎn)擊頁面其他按鈕只會(huì)使得彈窗短暫消失,刷新頁面,彈窗會(huì)自再次出現(xiàn)
2、頁面功能點(diǎn)很多時(shí),需要做出取舍,顆粒度不用太細(xì)(建議當(dāng)前頁面的引導(dǎo)彈窗不超過5步)
3、需要考慮到不同頁面之間可能存在的聯(lián)動(dòng)關(guān)系,寫明各個(gè)頁面引導(dǎo)彈窗的觸發(fā)條件和結(jié)束條件;
2.3 功能更新引導(dǎo)
何時(shí)使用:
功能更新時(shí),無論是新用戶還是老用戶,對更新(含新增)的功能都是不熟悉的,需要引導(dǎo)。(若頁面沒有引導(dǎo),用戶很難感知到功能有變化,會(huì)導(dǎo)致功能開發(fā)出來沒人用的尷尬情況。)
說明:
1、站內(nèi)信或郵件的通知方式也屬于功能更新引導(dǎo)的范圍,不過本文主要講頁面彈窗的引導(dǎo)方式。
2、功能更新引導(dǎo)彈窗的觸發(fā)方式和結(jié)束方式不同于新用戶注冊的引導(dǎo)彈窗:
a. 觸發(fā)方式:當(dāng)前版本上線后的所有用戶都會(huì)看到功能更新引導(dǎo)彈窗
b. 結(jié)束方式:用戶點(diǎn)擊彈窗中的關(guān)閉按鈕后,彈窗不再出現(xiàn)(刷新頁面、后續(xù)版本更新都不再出現(xiàn))
3、根據(jù)更新的功能的重要性,可選擇徽標(biāo)(小紅點(diǎn))、Tooltips提示、Modal彈窗等不同樣式。
三、其他注意點(diǎn)
1、新用戶注冊后的引導(dǎo)彈窗遮罩層級(jí) 高于 首頁系統(tǒng)通知彈窗的遮罩層級(jí),先觸發(fā)新手引導(dǎo)彈窗,流程結(jié)束后觸發(fā)首頁系統(tǒng)通知彈窗;
2、后續(xù)當(dāng)菜單和頁面布局發(fā)生變化時(shí),需要考慮新手引導(dǎo)流程是否需要更新(因?yàn)橐粋€(gè)賬號(hào)新手引導(dǎo)結(jié)束后,基本不會(huì)再測新手引導(dǎo)頁面是否有變化);























