Progress bar 進度條效果研究

本文轉載自 UIUI，很有參考價值的一篇文章。

來自 CMU 的研究, 他們在 UIST 2007 上面發表了一篇名為 Rethinking Progress Bar 的研究, 他們發現不同的進度表現方式, 使用者感受的確會有所不同, 恩, 聽起來真是廢話, 不過如果只有這樣子的廢話的話, 應該是上不了 UIST. 他們研究了九種不同的進度表現方式, 最後得出了一個結論:

測試顯示的結果告訴我們，凡是曲線中有明顯停頓的，使用者所感知的進度都比較慢，而進度中一直在加速的，使用者都會覺得進 度走得很快。研究者們還指出雖然一個穩 定的系統應該使用線性的進度條，但是如果能應用加速型的進度條，確實能小幅地改善用戶體驗。但是當進度並不能被準確測量時，進度條並不是一個很好的選擇， 實際情況下可以選用不斷重複的動畫來代替

恩, 所以, 下次設計 progress bar 時, 請讓它不停的跑, 然後讓它越跑越快…反正人的感情是很容易被欺騙了

順道一提, 九種 progress bar 為:

• 線性 （Linear）：遞增率是常量
• 前停頓（Early paus）：類似於線性，但在25%進度附近進度遞增非常慢
• 後停頓（Late paus）：類似於線性，但在75%進度附近進度遞增非常慢
• 慢速波狀曲線（Slow wavy ）：速度時快時慢，整個過程有3個週期
• 快速波狀曲線（Fast wavy ）：類似於慢速波狀曲線，但波長很短，有很多週期
• 平方曲線（Power）：進度的遞增率不斷在增加，也就是一開始很慢，隨後越來越快
• 反平方曲線（Inverse power）：和平方曲線像反，一開始很快，隨後越來越慢
• 快速平方曲線（Fast power）：類似于平方曲線，只是進度的遞增率更高
• 快速反平方曲線（Inverse fast power）和反平方曲線類似,只是進度的變化率更大

via: 譯言