“進(jìn)度條”如何有效的幫助用戶(hù)體驗設計？ 發(fā)布者：本站     時(shí)間：2019-01-28 14:01:17

用戶(hù)及其痛恨的一件事就是等待。如果你為了考驗他們的耐心而讓他們等的太久，那你就極有可能失去這些用戶(hù)了，他們會(huì )毫不留情的放棄你的網(wǎng)站或應用程 序轉而投向更好的地方。雖然在技術(shù)上是有一定方法能夠

加快程序的響應速度的，但是更多的程序往往都需要用戶(hù)在某些時(shí)候等待一段時(shí)間而別無(wú)他選。然而，如果 能讓用戶(hù)意識到你的程序的加載速度要快于其他程序，那么他們就會(huì )感覺(jué)到你的加載速度還是蠻快的。如果

在應用程序開(kāi)始加載數據響應請求的時(shí)候，訪(fǎng)問(wèn)用戶(hù)能在 屏幕中看到一個(gè)進(jìn)度條來(lái)指明程序的加載過(guò)程，那便是極好的。

現在，你必須要理解進(jìn)度條的顯示方式跟動(dòng)畫(huà)效果是能夠影響到用戶(hù)的心理感知的。 進(jìn)度條的目的在于通過(guò)向用戶(hù)反饋當前的響應進(jìn)度和合理的時(shí)間消耗來(lái)讓用戶(hù)在等待過(guò)程中放松下來(lái)。用戶(hù)不應該被傻傻的丟到一

邊自己去猜程序正在處理的事情。 正是在這樣的情境下，似乎進(jìn)度指示器剛好能構建起連接用戶(hù)和系統間的一條友好橋梁。在本文中，我們將探討集中不同類(lèi)型的進(jìn)度指示器以及他們的使用方法：

1、反饋的關(guān)鍵

沒(méi)錯，我們當然都喜歡一個(gè)應用程序能夠即時(shí)響應。但是有些時(shí)候你的程序確實(shí)不夠快，緩慢的加載速度和延遲問(wèn)題都可能降低你的程序性能。在這個(gè)時(shí)候， 你就必須保證用戶(hù)能清楚的知道程序正在按著(zhù)他們的請求

作出并在逐步完成響應動(dòng)作。一個(gè)優(yōu)秀的交互設計就是那些能通過(guò)視覺(jué)反饋向用戶(hù)傳達系統當前的狀態(tài)（正 在發(fā)生什么？），產(chǎn)生的結果（剛剛發(fā)生了什么？）以及未來(lái)的狀態(tài)（下一步會(huì )發(fā)生什么？）。

如果一個(gè)進(jìn)度指示器能夠面向用戶(hù)提供一些類(lèi)型的即時(shí)反饋信息，那它就是發(fā)揮了有效的作用。想辦法告訴用戶(hù)程序確實(shí)需要一些更多的時(shí)間來(lái)響應他們發(fā)出 的動(dòng)作甚至告訴他們需要花費的大概時(shí)間，這對用戶(hù)來(lái)說(shuō)

都是極其友好的。用戶(hù)的等待時(shí)間一般開(kāi)始于他們觸發(fā)屏幕動(dòng)作的那一刻，而理想上，系統應該在用戶(hù)觸發(fā) 動(dòng)作后立刻給予一些視覺(jué)上的反饋以告訴用戶(hù)系統收到他們的請求了。這樣做帶來(lái)的積極一面就是：

（1）它們打消了用戶(hù)對程序響應的疑惑，使他們能夠確信程序是正常工作的。

（2）這種視覺(jué)信息向用戶(hù)傳達了一個(gè)有根據的等待原因，減少了他們對無(wú)聊的等待時(shí)間的感知。它能夠從一定程度上分散轉移用戶(hù)對等待時(shí)間的注意力。其 實(shí)，對于任何需要花費1秒鐘以上的動(dòng)作來(lái)講，使用一個(gè)進(jìn)

度指示器都是合適的。不過(guò)對于更快的動(dòng)作，如果還來(lái)使用這種動(dòng)畫(huà)效果，那只會(huì )適得其反激怒用戶(hù)。

2、進(jìn)度指示器類(lèi)型

進(jìn)度指示器整體上分為兩大類(lèi)： 1) 確定性的 2) 不確定性的

