確定進(jìn)度條

• 針對(duì)需要有限時(shí)間的進(jìn)程，使用確定進(jìn)度條，即便需要的時(shí)間不能精確預(yù)測(cè)。非確定進(jìn)度條只能表明進(jìn)程正在進(jìn)行，并不能給出更多的信息。不要僅僅因?yàn)闀r(shí)間預(yù)計(jì)可能不準(zhǔn)確就使用非確定進(jìn)度條。
• 明確顯示進(jìn)程的進(jìn)行階段。進(jìn)度條必須能夠明確展示進(jìn)程是剛開(kāi)始、在進(jìn)行中段或者快要結(jié)束。例如，一個(gè)快速加載到99%、但在最后位置又停滯很長(zhǎng)時(shí)間的進(jìn)度條并沒(méi)有傳遞出有用的信息，并且讓人煩躁。在這種情況下，進(jìn)度條應(yīng)該設(shè)置在大約33%的位置，以表明進(jìn)程還處于開(kāi)始階段。
• 在能夠準(zhǔn)確預(yù)估的情況下，提供進(jìn)程剩余時(shí)間。精確的剩余時(shí)間估計(jì)是有價(jià)值的，但是顯示偏離標(biāo)準(zhǔn)的估計(jì)或者會(huì)顯著反彈的估計(jì)沒(méi)有任何價(jià)值。程序可能需要執(zhí)行一些操作，然后才能給出準(zhǔn)確的估計(jì)。 如果是這樣的話(huà)，不要在初始階段顯示可能不準(zhǔn)確的剩余時(shí)間預(yù)估。
• 不要重啟進(jìn)度條進(jìn)程。如果進(jìn)度條重新啟動(dòng)(可能是因?yàn)椴僮髦械囊粋€(gè)步驟已經(jīng)完成) ，它將失去其意義，因?yàn)橛脩?hù)無(wú)法知道操作將何時(shí)完成。相反，讓操作中的所有步驟共享一部分進(jìn)度，并讓進(jìn)度條一次性進(jìn)入完成狀態(tài)。
  
  錯(cuò)誤示例：在此示例中，操作從解壓文件轉(zhuǎn)移到了復(fù)制文件的步驟，并重置了該步驟的進(jìn)度欄。這導(dǎo)致用戶(hù)不知道已經(jīng)取得了多少進(jìn)展，也不知道還剩下多少時(shí)間。
• 不要備份進(jìn)度條。與重新啟動(dòng)時(shí)一樣，如果備份，進(jìn)度條將失去其意義。進(jìn)度條的進(jìn)度只能一直增加。 但是，剩余時(shí)間的估計(jì)是可以增加(或減少)的，因?yàn)檫M(jìn)程的速度可能會(huì)變化。

非確定進(jìn)度條

• 只對(duì)總體進(jìn)度無(wú)法確定的操作使用非確定進(jìn)度條。對(duì)于需要無(wú)限時(shí)間或訪問(wèn)未知數(shù)量的對(duì)象的操作，使用不確定的進(jìn)度條。使用超時(shí)提示為基于時(shí)間的操作提供界限。
• 確定總體進(jìn)度后，轉(zhuǎn)換為確定進(jìn)度條進(jìn)行顯示。 例如，如果確定對(duì)象數(shù)量所需的時(shí)間遠(yuǎn)遠(yuǎn)超過(guò)兩秒，則可以在計(jì)算對(duì)象的時(shí)候使用非確定進(jìn)度條，計(jì)算完畢后轉(zhuǎn)換為確定進(jìn)度條。
• 非確定進(jìn)度條不要帶有完成百分比說(shuō)明和剩余時(shí)間預(yù)估。如果能夠提供這些信息，就直接使用確定進(jìn)度條。
• 非確定進(jìn)度條不要附帶圖標(biāo)動(dòng)畫(huà)效果。不確定的進(jìn)度條實(shí)際上就是一種通用動(dòng)畫(huà)，因此它與動(dòng)畫(huà)效果擇一使用即可，不能兩個(gè)同時(shí)使用。
  
  正確示例：僅使用動(dòng)畫(huà)效果標(biāo)明操作正在進(jìn)行

非模態(tài)進(jìn)度條

• 如果允許用戶(hù)在等待進(jìn)程時(shí)進(jìn)行其他有意義的操作，使用非模態(tài)進(jìn)度條作為等待反饋。您可能需要禁用一些需要進(jìn)程完成之后才能生效的功能。
• 如果當(dāng)前窗口有地址欄，在地址欄中展示非模態(tài)進(jìn)度條。
  
  示例
• 另外，如果當(dāng)前窗口有狀態(tài)欄，則將非模態(tài)進(jìn)度條展示在狀態(tài)欄中。在狀態(tài)欄中將對(duì)應(yīng)的文字說(shuō)明放在非模態(tài)進(jìn)度條左邊。
  
  示例

模態(tài)進(jìn)度條

