談談使用者體驗設計中的「分步導航」

設計大型電商**或者複雜的**服務時，你很可能需要設計一套系統，來梳理順序與結構。把它設計得簡單直觀，讓使用者順利通過，是提公升轉化率的關鍵。沿途所有的挫敗都可能導致他們離開，去選擇其他的產品。

易用的分步流程有助於使用者避免挫敗，成功地完成主要任務。本文中，我們來了解分步導航的各種形式，看如何使用它們。

分步導航（程式設計客棧或者說分步指示器）將一系列的過程分解成多個合理的步驟。它引導使用者通過一些步驟最終完成一項複雜的任務。好的分步導航應當告知使用者以下資訊：

分步導航通過步驟編號表達出整個過程

有 3 大理由應該使用分步流程：

分步導航清晰地指明了完成任務的路徑。研究表明，它給使用者以明確的概念，完apspxmi成最終目標需要多少步，能夠顯著降低放棄的概率。從心理學角度來看，這頗具意義。如果你知道完成這個過程需要多少步，你就更容易完成它。

分步註冊賬號

分塊展現內容，便於使用者瀏覽，有助於他們理解。實際上，分塊其實就是在有意創造視覺分隔的內容單元，在整體環境中有它的意義。

分步導航可以用在許多種情景中。下面 3 個領域最常見

目前為止，分步導航最廣泛的使用案例，就是與**購買相結合，因為這個任務可以很自然地分割成多個步驟。

如果表單需要使用者填寫許多資訊，最好將它分成多步。

分步導航也可以用來引導使用者了解乙個應用或服務的功能。如果步驟不多，也可以使用小圓點來表示（就像下圖dropbox的例子）。

dropbox的引導頁

建立優秀的分步導航，並沒有通用的方案。但有一點是肯定的——你時刻要考慮使用者如何與該系統互動。簡單說，就是要把流程步驟設計得盡可能簡單清晰，不要讓使用者困惑。

當使用者要進行一項複雜的任務時，重要的是事先營造他們的期望，告訴他們需要多少時間和精力。如果使用者認為這個任務只要 2 分鐘，但實際上花了 10 分鐘，這個體驗就很糟糕。

提供簡單的描述，能夠幫助使用者為複雜的任務做好準備。這也很有助於估計完成任務所需的時間，尤其當這些步驟並不均等時（例如有些步驟比其他的更長）。

「我進行到哪兒了？」這是導航需要使用者回答的基本問題之一。所以優秀的分步導航設計，最關鍵的就是保持使用者了解當前所處位置。這能夠提公升連續性，因為使用者知道當前位置與之前步驟和後續步驟之間的關係。

要為流程設計一套良好的視覺展現。使用者依賴導航元素中的這些視覺線索來回答這個至關重要的問題。

**：dribbble

狀態的變化要清晰，告訴使用者當前的步驟不只是改個顏色。適合的圖形和文字標籤，能幫助使用者理解選單項。

異常標籤的錯誤狀態

避免在乙個頁面上多次使用，或者巢狀使用apspxmi分步導航。這會導致介面的混亂。

分步導航可以在每步儲存後，短暫顯示反饋資訊。只應該在步驟間有較長延遲時使用這種反饋。

這個分步指示器在步驟儲存後，短暫顯示了反饋資訊。

因為橫向空間有限，在移動應用和網頁上，縱向分步導航也許是不錯的方案。不過要確保每步內容是響應式的。

小螢幕上使用縱向分步設計。

把分步導航設計得簡單易懂、低調含蓄，也別忽視它們的視覺表現，應當在視覺上吸引和引導使用者。「使用者至上」。記住我們不是在為設計師而設計，我們為普通使用者設計。最終，優秀的分步導航能讓使用者停留，完成任務，並且讓你的**和應用留下正面的印象。

感謝閱讀！

本文標題: 談談使用者體驗設計中的「分步導航」

本文位址: