最近做需求接觸到了分步導(dǎo)航的設(shè)計，在移動端大熱的時代，曾經(jīng)在網(wǎng)頁端擔(dān)當重任的分步導(dǎo)航已漸漸淡出用戶的視線。
什么是分步導(dǎo)航？分步導(dǎo)航就是將一系列的過程分解成多個合理的步驟，它屬于典型的線性引導(dǎo)方式，目的是讓用戶按部就班地快速完成任務(wù)。分步導(dǎo)航是電商類網(wǎng)站常見的元素，早期的天貓和亞馬遜都能看到它的身影。
分步導(dǎo)航的優(yōu)點主要體現(xiàn)在三點：第一、分步導(dǎo)航能夠合理地分塊展示內(nèi)容，便于用戶瀏覽，讓用戶能夠快速定位到關(guān)鍵信息，開啟任務(wù)；第二、它能夠為用戶建立明確的心理預(yù)期。在心理學(xué)中，預(yù)期與完成度一般成正相關(guān)關(guān)系的，如果用戶能夠清楚知道完成任務(wù)需要經(jīng)過多少個步驟，會更容易完成它，顯著降低放棄的概率；第三、在復(fù)雜的過程中追蹤整個流程，清晰明了指示任務(wù)路徑。
雖然分步導(dǎo)航在移動端里的應(yīng)用不及網(wǎng)頁端的普遍，但是在一些場景設(shè)計還是挺常見的。
引導(dǎo)頁
APP引導(dǎo)頁的設(shè)計其實是分步導(dǎo)航的一種演變，通過步驟式的介紹引導(dǎo)用戶了解新功能或優(yōu)化點。由于用戶在引導(dǎo)頁停留時間不長，都是快速跳過，所以引導(dǎo)頁的步驟也不多，一般控制在3-5步，使用滑動的小圓點來指示當前位置。
多步表單
當需要用戶填寫大量信息的時候，分步處理信息更便于用戶操作，APP里常見的是注冊。
例如全民K歌的主唱注冊頁面，整個注冊流程總共有三步，步驟不多但是每一步的信息量并不少，因此他們使用了一個頁面展示一個步驟的形式，并寫明了步驟的名稱，第一步是基本資料，讓用戶清楚步驟的順序和內(nèi)容，同時下面還標示了注冊流程共三步，完成填寫的百分比，有助于用戶建立心理預(yù)期，估計完成任務(wù)所需的時間。
摩拜的注冊流程沿用了傳統(tǒng)的線性流程，線性或是箭頭指示的優(yōu)點是強調(diào)了方向，能夠提升連續(xù)性，不但讓用戶清楚知道自己的當前位置，還能知道之前和之后步驟的連續(xù)關(guān)系。同時，它狀態(tài)變化的視覺反饋也是比較清晰的，已完成項打勾，當前項有呼吸燈的動效。
Airbnb發(fā)布房間的步驟算是比較復(fù)雜的多步表單，一開始先讓用戶完成優(yōu)先級最高的兩項內(nèi)容：位置和基本信息，這兩項基本不用填寫，可以快速完成，位置可以自動定位，基本信息選擇數(shù)量；待用戶完成簡單的任務(wù)，目的進一步清晰后，后面的復(fù)雜任務(wù)就顯得沒那么難了。同時，用鼓勵的語氣告訴用戶：還有6步就能完成任務(wù)了，鼓勵他們完成任務(wù)。如果一開始告訴用戶發(fā)布房間有8步，相信很多人都會望而卻步，覺得投入的時間和精力太多了。由此可見，當步驟比較復(fù)雜的時候，如何合理引導(dǎo)他們完成流程也是至關(guān)重要的，就像我們考試做題的時候，題目很多，但是如果先簡后繁，合理安排，做起來就會輕松很多。
還有一些國外的例子是建議小屏幕上橫向空間有限，使用縱向分步的設(shè)計，這個也是值得我們參考的。
總而言之，分步導(dǎo)航的設(shè)計目的是引導(dǎo)用戶快速完成任務(wù)，因此優(yōu)秀的分步導(dǎo)航應(yīng)該是簡單易懂，能夠讓用戶知道當前位置和步驟流程，同時也具有視覺吸引力，起到良好的引導(dǎo)和反饋作用。
參考資料：
《網(wǎng)站中導(dǎo)航的類別你知道幾種？》http://www.noonenet.cn/newshtml/newsinfor/navi.html
《用戶體驗設(shè)計中的分步導(dǎo)航設(shè)計技巧》http://www.yunrui.co/35611.html