• 在進(jìn)度頁(yè)或進(jìn)度對(duì)話(huà)框上放置模態(tài)進(jìn)度條。
• 如果任務(wù)需要幾秒以上才能完成，甚至永遠(yuǎn)無(wú)法完成，請(qǐng)?jiān)O(shè)置一個(gè)命令按鈕以停止操作。如果按下按鈕能使程序恢復(fù)到之前的狀態(tài)(不產(chǎn)生其他的影響) ，則為按鈕文字設(shè)置為“取消” ；否則的話(huà)，為按鈕文字應(yīng)該為“停止”，以表明它保留了部分已經(jīng)完成的操作。如果在操作過(guò)程中，程序無(wú)法再恢復(fù)到以前的狀態(tài)，可以在這個(gè)轉(zhuǎn)變的節(jié)點(diǎn)時(shí)刻將按鈕標(biāo)簽從 Cancel/取消 更改為 Stop/停止。進(jìn)度條和命令按鈕垂直居中對(duì)齊，而不是頂對(duì)齊。
  
  正確示例：暫停網(wǎng)絡(luò)連接不會(huì)產(chǎn)生什么影響，所以使用“取消”按鈕
  
  
  正確示例：在該例中，停止復(fù)制進(jìn)程也會(huì)留下已經(jīng)復(fù)制好的文件，所以使用“停止”按鈕來(lái)表明這一點(diǎn)
  
  
  錯(cuò)誤示例：停止搜索并不會(huì)產(chǎn)生什么影響效果，所以應(yīng)該使用“取消”按鈕

剩余時(shí)間

對(duì)于確定進(jìn)度條：

• 使用以下時(shí)間格式。當(dāng)最大時(shí)間單位數(shù)量不為零時(shí)，使用第一個(gè)時(shí)間格式；變?yōu)榱銜r(shí)，使用下一個(gè)時(shí)間格式。
  對(duì)進(jìn)度條而言：
  如果相關(guān)信息以帶冒號(hào)句式顯示：
  剩余時(shí)間：xx小時(shí)，xx分鐘
  剩余時(shí)間：xx分鐘，xx秒
  剩余時(shí)間：xx秒

如果需要節(jié)約屏幕空間：
h hrs, m mins remaining
m mins, s secs remaining
s seconds remaining
剩余 xx時(shí)，xx分
剩余 xx分，xx秒
剩余 xx秒

其他情況：
h hours, m minutes remaining
m minutes, s seconds remaining
s seconds remaining
剩余 xx時(shí)，xx分
剩余 xx分，xx秒
剩余 xx秒

在標(biāo)題欄中：
剩余 01:59
剩余 00:13
這種緊湊的格式首先展示了最重要的信息，在任務(wù)欄上不會(huì)被截?cái)囡@示。

• 估計(jì)要盡量精確，但精確度也要合適。如果最大的單位是小時(shí)，精確到分即可(如果有必要) ，不需要精確到秒。

錯(cuò)誤示例：xx小時(shí)，xx分，xx秒

• 顯示實(shí)時(shí)的預(yù)估時(shí)間。剩余時(shí)間的預(yù)估至多5秒需要更新一次。

• 重點(diǎn)放在剩余時(shí)間的顯示上，因?yàn)檫@是用戶(hù)最關(guān)心的信息。只有在運(yùn)行時(shí)間有意義的情況下(例如可能重復(fù)執(zhí)行任務(wù)時(shí))才給出總的已運(yùn)行時(shí)間。如果剩余的時(shí)間估計(jì)與一個(gè)進(jìn)度條相關(guān)聯(lián)，則不要顯示完整的百分比文本，因?yàn)樵撔畔⑹怯蛇M(jìn)度條本身傳遞的。

• 保證語(yǔ)法正確。數(shù)量為單數(shù)時(shí)，單位也要使用單數(shù)形式。
  錯(cuò)誤示例： 1 minutes，1 seconds

• 使用句式大小寫(xiě)規(guī)則。

進(jìn)度條的顏色

• 紅色或黃色的進(jìn)度條只表示進(jìn)度狀態(tài)，而不是任務(wù)的最終結(jié)果。紅色或黃色的進(jìn)度條表示用戶(hù)需要采取一些行動(dòng)來(lái)完成進(jìn)程。如果情況不可更改，將進(jìn)度條保持綠色并顯示錯(cuò)誤消息。

• 當(dāng)出現(xiàn)阻礙進(jìn)程的問(wèn)題，并且這個(gè)問(wèn)題用戶(hù)可以進(jìn)行修復(fù)的時(shí)候，將進(jìn)度條變?yōu)榧t色。顯示解釋問(wèn)題和建議解決方案的文字信息。

