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

2024-02-08 分類：網(wǎng)站建設(shè)

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

進度條能解決什么問題?

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

什么時候使用進度條?

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

　　如何使用進度條?

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

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

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

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

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

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

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

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

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

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

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

猜你還喜歡下面的內(nèi)容