在進行網站規劃時，常常無可避免的要求使用者去瞭解某些訊息或填寫某些資料，這樣的要求隨著網站本身的需求，複雜度與所需耗費的時間也會有所不同，這些過程我們可以視為網站賦予使用者的一道道任務。

使用者必須突破一個個制式、枯燥的表單欄位與冗長的文字訊息，才能獲得任務的『獎勵』：歡迎你成為我們的會員、恭喜你獲得抽獎的機會！…等。不過，在替通過任務的人高興的同時，你也該回頭看看那些離開任務的人，並思考導致他們放棄的原因與留住他們對策。

不知道目的地的路程總會容易讓人放棄

不知道你是否有過類似的經驗，首次前往未知的地點時，總覺過程顯得很遠、很長，而回程時總覺得比去的時間短。而這個道理在網站上也是通用的，對使用者而言，大概填寫兩頁資料，就會開始產生『真是夠了、不知道要填寫多少資料』的放棄念頭，但若是從使用者開始使用時你告訴他，到達目的地需要多少步驟以及每個步驟大概是要做什麼，這樣或多或少可以降低放棄的意願。

此外，透過有條理、邏輯的整理，更能有效減少閱讀上的負擔，並且避免使用者花費心思思考如何解決這些多而雜的問題。例如：線上購物的流程總需要使用者填寫許多資料表格，若未善加處理的擺放資料就要求使用者填寫，看到昏頭的數十個欄位尚待回答，不免讓人降低意願，但若是細心的將這些問題加以歸納成五個步驟『1.購物車明細 >2.填寫付款資料 >3.確認訂單資料 >4.付費 >5.交易完成』，讓使用者知道事情並沒有這麼複雜，那麼中途放棄的人也將會有所減少。

※規劃上的注意事項：

• 提供明確，但簡潔的文字說明：這樣可以讓使用者更不需思考的達成任務，並減少理解上的錯誤產生，但需注意的是過多的文字會讓人感到不耐，所以說明文字切勿過長。
   
• 每一步驟的填寫內容不可太多：請不要讓使用者在每一步驟花費過多的時間，會耗損使用者的耐心，盡量讓使用者可以輕鬆的達成任務。
  
  
• 提供回去的路，避免使用者離開網站：即使使用者真的中途放棄了，也請為他們保留退路，讓他們可以繼續留在網站中去尋找其他他們可能有興趣的內容，盡量不要讓使用者只能選擇關閉視窗。

美化前往目的地的過程
除了讓使用者知道目的地了，我們可以更進一步的使用情境、回饋等方式來美化這個過程。

• 幫使用者定位，讓他知道他正在前進。
  下圖利用線條的延伸，表現出往下一步驟前進的感覺。
  
  圖片來源：http://ui-patterns.com/users/1/collections/86/entry/3841

   

• 給予回饋，為使用者打打氣
  下圖利用替換顏色的方式，給予使用者完成任務的回饋。
  
  圖片來源：http://autobutler.dk/registration/car

• 給點小提示，讓使用者知道他將要做什麼
  像下圖除了打個勾勾與替換顏色的方式，更增加小提示讓使用者預期下一步會獲得什麼。
  
  圖片來源：http://apps.facebook.com/hotelcity/?pf_ref=x1019_sub_ref_frontpage
  
  

劃下句點，讓使用者知道已達目的地
當使用者完成任務後，不論是利用一個簡單的文字訊息或是一個具有誠意的感謝頁面，請讓使用者知道他已成功完成任務了！

※ 減輕使用者的負擔
除了上述的內容，規劃上我們也可以嘗試一些方式來減輕使用者負擔

• 預設選取常見答案
  線上購物時，發票索取常常都是預設為二聯發票，就是一種選取常見答案的作法，此作法可以減少需填答的問題
  
  
• 嘗試將非必要性的問題暫時移除，等使用者再次登入後再要求填寫。
  例如：一個討論類型的網站，會員可以瀏覽、發問與po文，但po文章時，為避免會員亂張貼內容，所以需要採取進一步的身份認證。由於不是每個人都需要此功能，所在註冊時可以移除身份認證，當會員要po文時，才需身份認證。

相關參考內容：

• http://ui-patterns.com/patterns/Wizard
• http://www.welie.com/patterns/showPattern.php?patternID=wizard