移動(dòng)端的引導(dǎo)(三) ——如何正確地做引導(dǎo)
編輯導(dǎo)語(yǔ):產(chǎn)品往往需要借助一定的設(shè)計(jì)來(lái)引導(dǎo)用戶進(jìn)行點(diǎn)擊或進(jìn)行其他操作,需要注意的是,產(chǎn)品引導(dǎo)需要基于用戶需求、以及產(chǎn)品體驗(yàn)等方面進(jìn)行整體設(shè)計(jì)的考量。本篇文章里,作者就產(chǎn)品如何正確地做引導(dǎo)進(jìn)行了總結(jié),不妨來(lái)看一下。
本文是《移動(dòng)端的引導(dǎo)》系列的最終篇,前兩篇介紹了“引導(dǎo)的常見設(shè)計(jì)模式”和“引導(dǎo)的常見需求類型”,本篇將就產(chǎn)品如何正確地做引導(dǎo),給大家一些建議。
本文在撰寫過(guò)程中,對(duì)研究范圍做了適當(dāng)?shù)姆糯螅?jì)劃只有“選擇正確的引導(dǎo)模式”這一部分,但引導(dǎo)的實(shí)施過(guò)程還遠(yuǎn)沒(méi)有結(jié)束,引導(dǎo)模式對(duì)應(yīng)的展示策略、整體體驗(yàn)的均衡性以及各引導(dǎo)彼此之間的協(xié)調(diào)性都需要考慮,所以幾經(jīng)調(diào)整,本文會(huì)從如下“兩個(gè)方面、四步操作”來(lái)展開討論,如下圖所示。
一、具體需求的細(xì)致推敲
1. 選擇正確的引導(dǎo)模式
如果大家已經(jīng)閱讀完前兩篇文章,這一步應(yīng)該相對(duì)得心應(yīng)手了。沒(méi)有閱讀的同學(xué)可以回去翻一翻(《引導(dǎo)的常見設(shè)計(jì)模式》、《引導(dǎo)的常見需求類型》),因?yàn)椤百Y料翻譯上的差異”和“摻雜個(gè)人提煉加工”的緣故,每個(gè)人的理解和本文描述的具體模式可能會(huì)有細(xì)節(jié)出入。
此處再總結(jié)歸納一下,給諸位兩張表格——「基于引導(dǎo)目的的設(shè)計(jì)模式檢索表」和「基于具體需求的設(shè)計(jì)模式檢索表」,希望能起到按圖索驥的效果。
2. 制定合適的引導(dǎo)策略
由下圖可以看出,選擇正確的引導(dǎo)模式只是制定引導(dǎo)策略過(guò)程中的一環(huán),除此之外還有三個(gè)環(huán)節(jié)。
用戶圈定。即確定要向哪些用戶展示該引導(dǎo),全量用戶還是部分用戶?如果是部分用戶,可以結(jié)合具體引導(dǎo),嘗試從人口屬性、軟件/硬件、用戶歷史數(shù)據(jù)等角度考慮去圈定用戶受眾。
觸發(fā)條件。圈定的用戶未必能看到你規(guī)劃好的引導(dǎo),他需要發(fā)生特定行為才能觸發(fā)顯示,如打開產(chǎn)品就出現(xiàn)某引導(dǎo)、或者進(jìn)入某個(gè)頁(yè)面才出現(xiàn)某引導(dǎo)、又或者使用了3次某功能才出現(xiàn)某引導(dǎo)。
頻次控制。大家做引導(dǎo)是期待用戶能了解和使用我們的產(chǎn)品(最終目的是使用),當(dāng)用戶不使用時(shí),我們會(huì)多次引導(dǎo)來(lái)保證效果。對(duì)于一些高打擾性的引導(dǎo)模式,我們就需要在引導(dǎo)效果和用戶負(fù)面情緒之間做權(quán)衡,這就涉及到了頻次控制。我們需要控制該引導(dǎo)出現(xiàn)的頻率以及累計(jì)出現(xiàn)的次數(shù)。如果引導(dǎo)出現(xiàn)2次及以上時(shí),還需要對(duì)提前終止顯示該引導(dǎo)的條件進(jìn)行定義。
以上的引導(dǎo)策略框架是一個(gè)細(xì)顆粒度的思考模板,具體的引導(dǎo)策略可能沒(méi)有這么復(fù)雜(如只出現(xiàn)1次的引導(dǎo),就沒(méi)有出現(xiàn)頻率和提前終止條件地設(shè)定),大家重在理解原理和靈活使用。
二、整體體驗(yàn)的宏觀把控
1. 確定引導(dǎo)整體的均衡性
一個(gè)產(chǎn)品會(huì)包含很多引導(dǎo),其中的重度引導(dǎo)和輕度引導(dǎo)應(yīng)該是搭配得當(dāng)?shù)模ㄖ囟纫龑?dǎo):輕度引導(dǎo)≈2:8,建議值),引導(dǎo)整體的均衡性要有保證。都是重度引導(dǎo)容易把用戶嚇跑,同時(shí)全是重點(diǎn)也意味著用戶抓不到重點(diǎn);都是輕度引導(dǎo)不容易收到產(chǎn)品上的預(yù)期效果,終是隔靴搔癢、聊勝于無(wú)而已。
重度和輕度是一個(gè)相對(duì)概念,主要受以下幾個(gè)因素的影響:
- 是否阻斷用戶行為(模態(tài)的阻斷,非模態(tài)的不阻斷);
- 是否包含動(dòng)態(tài)元素(人眼的生理結(jié)構(gòu)天然會(huì)對(duì)動(dòng)態(tài)的事物更為關(guān)注);
- 是否出現(xiàn)頻次高/持續(xù)時(shí)間長(zhǎng)(出現(xiàn)頻次高或持續(xù)時(shí)間長(zhǎng)意味著該引導(dǎo)多次/一直在嘗試吸引用戶注意力);
- 是否影響范圍廣(即用戶圈定的范圍大不大,或者說(shuō)曝光引導(dǎo)的用戶量級(jí)大不大)。
以上的4個(gè)因素,是的話計(jì)做1,否的話計(jì)做0,這樣你就可以算出每一個(gè)引導(dǎo)的具體得分。3分/4分可以視為重度引導(dǎo),1分/2分可以視為輕度引導(dǎo)。
如下圖所示,將產(chǎn)品中所有的引導(dǎo)整理成列表、算出得分,確保重度引導(dǎo):輕度引導(dǎo)≈2:8,這樣就能保證重點(diǎn)的引導(dǎo)得到強(qiáng)化,非重點(diǎn)的引導(dǎo)得到弱化,主次分明、強(qiáng)弱均衡。如果比例差很多,就需要對(duì)部分的引導(dǎo)做強(qiáng)度升級(jí)或降級(jí)處理。
2. 確認(rèn)引導(dǎo)之間的協(xié)調(diào)性
最后一步,確認(rèn)引導(dǎo)之間的協(xié)調(diào)性。
什么意思?即同一場(chǎng)景(頁(yè)面)下同時(shí)命中用戶的引導(dǎo)有兩個(gè)及以上時(shí),如果不做前后展示順序的限制,可能會(huì)出現(xiàn)以下問(wèn)題:
- 引導(dǎo)覆蓋引導(dǎo),導(dǎo)致頁(yè)面呈現(xiàn)效果混亂、視覺(jué)上不夠上檔次;
- 多個(gè)引導(dǎo)同時(shí)出現(xiàn),可能會(huì)存在有的引導(dǎo)被削弱效果、或者干脆被覆蓋起不到預(yù)期的效果。
所以確認(rèn)引導(dǎo)之間協(xié)調(diào)性的目的就是為了保證頁(yè)面展示優(yōu)雅美觀,規(guī)劃的引導(dǎo)效果得到合理體現(xiàn)。
如何確保如上情況下,引導(dǎo)之間是協(xié)調(diào)的?大致可以分為兩小步動(dòng)作:
1)把所有的引導(dǎo)按出現(xiàn)場(chǎng)景(頁(yè)面)統(tǒng)計(jì)匯總,會(huì)同時(shí)出現(xiàn)且發(fā)生沖突的引導(dǎo)要制定出現(xiàn)的先后順序(這里主要看模態(tài)類引導(dǎo)、短暫出現(xiàn)的引導(dǎo)_如會(huì)自動(dòng)消失的snackbar引導(dǎo)、兩次呼吸效果的入口引導(dǎo)等;徽標(biāo)引導(dǎo)、常駐的FAB引導(dǎo)、嵌入式引導(dǎo)不用去管)。
先后順序的控制可以設(shè)置為A引導(dǎo)消失后,B引導(dǎo)才出現(xiàn);或者首次出現(xiàn)A引導(dǎo),再次進(jìn)入該場(chǎng)景時(shí)出現(xiàn)B引導(dǎo)。
2)上一步在理論上推演和確保了引導(dǎo)之間的協(xié)調(diào)性,實(shí)際開發(fā)效果如何,還需要進(jìn)行設(shè)計(jì)校驗(yàn)。主要校驗(yàn)內(nèi)容有三個(gè):
- 引導(dǎo)的實(shí)際出現(xiàn)順序是不是和規(guī)劃一致;
- 引導(dǎo)的顯示效果如何?有沒(méi)有出現(xiàn)引導(dǎo)覆蓋、滿屏動(dòng)效、削弱彼此…的現(xiàn)象;
- 查漏補(bǔ)缺,實(shí)際情況中有沒(méi)有漏網(wǎng)之魚破壞了協(xié)調(diào)性。
三、結(jié)語(yǔ)
以上是移動(dòng)端如何正確地做引導(dǎo)的全部?jī)?nèi)容,如果各位讀者有更先進(jìn)的方法,歡迎在留言區(qū)討論。
最后的最后,補(bǔ)充兩小點(diǎn):
1)不要只顧著添加新引導(dǎo),還要有對(duì)應(yīng)的下線策略,要控制好引導(dǎo)的整體數(shù)量,切記過(guò)猶不及。
2)我個(gè)人參與了很多引導(dǎo)地設(shè)計(jì),也收獲了一些經(jīng)驗(yàn)跟各位分享,但我耳邊一直回蕩著老師當(dāng)年的一句話“好的設(shè)計(jì)不言自明”,所以諸位在做引導(dǎo)需求時(shí)不妨試著想想——怎樣去設(shè)計(jì)主體,就足夠清晰明了,而無(wú)需附加引導(dǎo)?
作者:Sean Wei;新浪MDC交互設(shè)計(jì)師
本文由 @新浪MDC 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于 CC0 協(xié)議
- 目前還沒(méi)評(píng)論,等你發(fā)揮!