如何做好引導(dǎo)體系,提升用戶體驗?
引導(dǎo)系統(tǒng)是導(dǎo)航的重要組成部分之一,高效易用的原則是工具性/企業(yè)型產(chǎn)品的核心競爭力和現(xiàn)階段不可忽視的商業(yè)準(zhǔn)則。如何做好引導(dǎo)體系,也是用戶體驗的要點之一。
對于注重效率的工作場景下,高效便捷就是產(chǎn)品易用性的最好體現(xiàn),我們需要在產(chǎn)品中設(shè)計優(yōu)秀的導(dǎo)引能力幫助用戶更好的提前決策,更好的理解操作過程和結(jié)果。
導(dǎo)引體系的由來與構(gòu)成
每一個購物中心都有自己的『導(dǎo)視系統(tǒng)』,導(dǎo)視系統(tǒng)再關(guān)鍵的時候指引用戶下一步該怎么走,防止用戶在復(fù)雜的樓層中反復(fù)需找商店,浪費時間或者干脆找不到。
而相對于線下的實體商場,我們應(yīng)該聯(lián)想到,每一款線上的產(chǎn)品,也都需要有自己的『引導(dǎo)體系』來保證友好體驗,其中:
- 『新手向?qū)А?/strong>主要是針對小白用戶的功能層、內(nèi)容層的初步介紹;
- 『業(yè)務(wù)操作導(dǎo)引』主要是針對復(fù)雜業(yè)務(wù)操作的引導(dǎo),降低使用難度,疏通任務(wù)流;
- 『異常情況導(dǎo)引』是針對異常操作的容錯機制,這一步往往需要用反常規(guī)的方式思考用戶習(xí)慣;
- 『復(fù)雜信息說明/提示』是對低頻/專業(yè)元素的穿透解釋;
- 『幫助導(dǎo)引』或者叫問答機器人,就是針對用戶的問題庫;
- ……
其中『業(yè)務(wù)操作導(dǎo)引』是產(chǎn)品日常使用中涉及到最高頻的模塊,接下來一起看看業(yè)務(wù)操作導(dǎo)引有哪些具體類別。
產(chǎn)品中的業(yè)務(wù)操作導(dǎo)引
1. 步驟型導(dǎo)引
將復(fù)雜的任務(wù)分解成有序的任務(wù)操作流,每個簡化后的任務(wù)都可以快速完成,以幫助用戶順利完成整體任務(wù)。
很多時候一步式的頁面信息交互就可以了,那為什么還需要分步式的導(dǎo)引設(shè)計呢?
理由很簡單,就是綜合考慮用戶的易用性和情感化因素,過多的信息難以讓用戶聚焦,同時產(chǎn)生抵觸情緒,同時在校驗上也承載了極大的分險,因為數(shù)據(jù)越多,修改校驗后的錯誤信息的難度就越大。
面對這種交互信息繁多的情況,分步分解任務(wù)后,用戶只需要按著機器預(yù)置好的一系列步奏,每完成一步對于用戶情緒上會有成就感加成,同時聚焦每一頁關(guān)鍵任務(wù),分步校驗,避免用戶挫敗感,高效完成表單的填寫。
在上圖中,金蝶云蒼穹產(chǎn)品里的出差類應(yīng)用,原來的長單據(jù)填寫被拆解成三步填寫,降低決策成本與用戶風(fēng)險,用戶只需要關(guān)注當(dāng)前步奏的結(jié)果。該方法同時適用于PC端、移動端等各終端。
對于移動端而言,需要時刻注意在錄入表單的場景中,鍵盤彈起后剩余的界面空間,此時保證信息出現(xiàn)在界面上方,也是易用性的細(xì)節(jié)保證。
把產(chǎn)品設(shè)計得簡單直觀,讓用戶按部就班地順利通過,是提升轉(zhuǎn)化率的關(guān)鍵。其中很多細(xì)節(jié)點的挫敗感都會讓用戶放棄操作。另外需要時刻切記,當(dāng)在使用者已經(jīng)學(xué)會使用以后,如果程序還讓帶領(lǐng)用戶一步一步執(zhí)行,只會讓用戶感到很厭煩。
2. 內(nèi)容驅(qū)動型導(dǎo)引
內(nèi)容型導(dǎo)引可以通過標(biāo)簽、超鏈接、人員頭像等維度形成鏈接入口,在不影響主流程的情況下,對其中的節(jié)點進行相關(guān)內(nèi)容的導(dǎo)引和連接,增加用戶對于主場景目標(biāo)的了解程度和決策能力,滿足用戶心理上的『可控感』。
在Google Play禮品卡的購買界面,下方的特性介紹卡片內(nèi)置了相關(guān)內(nèi)容導(dǎo)引超鏈接,將用戶短暫引導(dǎo)去Google Play音樂模塊,盡情體驗后返回禮品卡購買頁面,增加購買欲望。
在內(nèi)容導(dǎo)引的設(shè)計中,可以針對相關(guān)鏈接的內(nèi)容制定一個小場景,營造『小場景沉浸式體驗』,在游戲中經(jīng)常使用該導(dǎo)引設(shè)計,不僅需要保證無縫無干擾的連接過去,也要保證沉浸體驗和順利返回。
3. 任務(wù)驅(qū)動型導(dǎo)引
任務(wù)驅(qū)動型導(dǎo)引主要表現(xiàn)在用戶需要完成相應(yīng)任務(wù)操作才能繼續(xù)往下的場景,設(shè)計原則體現(xiàn)在正確易懂的文字說明和直接有效導(dǎo)引方向,同時需要減少不必要的操作次數(shù),達到最快解決問題的體驗?zāi)繕?biāo)。
在「餓了么」與「美團」中,當(dāng)用戶未填寫收貨地址時提交訂單,系統(tǒng)做出提示反饋,筆者認(rèn)為此時應(yīng)該直接導(dǎo)引(跳轉(zhuǎn))至收貨地址新增/維護界面,節(jié)省操作成本。
而在「盒馬鮮生」中,這個導(dǎo)引細(xì)節(jié)處理的相對合理連貫,更加符合用戶的操作流。
對于新手用戶而言,使用產(chǎn)品本身就是在學(xué)習(xí)的過程,其中的小磕碰可能都會導(dǎo)致不少時間端的浪費,而產(chǎn)品如果做到適時自動導(dǎo)引去相應(yīng)的任務(wù)操作,就是在極大提高操作效率。
4. 前置導(dǎo)引
對于一個人而言,主動展示自己、善于表達自己,一定會在社交場或者足夠的歡迎,相同的道理,一個產(chǎn)品如果可以主動的展示和表達,必定會讓用戶覺得是個友好的人機交互。
前置導(dǎo)引主要講的是一個場景下初次人機交互時,產(chǎn)品自動展示相關(guān)內(nèi)容的預(yù)估展示,例如”需完成”操作或者”警示”信息,從而讓用戶提前了解預(yù)期,保證操作風(fēng)險。
在金蝶云蒼穹資金模塊場景中,當(dāng)初次進入賬戶信息界面時,系統(tǒng)自動校驗任務(wù)項,前置導(dǎo)引,讓用戶快速處理,避免用戶手動處理任務(wù)后再進行判斷和導(dǎo)引,優(yōu)化體驗與明確目標(biāo)。
此外一些常見的場景如:注意事項、轉(zhuǎn)賬須知等都是前置導(dǎo)引的最簡化體現(xiàn)。在支付寶中的轉(zhuǎn)賬場景,系統(tǒng)預(yù)判到”收款方”長時間未登錄支付寶,前置提醒,告知用戶風(fēng)險項,幫助用戶做決策。
5. 反向?qū)б?/h3>
《用戶體驗五要素》 將產(chǎn)品分為5層,其中在結(jié)構(gòu)層中所講的就是頁面之間的流轉(zhuǎn)關(guān)系,即『頁面流』,整個產(chǎn)品的體驗貫穿與頁面流中,所以,頁面流的合理設(shè)計是影響用戶體驗的重要因素之一。
而在谷歌的Materia design中,頁面流下定義了前進導(dǎo)航、橫向?qū)Ш健⒎聪驅(qū)Ш?;前兩者說的是遞進式的鉆取與水平層級的跳轉(zhuǎn),而反向?qū)Ш娇梢允?strong>時間(操作路徑)上或者結(jié)構(gòu)上的回退導(dǎo)引,注重反向?qū)б拍転橛脩籼峁└鼮橥暾捻撁娌倏靥D(zhuǎn)能力。
在PC端,人人都是產(chǎn)品經(jīng)理的文章閱讀場景下,右下角會有「返回頂部」的操作,這樣的設(shè)計就是保證用戶在操作路徑上的回退導(dǎo)引,快速返回,高效便捷。
同樣對于PC端的電商類產(chǎn)品中的面包屑的設(shè)計,同時承載了層級結(jié)構(gòu)和操作路徑上的回退任務(wù),,靈活結(jié)合,保證在電商類復(fù)雜層級、多部操作下的不迷失。
而單純的層級結(jié)構(gòu)上的反向?qū)б^常出現(xiàn)在移動端設(shè)計中。主要是用戶在一系列操作之后,由于種種原因,可能是已經(jīng)完成操作或是需要放棄操作流,而決定退出/回退,這個時候需要在界面上有相應(yīng)的反向引導(dǎo):「取消」、「撤銷」、「返回」等。
此類操作在移動端需要時刻注意,因為移動端頁面空間匱乏,弱導(dǎo)航設(shè)計情況下的反向?qū)б兊脽o比重要。
總結(jié)
產(chǎn)品中的信息由頁面承載,而頁面中的信息流轉(zhuǎn)由導(dǎo)引承載,頁面流的合理組織、復(fù)雜任務(wù)的操作分解、導(dǎo)航模式的巧妙運用、內(nèi)容元素的靈活鉆取等都是業(yè)務(wù)設(shè)計中的向?qū)гO(shè)計體現(xiàn)。
避免用戶沒路走和走彎路,是導(dǎo)引設(shè)計的核心所在。
本文由 @小偉同學(xué) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash,基于 CC0 協(xié)議
為什么花兒這樣紅~
學(xué)到了,之前一直沒重視過后退式引導(dǎo)
很棒的文章,特贊同“挫敗感”這個觀點。當(dāng)一個產(chǎn)品設(shè)計的路線和用戶想的不一樣時,用戶一定是崩潰的。像極了清晨起床拉來窗簾,TMD竟然是一面墻。
是的,好的交互是需要帶給用戶‘’可控感‘’和‘’驚喜感‘’的體驗。
住了無窗,心里還期待著有窗,錯誤的設(shè)計是因為那窗簾