• 當(dāng)用戶(hù)已暫停任務(wù)，或者存在阻礙進(jìn)度但進(jìn)度仍在進(jìn)行的情況(例如，網(wǎng)絡(luò)連接性差)時(shí)，將進(jìn)度條變?yōu)辄S色。 如果用戶(hù)已經(jīng)暫停，則將 Pause 暫停按鈕標(biāo)簽更改為 Resume 恢復(fù)。如果進(jìn)程受阻，顯示解釋問(wèn)題和建議解決方案的文字信息。

計(jì)量器

• 進(jìn)度條只用于顯示進(jìn)度。計(jì)量器用來(lái)表示和進(jìn)程無(wú)關(guān)的百分比信息。

建議尺寸和間距

進(jìn)度條的建議尺寸和間距

• 使用推薦的進(jìn)度條高度。（例外：在父窗口不支持建議進(jìn)度條高度的情況下，使用其他的可行高度。）
• 如果希望進(jìn)度條不那么顯眼，使用最小進(jìn)度條寬度。
• 進(jìn)度條寬度不要超過(guò)建議的最長(zhǎng)尺寸。進(jìn)度條不需要占滿(mǎn)可用的空間。
• 如果窗口寬度遠(yuǎn)遠(yuǎn)超過(guò)建議的最大寬度，則將進(jìn)度條水平居中。

標(biāo)簽

進(jìn)度條標(biāo)簽

• 使用靜態(tài)文本的簡(jiǎn)潔標(biāo)簽文字來(lái)說(shuō)明正在執(zhí)行的操作。以動(dòng)詞(例如復(fù)制)開(kāi)始標(biāo)簽，以省略號(hào)結(jié)束。如果操作具有多個(gè)步驟或處理多個(gè)對(duì)象，則此標(biāo)簽文字可能會(huì)動(dòng)態(tài)更改。

• 不要為標(biāo)簽設(shè)置存取鍵，因?yàn)樵摽丶遣豢山换サ摹?/p>

• 使用句式大小寫(xiě)規(guī)則。

• 如果該進(jìn)程不是由用戶(hù)直接發(fā)起的，可以使用附加的標(biāo)簽文字說(shuō)明背景情況并為打擾到用戶(hù)致歉。使用“請(qǐng)等待”文字開(kāi)始這個(gè)附加標(biāo)簽。這個(gè)標(biāo)簽文字在進(jìn)程中不要變化。

  
  
  在該例中，因?yàn)橛脩?hù)沒(méi)有直接開(kāi)啟該進(jìn)程，所以要被告知“請(qǐng)等待...”

• 標(biāo)簽文字放在進(jìn)度條上方并與進(jìn)度條左對(duì)齊。

進(jìn)度條細(xì)節(jié)

• 以靜態(tài)文本提供詳細(xì)信息，數(shù)據(jù)前面有一個(gè)以冒號(hào)結(jié)尾的標(biāo)簽。 在詳細(xì)信息文本后指定單位(秒、千字節(jié)等)。

  
  
  正確示例
  
  
  錯(cuò)誤示例：細(xì)節(jié)信息沒(méi)有標(biāo)簽文字進(jìn)行說(shuō)明，用戶(hù)需要猜測(cè)它們的含義

• 使用句式大小寫(xiě)規(guī)則。

• 細(xì)節(jié)信息放在進(jìn)度條下方并與進(jìn)度條左對(duì)齊。

• 不要給出已完成或剩余進(jìn)度的百分比，該信息是由進(jìn)度條本身傳遞的。

取消按鈕

• 如果按下按鈕程序會(huì)恢復(fù)到之前的狀態(tài)，并且沒(méi)有其他影響，按鈕標(biāo)簽應(yīng)該為“取消”。否則標(biāo)簽應(yīng)該為“停止”，表示除了已完成的部分外，進(jìn)程沒(méi)有對(duì)程序產(chǎn)生影響。
• 如果在操作過(guò)程中，程序無(wú)法再恢復(fù)到以前的狀態(tài)，您可以在這個(gè)轉(zhuǎn)變的節(jié)點(diǎn)時(shí)刻將按鈕標(biāo)簽從 Cancel取消 變?yōu)?Stop停止。

進(jìn)程對(duì)話(huà)框標(biāo)題

• 如果進(jìn)度條出現(xiàn)在模態(tài)對(duì)話(huà)框中，對(duì)話(huà)框的標(biāo)題應(yīng)該是該操作或者進(jìn)程的名稱(chēng)。不要使用進(jìn)度條的標(biāo)簽來(lái)命名對(duì)話(huà)框。

  
  
  正確示例：對(duì)話(huà)框標(biāo)題是任務(wù)名稱(chēng)

錯(cuò)誤示例：對(duì)話(huà)框的標(biāo)題是進(jìn)度條標(biāo)簽文字的重述。應(yīng)該使用程序名來(lái)描述。

• 如果進(jìn)度條出現(xiàn)在非模態(tài)對(duì)話(huà)框中，通過(guò)放置并簡(jiǎn)化最明顯的信息來(lái)優(yōu)化顯示任務(wù)欄上的標(biāo)題文字。例如：“已完成66%”