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