剛開(kāi)始設(shè)計(jì)產(chǎn)品時(shí),經(jīng)常新手指引很容易被忽視,往往等到要上線了,才會(huì)發(fā)現(xiàn)它的重要性。

但是,拉新轉(zhuǎn)化都要靠它?。?/p>

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

上圖來(lái)源:Monday

對(duì)于簡(jiǎn)單的 C 端產(chǎn)品,確實(shí)用戶根本不看新手指引,看一眼直接關(guān)掉。

但是稍微復(fù)雜一點(diǎn)的產(chǎn)品,用戶也還是愿意配合的,至少新手指引可比看教程容易多了。

我最近做了一個(gè)產(chǎn)品拉新流程的用戶測(cè)試,總共 8 名用戶參加(按照尼爾森他老人家的研究理論,應(yīng)該可以發(fā)現(xiàn)大部分問(wèn)題了)。

結(jié)果發(fā)現(xiàn)很多用戶,就是在新手指引出了問(wèn)題。

很多問(wèn)題看方案時(shí),感覺(jué)不到有多重要,要不是有測(cè)試數(shù)據(jù),估計(jì)在評(píng)審時(shí)說(shuō)出來(lái)也不太能引起關(guān)注。

所以我今天結(jié)合一下用戶測(cè)試的經(jīng)驗(yàn),總結(jié)一下新手指引的常見(jiàn)問(wèn)題。

不要給用戶選擇

有些產(chǎn)品還挺重視新手指引的,準(zhǔn)備了好幾個(gè)課程。

由于內(nèi)容太多,所以拆分出來(lái)展示給用戶,甚至讓用戶自己選擇。

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

上圖來(lái)源:Zendesk

例如上面的案例,雖然并沒(méi)有強(qiáng)制用戶手動(dòng)選擇,光是新手指引的內(nèi)容列出來(lái)給用戶這件事情,已經(jīng)讓人壓力山大了。

其實(shí)用戶剛進(jìn)來(lái)時(shí),只想要利用新手指引快速上手,并不想要看到關(guān)于新手指引的介紹,更無(wú)法決定選擇什么新手指引。

如果真的不同人群的使用功能相差很大,那么直接根據(jù)對(duì)方情況提供相應(yīng)內(nèi)容即可。

這讓我想起了第一次在牛肉火鍋店點(diǎn)菜的情景,我這種牛肉小白用戶根本看不懂菜單,能不能給先上一份普通牛肉?

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

指引氣泡不需要標(biāo)題

Windows 系統(tǒng)給界面設(shè)計(jì)帶來(lái)一個(gè)奇怪的習(xí)慣,那就是不管什么面板,都必須有一行標(biāo)題。

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

如果實(shí)在想不到用什么標(biāo)題了,就把描述文字第一行拆出來(lái)做標(biāo)題,甚至哪怕是用系統(tǒng) logo 占位,也必須要有標(biāo)題!

這讓很多新手指引的氣泡,也習(xí)慣性地配一個(gè)標(biāo)題。

如果標(biāo)題就能直達(dá)主題也還好,但如果是為了占位了湊出來(lái)的,那可就太浪費(fèi)用戶時(shí)間了。

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

不要強(qiáng)調(diào)跳過(guò)按鈕

科技產(chǎn)品改變了人們的生活習(xí)性,其中之一就是讓我們形成了條件反射:看到任何突然出現(xiàn)的彈窗和氣泡,快速點(diǎn)擊主按鈕并讓其消失。

后來(lái)因?yàn)橐苿?dòng)端廣告彈窗的泛濫,現(xiàn)在已經(jīng)進(jìn)化到了,看到彈窗先找 ? 了。

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

上圖來(lái)源:不要這樣用彈窗,真的很煩

很多新手指引的氣泡都會(huì)提供跳過(guò)按鈕,這樣做挺好的,因?yàn)橛械挠脩艨赡苷孚s時(shí)間。

但是如果跳過(guò)按鈕做得太強(qiáng),就會(huì)激發(fā)用戶的條件反射,想都不想直接點(diǎn)跳過(guò):

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

這個(gè)我嘗試過(guò)了,大腦真的控制不了自己,手速已經(jīng)跟膝跳反射一個(gè)級(jí)別了!

所以,這個(gè)跳過(guò)按鈕一定要做小一點(diǎn),盡量不要激發(fā)用戶的條件反射:

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

只要不是單擊,就得有圖示

前面提到,千萬(wàn)不要小看條件反射這個(gè)東西,這個(gè)是生物本能。

用戶最習(xí)慣的操作就是單擊,如果你指一個(gè)箭頭給他們,十有八九立即就上去點(diǎn)一下。

點(diǎn)一下不行,就多點(diǎn)幾下,實(shí)在不行就雙擊。

如果雙擊還不行,就直接放棄了。

大半人根本不會(huì)看到,旁邊赫然寫著「點(diǎn)擊鼠標(biāo)右鍵」幾個(gè)字。

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

以上就是我多年做用戶測(cè)試的常見(jiàn)場(chǎng)景,總結(jié)就是:只要不是雙擊,就要有圖示,寫字根本沒(méi)什么用。

如果是右鍵,可以把鼠標(biāo)畫出來(lái):

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

如果是雙擊,可以給個(gè)動(dòng)效:

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

如果是拖拽,除了操作對(duì)象之外,還要把目標(biāo)位置高亮,并給一個(gè)指示箭頭:

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

沒(méi)錯(cuò),一定做要掃一眼就能懂的程度。

遮罩別太深

有些產(chǎn)品,為了讓更多用戶走完新手指引,會(huì)給操作對(duì)象和氣泡之外的部分加遮罩。

這樣沒(méi)什么不好,看起來(lái)還挺清晰的。

但是我發(fā)現(xiàn)有的新手指引遮罩太強(qiáng),反而起不到學(xué)習(xí)的作用。因?yàn)橛脩艨床磺褰缑嬲w的樣貌,還是記不住操作路徑,引導(dǎo)完后全忘了。

新手指引的遮罩,一定不要按照彈窗的遮罩標(biāo)準(zhǔn)去看。

因?yàn)橛袕棿皶r(shí),頁(yè)面的其他部分確實(shí)不用看了;但是新手指引只需強(qiáng)調(diào)重點(diǎn),界面其它部分最好還是能看到。

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

總結(jié)

把上面的幾點(diǎn)都集合在一張圖,對(duì)比一下:

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

這些問(wèn)題,如果放在產(chǎn)品的一般功能上,也許不算什么。就算第一次出錯(cuò),下次也總能習(xí)慣。

但是新手指引不一樣,這是產(chǎn)品給用戶的第一印象,而且通常只出現(xiàn)一次,錯(cuò)過(guò)就沒(méi)有第二次機(jī)會(huì)了。

這個(gè)步驟,也能直接影響到用戶的轉(zhuǎn)化意愿。

所以,新手指引真的要避免任何小問(wèn)題,把體驗(yàn)的標(biāo)準(zhǔn)往上高一點(diǎn)。

歡迎關(guān)注作者的微信公眾號(hào):「體驗(yàn)進(jìn)階」

試了超多產(chǎn)品,總結(jié)出這5個(gè)新手引導(dǎo)設(shè)計(jì)方案

收藏 79
點(diǎn)贊 45

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。