對于確定性的進(jìn)度指示器而言，它們能夠告訴用戶(hù)當前動(dòng)作需要多久時(shí)間方能完成，因為用戶(hù)能從視覺(jué)上看到百分比。

而如果一個(gè)指示器要求用戶(hù)在動(dòng)作執行的全程中只能傻傻等待卻沒(méi)有告訴這個(gè)過(guò)程需要多久的話(huà)，那它就是不確定的進(jìn)度指示器。

更進(jìn)一步的，還有將這兩類(lèi)指示器組合起來(lái)一起使用的情況。

3、 圓形進(jìn)度指示器

另外一種能確保用戶(hù)知曉系統正在響應的方法是使用一個(gè)循環(huán)的環(huán)形動(dòng)畫(huà)，不過(guò)這種方法沒(méi)有足夠的信息告訴用戶(hù)在當前動(dòng)作完成之前他們還得等多久。以往 的經(jīng)驗法則表明，只有在執行2-10秒鐘內這種快速的動(dòng)作

時(shí)再考慮使用圓形進(jìn)度指示器。如果讓用戶(hù)盯著(zhù)這么一個(gè)圓環(huán)更久的話(huà)，用戶(hù)可能就不會(huì )再有耐心轉而 放棄。另外，如果能通過(guò)文字向用戶(hù)傳達一些更明確的信息，比如告訴他們?yōu)楹我却?，這時(shí)候使用“正在加載

評論信息”這樣的文字就能讓用戶(hù)變得更有耐心一 點(diǎn)。

實(shí)際上，加載圖標往往并沒(méi)有傳達出動(dòng)作的真實(shí)意義。因為它們廣泛應用于多種功能之間，比如運行系任務(wù)的時(shí)候，在系統引導時(shí)通知用戶(hù)當前狀態(tài)的時(shí)候， 網(wǎng)絡(luò )連接異常的時(shí)候以及數據加載的時(shí)候。這種一勞永逸

的做法沒(méi)有針對具體動(dòng)作設置特定的加載方式，這就是為何人們討厭看到一個(gè)環(huán)形加載動(dòng)畫(huà)的原因。另外請 記住，若使用這種環(huán)形動(dòng)畫(huà)代表從服務(wù)器加載數據的過(guò)程，那是充滿(mǎn)風(fēng)險的，因為客戶(hù)端跟服務(wù)器間的網(wǎng)絡(luò )

連接情況并不是掌握在開(kāi)發(fā)人員的手里。 如果這樣做，在糟糕的網(wǎng)絡(luò )連接情況下等待時(shí)間可能要達到15秒鐘，而正常情況下可能僅僅需要2秒鐘，所以可控性很差。

4、整合后的圓形進(jìn)度指示器

如果再進(jìn)一步，你也可以將這種圓形的進(jìn)度指示器動(dòng)畫(huà)跟現有的控件結合起來(lái)，尤其是按鈕。比如在 Android 平臺中，一個(gè)圓形的加載器可以將一個(gè)懸浮按鈕整合進(jìn)來(lái)。這種做法保證了能讓用戶(hù)看得到加載后的提交

動(dòng)作也確實(shí)完成了。它依靠圓形的逐漸閉合來(lái)代表了這個(gè)過(guò)程。

5、系統/自定義的循環(huán)動(dòng)畫(huà)
Facebook 通過(guò)使用不同風(fēng)格的循環(huán)動(dòng)畫(huà)向用戶(hù)傳達出兩種不同的體驗感受。針對它們的加載指示器，如果用戶(hù)看到是一個(gè)自定義的加載動(dòng)畫(huà)，他們會(huì )把這種延遲歸咎于程序本身的原因，而當他們看到是系統自帶的動(dòng)

畫(huà)效果的話(huà)，他們也會(huì )理所當然的認為延時(shí)是系統的責任。

6、線(xiàn)性動(dòng)畫(huà)

一個(gè)確定線(xiàn)的線(xiàn)性進(jìn)度指示器，其完成速度應該符合百分比的變化，并總是從0%到100%遞增而不減少。如果一個(gè)指示器針對的是多個(gè)線(xiàn)性任務(wù)，應該只用一個(gè)指示器來(lái)標明任務(wù)的整體執行進(jìn)度而不要針對每個(gè)任務(wù)都

使用一個(gè)指示器。