設計大型電商網(wǎng)站或者復雜的在線(xiàn)服務(wù)時(shí),你很可能需要設計一套系統,來(lái)梳理順序與結構。把它設計得簡(jiǎn)單直觀(guān),讓用戶(hù)順利通過(guò),是提升轉化率的關(guān)鍵。沿途所有的挫敗都可能導致他們離開(kāi),去選擇其他的產(chǎn)品。
易用的分步流程有助于用戶(hù)避免挫敗,成功地完成主要任務(wù)。本文中,我們來(lái)了解分步導航的各種形式,看如何使用它們。
分步導航是什么?
分步導航(或者說(shuō)分步指示器)將一系列的過(guò)程分解成多個(gè)合理的步驟。它引導用戶(hù)通過(guò)一些步驟最終完成一項復雜的任務(wù)。好的分步導航應當告知用戶(hù)以下信息:
-
他們已經(jīng)完成了哪些步驟(或任務(wù)),最好要有適當的視覺(jué)反饋
-
現在處在哪一步(用戶(hù)當前在整個(gè)流程中的位置)
-
還有哪些步驟,多少步(最好都要有清晰的名稱(chēng))
分步導航通過(guò)步驟編號表達出整個(gè)過(guò)程
有 3 大理由應該使用分步流程:
-
合理地將數據輸入分組
-
為用戶(hù)建立明確的期望
-
在復雜的過(guò)程中追蹤整個(gè)流程
為什么有效?
分步導航清晰地指明了完成任務(wù)的路徑。研究表明,它給用戶(hù)以明確的概念,完成最終目標需要多少步,能夠顯著(zhù)降低放棄的概率。從心理學(xué)角度來(lái)看,這頗具意義。如果你知道完成這個(gè)過(guò)程需要多少步,你就更容易完成它。
分步注冊賬號
分塊展現內容,便于用戶(hù)瀏覽,有助于他們理解。實(shí)際上,分塊其實(shí)就是在有意創(chuàng )造視覺(jué)分隔的內容單元,在整體環(huán)境中有它的意義。
分步導航的使用
分步導航可以用在許多種情景中。下面 3 個(gè)領(lǐng)域最常見(jiàn)。
在線(xiàn)下單
目前為止,分步導航最廣泛的使用案例,就是與在線(xiàn)購買(mǎi)相結合,因為這個(gè)任務(wù)可以很自然地分割成多個(gè)步驟。
多步表單
如果表單需要用戶(hù)填寫(xiě)許多信息,最好將它分成多步。
引導頁(yè)
分步導航也可以用來(lái)引導用戶(hù)了解一個(gè)應用或服務(wù)的功能。如果步驟不多,也可以使用小圓點(diǎn)來(lái)表示(就像下圖Dropbox的例子)。
Dropbox的引導頁(yè)
分步導航設計最佳實(shí)踐
創(chuàng )建優(yōu)秀的分步導航,并沒(méi)有通用的方案。但有一點(diǎn)是肯定的——你時(shí)刻要考慮用戶(hù)如何與該系統交互。簡(jiǎn)單說(shuō),就是要把流程步驟設計得盡可能簡(jiǎn)單清晰,不要讓用戶(hù)困惑。
設定用戶(hù)的期望
當用戶(hù)要進(jìn)行一項復雜的任務(wù)時(shí),重要的是事先營(yíng)造他們的期望,告訴他們需要多少時(shí)間和精力。如果用戶(hù)認為這個(gè)任務(wù)只要 2 分鐘,但實(shí)際上花了 10 分鐘,這個(gè)體驗就很糟糕。
提供簡(jiǎn)單的描述,能夠幫助用戶(hù)為復雜的任務(wù)做好準備。這也很有助于估計完成任務(wù)所需的時(shí)間,尤其當這些步驟并不均等時(shí)(例如有些步驟比其他的更長(cháng))。