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