進度條用剩余時間，還是用百分比？

讀者提問：

呆總，想不通我的進度條是給預(yù)計的剩余時間還是給百分比，有什么判斷依據(jù)么？

我已經(jīng)習(xí)慣收到這類沒有任何業(yè)務(wù)背景的問題了，心累累。不過「交互問答」系列的文章很久沒更了，就借著這個問題更新下吧。

先回答讀者的問題。

這位讀者提出的這個問題其實很簡單，無論是時間還是百分比，任何數(shù)值都有它之所以被如此安排的原因。比如，我們在種樹類小游戲里，需要通過澆水讓樹苗成長。從小樹苗長成到大樹需要幾個階段，第一階段到第二階段需要澆水多少次，澆完一次水需要等待多少時間才能澆第二次水，如此累積。

那么澆水次數(shù)，就是這個進度條的計算數(shù)值。我們當(dāng)然可以把它換算成百分比，比如這個階段一共需要澆水八次，那么澆完一次，就是完成 12.5%。那是否有必要呢？除非有特殊情況，否則，在我描述的這個場景下，次數(shù)會更直觀，所以沒必要改成百分比。

但是，在某種情況下，同樣是種樹，用次數(shù)就不合理了。比如它的養(yǎng)成道具不是水，而是肥料，不同肥料的效果不同，那就不能用次數(shù)，而應(yīng)該用肥料單位或百分比來計算進度條。那么用哪個呢？

舉個例子。比如肥料的單位是 g，如果樹苗第一階段的成長需要 30000g 的肥料量，那么就需要根據(jù)用戶使用的不同肥料去實時更新進度條。于是，問題就出現(xiàn)了，先不說 30000g 的字符長度在屏幕上占用的空間問題，畢竟也不長，即便是 300000g，我相信優(yōu)秀的設(shè)計師們應(yīng)該也能處理好。

但是，本身分階段的目的之一就是為了緩解用戶施肥的壓力，所以拆分成幾個階段，每個階段完成后給予用戶一定的獎勵。比如第一階段是 30000g，還好，可以承受；而到了第二階段的 90000g，這個數(shù)值會給用戶造成額外的心理負(fù)擔(dān)，如果獎勵沒有達(dá)到用戶的預(yù)期，那么用戶就會缺少澆水的動力。所以改成百分比，能緩解用戶施肥過程中的壓力（雖然數(shù)值相比之前漲幅變慢，但卻是用戶可以理解的）。

同理，我們要給下載軟件的產(chǎn)品設(shè)定數(shù)值單位，比如這個軟件都是下載文檔的，通常不需要多長時間，網(wǎng)速好一分鐘之內(nèi)就能下載完成，那么別說時間，百分比都不需要給，只要給進度條一個具體的文檔規(guī)格就行。一共 20M，已下載多少。但如果非要加，時間比百分比更好，因為這類文檔的下載速度快，幾秒鐘的顯示時間給用戶的感受更直觀。

而如果一個下載軟件，主要就是給用戶下載電影用的，那么只有規(guī)格也不行，比如 5G 大小的電影，顯示已經(jīng)下載多少 M 對于用戶去換算這個比例還是有些難度的，所以顯示百分比可以幫助用戶解決換算問題。可電影下載時間通常比較慢，只顯示百分比用戶也要根據(jù)百分比的情況去預(yù)估時間，那么再給一個根據(jù)網(wǎng)速和剩余量計算出來的剩余下載時間也會更好。

類似的，最常見的加載進度條，什么時候該給剩余時間，什么時候該給百分比？那就非常簡單了。

我們看電影，進度條的時間長度是固定的，比如 01:28:32，意思是這部電影總時長為一小時二十八分三十二秒。但是加載的時間通常比較快，可能 1-3 秒就完成了。前面下載部分說過，速度快的，時間和百分比都沒必要，而時間相比百分比更直觀。但加載不一樣，注意我前面寫的數(shù)值是 1-3 秒，它不是固定的，如果用戶在同一個界面因為網(wǎng)速問題，每次加載時間顯示的結(jié)果都不一樣，就不太好。百分比，看著就比較嚴(yán)謹(jǐn)些。

那什么時候顯示時間呢？加載進度條顯示時間，除非有特殊條件，否則都不太合適。倒是加載倒計時，時間固定，計時準(zhǔn)確，就沒問題。

所以我上面才說，沒有業(yè)務(wù)背景，這個問題就不好回答，而且我上面寫得都還比較通俗，隱去了部分技術(shù)內(nèi)容。不過也差不多，根據(jù)這個思路，大致能分析出應(yīng)該是給剩余時間還是百分比，或者都給，或都不給。

