[干貨](méi)APP用戶引導(dǎo)設(shè)計(jì)秘籍

小核桃
1 評(píng)論 21290 瀏覽 38 收藏 9 分鐘

用戶引導(dǎo),其主要目的當(dāng)然是引導(dǎo)用戶,開(kāi)個(gè)玩笑啦!一般而言,用戶引導(dǎo)的目的主要有兩種:用戶需求和產(chǎn)品需求。

用戶需求

即出于用戶自己的需求,這一類(lèi)引導(dǎo)主要的目的是 為了使產(chǎn)品更加方便用戶,讓用戶能夠更加順暢便利地使用自己的產(chǎn)品 。比較極限的例子就是Paper,它的交互基本建立在全手勢(shì)操作地原則之上,所以在用戶初次接觸的階段做了大量的引導(dǎo)設(shè)計(jì)。一反“?用戶引導(dǎo)都會(huì)給用戶帶來(lái)困擾”的印象,根據(jù)Stef?Miller在User?Testing網(wǎng)站上發(fā)布的文章《Six?UX?Lessons?Learned?from?the?New?Facebook?App,?Paper》中給出的測(cè)試結(jié)果,用戶非常喜歡Paper的引導(dǎo)設(shè)計(jì),因?yàn)樗谛枰玫侥稠?xiàng)功能的時(shí)候恰到好處地出現(xiàn),幫助無(wú)所適從的用戶找到方向。用戶喜歡這種“及時(shí)雨”式的引導(dǎo)方式,105名測(cè)試用戶給Paper的引導(dǎo)打出了4.47/5的分?jǐn)?shù)。

yindao2

產(chǎn)品需求

即出于產(chǎn)品方向上的思考帶來(lái)的需求,這一類(lèi)引導(dǎo)主要的目的是 為了塑造用戶的使用習(xí)慣,提高特定功能的轉(zhuǎn)化率,或者降低特定功能的PV 。比如微信朋友圈,在用戶第一次通過(guò)長(zhǎng)按照相機(jī)按鈕觸發(fā)測(cè)試功能——發(fā)布純文字朋友圈時(shí),會(huì)提醒用戶“為內(nèi)部測(cè)試功能,后續(xù)版本可能取消”,這就是一種對(duì)用戶使用習(xí)慣的塑造。當(dāng)然,這種“內(nèi)部功能”的噱頭在當(dāng)時(shí)微信的推廣期也有自己的一份功勞,時(shí)至今日,相信每天發(fā)布純文字朋友圈的量不會(huì)太小,微信真正取消這個(gè)功能恐怕會(huì)比較困難。

yindao3

用戶引導(dǎo)的基本思路

針對(duì)不同的目的,設(shè)計(jì)用戶引導(dǎo)時(shí)的思路也各有不同。對(duì)于用戶需求類(lèi)引導(dǎo),主要目的是 優(yōu)化用戶體驗(yàn) 、幫助用戶更好地使用這款應(yīng)用,那么這個(gè)引導(dǎo)本身就需要在體驗(yàn)上多做文章,盡可能地“不打擾”用戶,讓用戶在愉悅的心情中學(xué)習(xí)到一個(gè)又一個(gè)方便簡(jiǎn)單地功能或者操作方式。(此類(lèi)引導(dǎo)通常都會(huì)采用下面說(shuō)到的非阻斷式引導(dǎo)。)

而對(duì)于產(chǎn)品需求類(lèi)引導(dǎo),為了塑造用戶的產(chǎn)品使用習(xí)慣,達(dá)到PM的目的,通常會(huì)采用比較“破壞”用戶體驗(yàn)地方式,以保證對(duì)用戶的 有效引導(dǎo) 。之所以可以這樣做,是因?yàn)椴还茉鯓觾?yōu)化用戶引導(dǎo),突然出現(xiàn)地多余元素都是一種對(duì)操作成本的提高,假若過(guò)多追求用戶體驗(yàn),結(jié)果就是在沒(méi)有達(dá)到目的的同時(shí)提高了用戶使用成本,最終舍本逐末。所以,在做產(chǎn)品需求類(lèi)引導(dǎo)時(shí),須謹(jǐn)記,永遠(yuǎn)記得自己出發(fā)的目的。(此類(lèi)引導(dǎo)通常都會(huì)采用下面說(shuō)到的阻斷式引導(dǎo)。)

非阻斷式引導(dǎo)

即用戶使用過(guò)程中閃現(xiàn)地引導(dǎo)元素,不影響用戶的操作連貫性,不打斷用戶的使用。換句話說(shuō),引導(dǎo)出現(xiàn)之時(shí),用戶仍然是想干什么就干什么,除了一定視覺(jué)干擾之外,完全不受到限制。例如Facebook客戶端中普遍采用地浮標(biāo)式引導(dǎo)設(shè)計(jì),這種設(shè)計(jì)利用界面中額外出現(xiàn)地視覺(jué)元素吸引注意力,但不會(huì)阻礙用戶正常的操作,用戶完全可以忽視彈出地引導(dǎo)。

