解決什么問題?
用戶需要意識到他們正在進行一個多頁面(multi-screen)的流程(比如付款或注冊
什么時候用?
在向?qū)е袘撌褂?在那些預先設(shè)計好的,用戶可能只需完成一次或頂多在個別情況下需要完成的多步驟流程中需要使用.在常規(guī)的任務(wù)中就不要用了,因為那種笨重的,一步一步的手把手式(handholding)的方式最終會變得討人厭
具體解決辦法是什么?
由一個持續(xù)的,顯示一系列步驟 ,高亮當前的步驟,并可以顯示目前的完成度或百分比的導航條,來作為進度條(或進度表).
當用戶決定開始流程時進度條就該顯示
進度條上的最后一步應該反映出會進行必要操作的最后一頁(比如:完成注冊,提交訂單).在進度條上不要使用冷冰冰的”確認”或者”收據(jù)頁(receipt page)
將流程按照用戶的心智模型分解成步驟.很顯然,每個步驟指的是操作而不是單獨的頁面,所以沒有必要非要將步驟與頁面1:1的對應上.比如:”登錄”會涉及到一個登錄頁和注冊頁.
步驟名字要短,并且是排比結(jié)構(gòu)的.”以行動導向”(Action-oriented)的動詞比較好,但是只有在每一個步驟都能很恰當?shù)耐ㄟ^這種方式描述的時候再用.
確保進度條對每一個用例都是精確和可信的.用戶不該跳過步驟或忽然碰到進度條沒顯示出來的步驟.確保只有在必要的情況下才包含”登錄”(的步驟).如果有必要,需要為不同的用例設(shè)計不同的進度條.
要確保進度條的視覺設(shè)計不會被誤認為是可點擊的導航條
為什么使用這個組件?
進度條可以讓用戶預估整個流程的長度,對于全部流程有個預覽,并時刻告訴他們在整個流程中已經(jīng)完成多少了.
答疑
“進度條”也可以用來表示”動態(tài)顯示系統(tǒng)更新進度的動畫條”(就像YUI2中的進度條組件)
這個組件可以解決相關(guān)聯(lián)的多步欄或者作為逐步顯示用戶控制過程的指示器
0
喜歡他，就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計網(wǎng)（CNDESIGN）會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有，任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處，作者將保留追究侵權(quán)者法律責任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計網(wǎng)