然而，我覺得這個問題的意義不是很大。更有意義的，其實是這個問題背后的東西。比如，為什么要給用戶提供進度條？它本身具備什么樣的價值？以及，進度條為什么要提供數(shù)值？等等。這是我下面重點要說的。

進度條背后的意義。

丹尼爾·恩格伯說過一句話："一旦你開始利用進度條去減緩用戶等待時的痛苦情緒，那么，你就已經(jīng)在擺弄心理學(xué)了。"

無論是日常生活，還是產(chǎn)品設(shè)計領(lǐng)域，我們面對時間需要考慮的情況有三種：實際的客觀測量時間，人對時間的感知，以及人對時間的容忍度。

如果我們設(shè)計產(chǎn)品，需要幫助用戶減少等待的時間，那么也就只能從這三種情況去考慮。我們可以通過提高程序的實際速度來減少用戶的等待時間；也可以通過取巧的方式讓用戶對時間的感知變得更快；同樣也能給出某種適當(dāng)?shù)膬?nèi)容，讓用戶理解這個等待的價值。

除去第一個角度，也就是在技術(shù)沒有任何可優(yōu)化的情況下，本質(zhì)上，我們可以做的，就是通過用戶對時間的感知以及容忍度這兩個維度去處理其中的問題。而進度條的出現(xiàn)，就是從時間感知的角度解決用戶等待時長這個問題的。

怎么說？舉個例子。在 1994 年，國內(nèi)有一家當(dāng)時并不有名的餐館， 因為價格便宜，食物美味，而受到當(dāng)?shù)孛癖姷淖放酢ＴS多人聽說有這么一家店就都想去嘗嘗，于是店門口排起了長龍。一般的店主可能會因此而自豪，讓隊伍就這么排著，顯得這家店生意火爆，覺得這些人等得越久，期待就越高。這家餐館老板也是如此，只不過醒悟地更早。當(dāng)時因為排起長隊，導(dǎo)致許多顧客不滿，即使等待幾小時后終于到號的顧客，進店就餐后也并沒有被餐館的美食所打動，甚至覺得等待的時間不值，于是放話不會再光顧。

餐館老板把這一幕記在了心里，他意識到，即使在店門口排隊的顧客，也應(yīng)該是需要服務(wù)的，但是店面就這么大，即便擴張也不是短時間內(nèi)能解決的。于是他想到一個辦法，可以讓用戶覺得等待時間沒那么長。他在店門口放了些小桌子小椅子，擺上撲克和象棋，讓等待的顧客可以坐著聊天，玩游戲，轉(zhuǎn)移顧客的注意力。沒想到，這個辦法還真有效果，不僅投訴的顧客少了，就連本來只想坐著玩會兒牌的路人也順帶進去吃了個飯。

包括，現(xiàn)在經(jīng)常會在各種需要等待的場所看到一些娛樂設(shè)施，比如動車站的按摩椅，我是每回為了坐按摩椅都會提早去動車站的人。

這就是所謂的，通過某種事物，改變用戶對時間的感知。進度條的作用就是如此，當(dāng)用戶看到進度條，就能看到它的真實進度，再根據(jù)具體時間判斷是否先去做其他事，回頭再來處理這個問題。或者加入一些有趣的加載動畫，用來幫助用戶消磨這份等待的時光。

客觀來說，時間的長度實際并沒有發(fā)生變化，所以我們只能通過轉(zhuǎn)移注意力，或其他手段來改變用戶對時間的感知。但是在某些情況下，我們通常無法完全掩蓋這個問題，于是，只能通過提高用戶的容忍度。

舉個例子。我們?nèi)サ昀镔I東西，比較喜歡一件衣服，但是發(fā)現(xiàn)適合的尺寸沒有了，店家說幫你從其他店調(diào)貨，并且說明，隔天就能送達(dá)到家里。而即使是隔天送達(dá)，需要等一整天，你也同樣愿意。于是我們知道，讓別人幫忙時，我們的容忍度會很高。

或者比如，使用一款產(chǎn)品搜索某個內(nèi)容時，文案顯示「我們正在努力尋找你要的文件」，這并不會讓用戶產(chǎn)生任何同理心，反而會覺得很慢。但如果改成「我們正在從三千萬份文件中尋找你要的那份」后，用戶就愿意多等一會兒了。

于是，我們現(xiàn)在總是看到各種各樣的進度條出現(xiàn)，實際意義也就是如此。而我們通過對時間的實際數(shù)值，感知，容忍度三個角度出發(fā)，同樣可以對各種「進度」做出合理優(yōu)化。

以上，就是本篇文章的所有內(nèi)容了。

歡迎關(guān)注作者的微信公眾號：「呆呆U理」