設(she)計(ji)(ji)大型(xing)電商(shang)網站或者復雜(za)的(de)(de)在線服務時,你很可(ke)能需要設(she)計(ji)(ji)一(yi)套系統,來(lai)梳理順(shun)序與結構。把它設(she)計(ji)(ji)得簡單直觀,讓(rang)用戶順(shun)利通過,是提升轉化率的(de)(de)關鍵。沿途(tu)所有的(de)(de)挫敗都可(ke)能導(dao)致他們(men)離(li)開,去選擇(ze)其他的(de)(de)產品(pin)。
易(yi)用的分(fen)步流程有助(zhu)于用戶(hu)避(bi)免挫敗,成(cheng)功地完成(cheng)主要任務(wu)。本(ben)文(wen)中,我們來了解(jie)分(fen)步導航(hang)的各種形式(shi),看如何使用它們。
分(fen)(fen)步(bu)(bu)(bu)導航(或者說分(fen)(fen)步(bu)(bu)(bu)指示器)將(jiang)一系列(lie)的(de)過(guo)程分(fen)(fen)解成(cheng)多個合理的(de)步(bu)(bu)(bu)驟。它引導用(yong)戶通過(guo)一些(xie)步(bu)(bu)(bu)驟最終完成(cheng)一項復雜的(de)任務。好的(de)分(fen)(fen)步(bu)(bu)(bu)導航應當告(gao)知用(yong)戶以下信息:
他們已經完(wan)成(cheng)了哪些步驟(或(huo)任務),較好要有適當的視(shi)覺反(fan)饋(kui)
現在(zai)(zai)處(chu)在(zai)(zai)哪一步(bu)(用戶(hu)當前在(zai)(zai)整個流程中的位(wei)置)
還有哪些步驟,多(duo)少步(較好都要有清晰的名稱)
分(fen)步導航通過(guo)步驟編號表達出整個過(guo)程
有 3 大理由應該使用分步流程:
合理地將數據輸入分(fen)組
為(wei)用戶建(jian)立明確的期望
在(zai)復雜的過程中追蹤整個流程
分步(bu)導航清晰地指明了完成(cheng)(cheng)(cheng)任務的(de)路(lu)徑(jing)。研(yan)究表(biao)明,它給用戶以明確的(de)概(gai)念,完成(cheng)(cheng)(cheng)最終目標需要多(duo)少(shao)步(bu),能夠顯著降低放(fang)棄的(de)概(gai)率。從心(xin)理學角度來看,這(zhe)頗具意(yi)義。如果(guo)你(ni)知(zhi)道完成(cheng)(cheng)(cheng)這(zhe)個過程需要多(duo)少(shao)步(bu),你(ni)就更(geng)容易完成(cheng)(cheng)(cheng)它。
分步注冊賬號
分(fen)塊(kuai)展現內(nei)容(rong),便于用戶(hu)瀏覽,有助于他們理(li)解(jie)。實際上,分(fen)塊(kuai)其實就(jiu)是在(zai)有意創造視覺分(fen)隔的(de)內(nei)容(rong)單元,在(zai)整體環境(jing)中有它(ta)的(de)意義。
分步(bu)導航可(ke)以用在許多種(zhong)情(qing)景中(zhong)。下(xia)面 3 個領域最(zui)常見(jian)。
目前為(wei)止,分步導航(hang)最廣泛(fan)的使用案(an)例(li),就(jiu)是與在(zai)線購買相結合,因(yin)為(wei)這(zhe)個任務可以很自然地分割(ge)成多(duo)個步驟(zou)。
如果表單需(xu)要用戶填寫(xie)許多信息,較好將它(ta)分成多步(bu)。
引(yin)導頁(ye)
分步導航也可以用(yong)來(lai)引導用(yong)戶了(le)解一個應用(yong)或服務的(de)功能(neng)。如果(guo)步驟不多,也可以使用(yong)小(xiao)圓點來(lai)表示(就像下圖(tu)Dropbox的(de)例子)。
Dropbox的引導頁
創建優秀(xiu)的分步導航,并沒有(you)通用的方案。但有(you)一點(dian)是肯定的——你時刻(ke)要(yao)(yao)考慮用戶(hu)如何與該系(xi)統交(jiao)互(hu)。簡(jian)單說,就(jiu)是要(yao)(yao)把流程(cheng)步驟設計得盡可能簡(jian)單清晰,不要(yao)(yao)讓用戶(hu)困惑。
當(dang)用(yong)戶要(yao)進(jin)行一(yi)項復雜的(de)(de)任務時,重(zhong)要(yao)的(de)(de)是(shi)事先營造他們的(de)(de)期望,告(gao)訴他們需要(yao)多少時間和精(jing)力。如果(guo)用(yong)戶認為這個任務只要(yao) 2 分鐘,但實(shi)際上花了 10 分鐘,這個體(ti)驗就很糟糕(gao)。
提供簡單的(de)描述,能夠幫助用戶(hu)為(wei)復雜的(de)任務做好準(zhun)備。這也很有助于估計完成任務所需(xu)的(de)時間,尤其當(dang)這些步驟(zou)并不均等時(例如有些步驟(zou)比其他的(de)更長(chang))。