yindao4

????? 此種引導(dǎo)對(duì)于用戶干擾小,在用戶體驗(yàn)上較為優(yōu)秀, 通常用戶需求類(lèi)引導(dǎo)采用這種方式 。

阻斷式引導(dǎo)

顧名思義,此類(lèi)引導(dǎo)會(huì)阻斷用戶地正常操作,用戶至少需要一步點(diǎn)擊來(lái)結(jié)束引導(dǎo)。例如微信當(dāng)中第一次進(jìn)入朋友圈點(diǎn)擊相機(jī)按鈕時(shí)彈出地引導(dǎo),用戶必須點(diǎn)擊“我知道了”才能關(guān)閉此對(duì)話框;再比如Tidy中的用戶引導(dǎo),用戶需要點(diǎn)擊“Got?it”才能完成引導(dǎo)過(guò)程。這一類(lèi)阻斷式地引導(dǎo)有兩個(gè)好處:其一,引導(dǎo)閱讀率更高,用戶幾乎不可能錯(cuò)過(guò);其二,適當(dāng)情況下,阻斷式引導(dǎo)可以放入更多的字,充分說(shuō)明需要解釋的問(wèn)題,例如特定功能的隱性規(guī)則。

yindao5

此種引導(dǎo)對(duì)用戶干擾較大,但是引導(dǎo)效果好, 通常產(chǎn)品需求類(lèi)引導(dǎo)采用這種方式 。但是如果引導(dǎo)的內(nèi)容較多、較復(fù)雜,比如Paper基于產(chǎn)品需求的復(fù)雜的交互手勢(shì)的引導(dǎo),也會(huì)采用這種阻斷式引導(dǎo)來(lái)保證用戶的學(xué)習(xí)率。

yindao6

用戶引導(dǎo)設(shè)計(jì)要點(diǎn)

不管是阻斷式還是非阻斷式引導(dǎo),如下幾個(gè)要點(diǎn)是必須遵從的。

觸發(fā)情境自然

如果你的應(yīng)用在一開(kāi)始就給出5頁(yè)10頁(yè)的使用教程,用戶既不會(huì)看,也不喜歡,即便看了,也記不住。因?yàn)橐龑?dǎo)的觸發(fā)情境不對(duì),所以用戶并不需要這些引導(dǎo),記憶這些復(fù)雜的信息也是一種很大的壓力。所以, 事前引導(dǎo)是不正確的 ,真正好的引導(dǎo)應(yīng)當(dāng)是出現(xiàn)在用戶最需要它的時(shí)候,即觸發(fā)情境要是用戶剛剛要使用或者剛剛使用完此功能的時(shí)候,前者可以是對(duì)功能的隱性規(guī)則的說(shuō)明,也可以是對(duì)復(fù)雜交互的一個(gè)教學(xué);后者可以是對(duì)用戶后續(xù)操作地一個(gè)預(yù)期,降低后續(xù)操作地成本。

盡量減少文字

過(guò)多的文字讓本來(lái)就是正常使用流程中的“干擾”——用戶引導(dǎo)雪上加霜,茫茫多的文字會(huì)給予用戶非常大的壓力,以至于很多用戶在看到長(zhǎng)串文字之后下意識(shí)地會(huì)選擇直接跳過(guò)。尤其對(duì)于移動(dòng)應(yīng)用,屏幕空間是無(wú)比寶貴的,況且人對(duì)圖形的記憶比對(duì)文字的記憶要來(lái)得更簡(jiǎn)單, 引導(dǎo)最好是 展示出來(lái) ,而不是 說(shuō)出來(lái) 。

增加引導(dǎo)趣味性

避免單純的說(shuō)教,增加引導(dǎo)在形式、內(nèi)容上的趣味性。比如可以給出較為夸張的贊美式反饋,或者是采用較為活潑的動(dòng)態(tài)設(shè)計(jì),再或者甚至可以采取比較可愛(ài)的動(dòng)畫(huà)形象用擬人化、口語(yǔ)化的語(yǔ)言進(jìn)行引導(dǎo)。這些方法都是通過(guò)增加趣味性來(lái)降低用戶對(duì)于“被打擾”這件事的反感,然后讓用戶在愉悅的心情下快速掌握引導(dǎo)內(nèi)容。

總結(jié)

緊緊抓住引導(dǎo)目的,遵循引導(dǎo)設(shè)計(jì)的基本思路,選擇合適的引導(dǎo)類(lèi)型,設(shè)計(jì)過(guò)程中注意幾大要點(diǎn),相信優(yōu)秀的用戶引導(dǎo)設(shè)計(jì)馬上就會(huì)出爐!

來(lái)源:早讀課? 作者:陳橙

 

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!