杭州UI設(shè)計(jì)培訓(xùn)|常見的進(jìn)度條類型
1.動態(tài)類型
動態(tài)進(jìn)度條一般用于系統(tǒng)提供的實(shí)時進(jìn)程提醒,自動處理一個任務(wù)。在此期間,用戶可以安心等待結(jié)果,無需其他操作。你平時看到的,系統(tǒng)殺毒,下載加載都是動態(tài)進(jìn)度條。動態(tài)進(jìn)度條的目的是讓用戶確切知道系統(tǒng)在做什么,目前是否處于正常狀態(tài),讓用戶在等待過程中有心理預(yù)期。需要注意的是,這種進(jìn)度條大多需要用戶花費(fèi)一定的時間成本,用戶有權(quán)利知道任務(wù)的進(jìn)度。只有當(dāng)進(jìn)度達(dá)到100%時,才能進(jìn)行下一步操作(暫停/取消中斷為中斷操作)。
處理任務(wù)時,需要呈現(xiàn)當(dāng)前狀態(tài)、進(jìn)度百分比(數(shù)值或顏色對比)、大概剩余時間、暫停/取消中斷操作等信息。當(dāng)然,并不是所有的動態(tài)進(jìn)度條都有以上信息。在實(shí)際工作中,要呈現(xiàn)的信息元素會受到很多因素的影響。應(yīng)該結(jié)合任務(wù)目標(biāo)、場景和特點(diǎn)進(jìn)行設(shè)計(jì),比如用戶的等待時間、信息的重要性、開發(fā)成本等。
2.靜態(tài)類型
靜態(tài)的進(jìn)度條弱化了進(jìn)度的概念,只有在用戶做出一定的動作后,進(jìn)度才會發(fā)生變化。其主要目的是告知用戶當(dāng)前狀態(tài),可以為其他任務(wù)決策提供一定的參考條件,無需用戶等待。
常見的有磁盤存儲空間、學(xué)習(xí)進(jìn)度、表單完成進(jìn)度等。最重要的是突出進(jìn)度節(jié)點(diǎn)和數(shù)據(jù),以便用戶做出其他決策。

3.動/靜態(tài)結(jié)合型
結(jié)合動態(tài)和靜態(tài)進(jìn)度條的特點(diǎn),多用于視頻/音頻播放場景。它們有明顯的動態(tài)進(jìn)度和清晰的當(dāng)前狀態(tài),可以自動或手動控制進(jìn)度。這個進(jìn)度條有非常緊密的時間關(guān)系,但是不需要緩解用戶等待的焦慮。
一般情況下,“動+靜”需要保持平衡的關(guān)系。如果有高優(yōu)先級或低優(yōu)先級,也需要結(jié)合實(shí)際使用場景的變化來確定設(shè)計(jì)目標(biāo)。比如抖音視頻的進(jìn)度條就比較弱,因?yàn)槎桃曨l耗時少,幾秒到幾分鐘不等;但是,看電視劇/電影就完全不一樣了,因?yàn)橐ǜ嗟臅r間。用戶的操作要求更高,自然有更高的視覺優(yōu)先級。