網(wǎng)站中進(jìn)度條的交互問答

進(jìn)度條(或進(jìn)度表)可以幫助用戶對(duì)過程的長度和步驟有個(gè)預(yù)期，并且知道自己當(dāng)前在哪個(gè)步驟，也被稱作“進(jìn)度指示器(PRogress Indicator)”，“多步驟進(jìn)度條(Multi-step Progress Bar)”、“向?qū)?Wizard Steps)”、“進(jìn)度表(Progress Train)”、“剩余步驟(Steps Left)”。

進(jìn)度條能解決什么問題?

用戶需要意識(shí)到他們正在進(jìn)行一個(gè)多頁面(multi-screen)的流程(比如付款或注冊(cè))。進(jìn)度條可以讓用戶預(yù)估整個(gè)流程的長度，對(duì)于全部流程有個(gè)預(yù)覽，并時(shí)刻告訴他們?cè)谡麄€(gè)流程中已經(jīng)完成多少了。

什么時(shí)候使用進(jìn)度條?

在向?qū)е袘?yīng)該使用在那些預(yù)先設(shè)計(jì)好的、用戶可能只需完成一次或頂多在個(gè)別情況下需要完成的多步驟流程中需要使用。在常規(guī)的任務(wù)中就不要用了，因?yàn)槟欠N笨重的、一步一步的手把手式(handholding)的方式最終會(huì)變得讓人討厭。

　　如何使用進(jìn)度條?

由一個(gè)持續(xù)的、顯示一系列步驟、高亮當(dāng)前的步驟，并可以顯示目前的完成度或百分比的導(dǎo)航條。

當(dāng)用戶決定開始流程時(shí)進(jìn)度條就該顯示

　　進(jìn)度條上的最后一步應(yīng)該反映出會(huì)進(jìn)行必要操作的最后一頁(比如:完成注冊(cè),提交訂單)，在進(jìn)度條上不要使用冷冰冰的“確認(rèn)”或者“收據(jù)頁(receipt page)”。

將流程按照用戶的心智模型分解成步驟。很顯然，每個(gè)步驟指的是操作而不是單獨(dú)的頁面，所以沒有必要非要將步驟與頁面1：1的對(duì)應(yīng)上。比如：”登錄”會(huì)涉及到一個(gè)登錄頁和注冊(cè)頁。

步驟名字要短，并且是排比結(jié)構(gòu)的?！耙孕袆?dòng)導(dǎo)向”（Action－oriented）的動(dòng)詞比較好，但是只有在每一個(gè)步驟都能很恰當(dāng)?shù)耐ㄟ^這種方式描述的時(shí)候再用。

確保進(jìn)度條對(duì)每一個(gè)用例都是精確和可信的。用戶不該跳過步驟或忽然碰到進(jìn)度條沒顯示出來的步驟。確保只有在必要的情況下才包含”登錄”（的步驟）。如果有必要，需要為不同的用例設(shè)計(jì)不同的進(jìn)度條。

要確保進(jìn)度條的視覺設(shè)計(jì)不會(huì)被誤認(rèn)為是可點(diǎn)擊的導(dǎo)航條。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)頁題目：網(wǎng)站中進(jìn)度條的交互問答
轉(zhuǎn)載來源：http://m.kartarina.com/news25/316925.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、面包屑導(dǎo)航、靜態(tài)網(wǎng)站、微信公眾號(hào)、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)