UI 設計中最重要的規(guī)則之一是系統(tǒng)狀態(tài)的可見性。其中原因很簡單，為了減少用戶的緊張感，你應該在合理的時間內(nèi)反饋給用戶到底在發(fā)生著什么。前往別讓用戶去猜，你要告訴用戶在發(fā)生著什么。這樣的反饋中最常見的其中一種就是進度條（progress indicator）。
通過這篇文章，我們會了解主要的集中進度條還有他們的使用案例。
好的交互設計是提供反饋的
app 能提供即時的反應的最好的，但是有時候你的 app 會由于種種原因反應熟讀可能不夠快。延遲常常是由于加載慢導致的。對于這些情況，你必須讓用戶確定你的 app 還在處理他們的請求，你的 app 正在工作。
最關鍵的，反饋可以為以下三個問題提供答案：
1）目前的狀態(tài)：現(xiàn)在在發(fā)生什么？
2）結(jié)果：剛剛發(fā)生了什么？
3）未來的狀態(tài)：即將會發(fā)生什么？
好的進度條是怎樣的？
好的進度條總是提供即時的反饋，他們告訴用戶這個 app 需要更多的時間去處理用戶的請求，告訴他們大概還要多久才能處理好。好的進度條有點歌好處：
1）減少用戶的不確定心理。（app 讓用戶知道它正在運行）
2）讓用戶愿意等待，并且減少用戶對時間的感知。（app 讓用戶在等待的時候有東西可以看，因此，這讓用戶更少地關注自己等了多久）
從用戶點擊屏幕開始（開始一個動作），他就開始等待了。系統(tǒng)應該馬上提供一些視覺上的反饋，告訴用戶它已經(jīng)收到了請求。
對于任何超過一秒鐘的動作，都應該使用進度條。但是對于任何加載時間少于一秒的行為，用動畫去提醒都是讓人分心的。
進度條的種類
進度條可以是確定性的，也可以是非確定的。
確定性的進度條能表明一個操作需要多久，操作已完成的百分比是可以識別的。
當需要提醒用戶去等待，而具體要等待多久沒有必要讓用戶知道時，使用非確定的進度條。
這兩種進度條也是可以混合的。
回環(huán)動畫
動態(tài)的回環(huán)可以告訴用戶系統(tǒng)在運行，但是常常不會告訴用戶他具體還需要等待多久。
一般而言，回環(huán)動畫只適用于快速的動作（2-10秒），因為讓用戶盯著旋轉(zhuǎn)的圈圈太久容易產(chǎn)生副作用。
此時解釋為什么用戶在等待（比如寫上“正在加載評論”），可以讓用戶心里有底。
用戶預期
默認的加載標志（比如 iOS 那個旋轉(zhuǎn)的灰色圈圈）會有負面的暗示。它承擔了太多的系統(tǒng)功能，暗示各種狀態(tài)，包括設備在加載東西，連接到網(wǎng)絡有問題，或者加載數(shù)據(jù)。因此，人們不會喜歡看到這樣一個默認的加載標志，它不能告訴用戶在加載什么、也不能告訴用戶需要加載多久。
整合的動態(tài)回環(huán)
你可以把已有的控件（比如按鈕）和動態(tài)回環(huán)整合起來。對于安卓應用程序而言，一個圓形加載標志可以和浮動的動作按鈕整合起來。
這里提交成功是通過圓圈的完成來提示的。
系統(tǒng)的還是定制的動態(tài)回環(huán)
Facebook 的 app 有一個關于動態(tài)回環(huán)很有趣的經(jīng)驗。Rusty Mitchell 談到 Facebook 加載提示的時候說到：“在使用 Facebook iOS app 的時候，當用戶看到的是定制的動畫（圖左）時，他們把延遲怪罪于 Facebook。但是當用戶看到的是 iOS 系統(tǒng)的旋轉(zhuǎn)動畫（圖右）時，他們更常去怪罪 iOS 系統(tǒng)?！?/p>
注：本文編譯自《Progress Indicators in Mobile UX Design》，只選取了上半部分內(nèi)容。
