如何做好引導(dǎo)體系,提升用戶體驗?

5 評論 14186 瀏覽 155 收藏 12 分鐘

引導(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é)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 為什么花兒這樣紅~

    來自上海 回復(fù)
  2. 學(xué)到了,之前一直沒重視過后退式引導(dǎo)

    來自江蘇 回復(fù)
  3. 很棒的文章,特贊同“挫敗感”這個觀點。當(dāng)一個產(chǎn)品設(shè)計的路線和用戶想的不一樣時,用戶一定是崩潰的。像極了清晨起床拉來窗簾,TMD竟然是一面墻。

    來自北京 回復(fù)
    1. 是的,好的交互是需要帶給用戶‘’可控感‘’和‘’驚喜感‘’的體驗。

      來自廣東 回復(fù)
    2. 住了無窗,心里還期待著有窗,錯誤的設(shè)計是因為那窗簾

      來自廣東 回復(fù)