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

2024-02-08    分類: 網(wǎng)站建設

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

進度條能解決什么問題?

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

什么時候使用進度條?

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

  如何使用進度條?

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

當用戶決定開始流程時進度條就該顯示

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

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

步驟名字要短,并且是排比結構的?!耙孕袆訉颉保ˋction-oriented)的動詞比較好,但是只有在每一個步驟都能很恰當?shù)耐ㄟ^這種方式描述的時候再用。

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

要確保進度條的視覺設計不會被誤認為是可點擊的導航條。

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

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

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

廣告

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

網(wǎng)站建設網(wǎng)站維護公司