5個(gè)新手引導(dǎo)設(shè)計(jì)原則讓你的產(chǎn)品不一樣

3 評(píng)論 5258 瀏覽 43 收藏 9 分鐘

編輯導(dǎo)語:新手指引作為拉新轉(zhuǎn)化的關(guān)鍵步驟,卻很容易被忽視,往往等到要上線了。才會(huì)發(fā)現(xiàn)它的重要性。設(shè)計(jì)新手指引時(shí),需要注意哪些問題呢?一起來看一下吧。

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

但是,拉新轉(zhuǎn)化都要靠它啊!

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

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

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

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

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

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

一、不要給用戶選擇

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

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

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

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

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

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

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

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

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

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

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

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

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

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

不要這樣用彈窗,真的很煩。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、遮罩別太深

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

這樣沒什么不好,看起來還挺清晰的。

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

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

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

六、總結(jié)

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

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

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

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

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

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 學(xué)習(xí)了

    來自福建 回復(fù)
  2. 新手指引不要給用戶選擇好重要,不然就是逼瘋選擇困難癥現(xiàn)場(chǎng)。

    來自云南 回復(fù)
    1. 哈哈,是的,只要告訴用戶應(yīng)該怎么做就行,不要告訴用戶你可以怎么做~

      來自湖北 回復(fù)