創新互聯幫您整理了“進度指示器”類型和使用方法：

用戶及其怨恨的一件事即是等候。假如你為了考驗他們的耐性而讓他們等的太久，那你就極有也許失掉這些用戶了，他們會毫不留情的放棄你的網站或應用程序轉而投向非常好的當地。盡管在技術上是有必定辦法可以加速程序的呼應速度的，可是更多的程序一般都需要用戶在某些時分等候一段時刻而別無他選。可是，假如能讓用戶意識到你的程序的加載速度要快于別的程序，那么他們就會感觸到你的加載速度仍是蠻快的。假如在應用程序開端加載數據呼應懇求的時分，拜訪用戶能在屏幕中看到一個進展條來指明程序的加載進程，那即是極好的。

如今，你必需要了解進展條的顯現辦法跟動畫作用是可以影響到用戶的心理感知的。 進展條的意圖在于經過向用戶反應當時的呼應進展和合理的時刻耗費來讓用戶在等候進程中放松下來。用戶不該該被傻傻的丟到一邊自個去猜程序正在處理的作業。恰是在這么的情境下，似乎進展指示器剛好能構建起銜接用戶和體系間的一條友愛橋梁。在本文中，咱們將討論集中不一樣類型的進展指示器以及他們的運用辦法：

1、反應的要害

沒錯，咱們當然都喜愛一個應用程序可以即時呼應。可是有些時分你的程序的確不夠快，緩慢的加載速度和推遲問題都也許下降你的程序功用。在這個時分，你就必須確保用戶能明白的知道程序正在按著他們的懇求作出并在逐步完結呼應動作。一個優異的交互規劃即是那些能經過視覺反應向用戶傳達體系當時的狀況(正在發作啥?)，發生的成果(剛剛發作了啥?)以及將來的狀況(下一步會發作啥?)。

假如一個進展指示器可以面向用戶供給一些類型的即時反應信息，那它即是發揮了有用的作用。想辦法通知用戶程序的確需要一些更多的時刻來呼應他們宣布的動作乃至通知他們需要花費的大概時刻，這對用戶來說都是極端友愛的。用戶的等候時刻一般開端于他們觸發屏幕動作的那一刻，而理想上，體系應當在用戶觸發動作后立刻給予一些視覺上的反應以通知用戶體系收到他們的懇求了。這么做帶來的活躍一面即是：

(1)它們打消了用戶對程序呼應的疑惑，使他們可以堅信程序是正常作業的。

(2)這種視覺信息向用戶傳達了一個有依據的等候因素，減少了他們對無聊的等候時刻的感知。它可以從必定程度上渙散搬運用戶對等候時刻的留意力。本來，對于任何需要花費1秒鐘以上的動作來講，運用一個進展指示器都是適宜的。不過對于更快的動作，假如還來運用這種動畫作用，那只會適得其反激怒用戶。

2、進展指示器類型

進展指示器全體上分為兩大類： 1) 斷定性的 2) 不斷定性的

對于斷定性的進展指示器而言，它們可以通知用戶當時動作需要多久時刻方能完結，由于用戶能從視覺上看到百分比。

而假如一個指示器懇求用戶在動作履行的全程中只能傻傻等候卻沒有通知這個進程需要多久的話，那它即是不斷定的進展指示器。

更進一步的，還有將這兩類指示器組合起來一同運用的狀況。

3、 圓形進展指示器

別的一種能確保用戶知曉體系正在呼應的辦法是運用一個循環的環形動畫，不過這種辦法沒有滿足的信息通知用戶在當時動作完結之前他們還得等多久。以往的經歷法則標明，只要在履行2-10秒鐘內這種迅速的動作時再思考運用圓形進展指示器。假如讓用戶盯著這么一個圓環更久的話，用戶也許就不會再有耐性轉而放棄。別的，假如能經過文字向用戶傳達一些更明晰的信息，比方通知他們為何要等候，這時分運用“正在加載談論信息”這么的文字就能讓用戶變得更有耐性一點。

實際上，加載圖標一般并沒有傳達出動作的實在含義。由于它們廣泛應用于多種功用之間，比方運轉系使命的時分，在體系引導時通知用戶當時狀況的時分，網絡銜接異常的時分以及數據加載的時分。這種一了百了的做法沒有對于詳細動作設置特定的加載辦法，這即是為何大家厭煩看到一個環形加載動畫的因素。別的請記住，若運用這種環形動畫代表從服務器加載數據的進程，那是充溢風險的，由于客戶端跟服務器間的網絡銜接狀況并不是掌握在開發人員的手里。 假如這么做，在差勁的網絡銜接狀況下等候時刻也許要達到15秒鐘，而正常狀況下也許僅僅需要2秒鐘，所以可控性很差。

4、結合后的圓形進展指示器

假如再進一步，你也可以將這種圓形的進展指示器動畫跟現有的控件結合起來，尤其是按鈕。比方在 Android 平臺中，一個圓形的加載器可以將一個懸浮按鈕結合進來。這種做法確保了能讓用戶看得到加載后的提交動作也的確完結了。它依靠圓形的逐步閉合來代表了這個進程。

5、體系/自定義的循環動畫

Facebook 經過運用不一樣個性的循環動畫向用戶傳達出兩種不一樣的體會感觸。對于它們的加載指示器，假如用戶看到是一個自定義的加載動畫，他們會把這種推遲歸咎于程序本身的因素，而當他們看到是體系自帶的動畫作用的話，他們也會天經地義的認為延時是體系的職責。

6、線性動畫

一個斷定線的線性進展指示器，其完結速度應當契合百分比的改變，并老是從0%到100%遞增而不減少。假如一個指示器對于的是多個線性使命，應當只用一個指示器來標明使命的全體履行進展而不要對于每個使命都運用一個指示器。

7、顯現完結百分比的動畫

顯現完結百分比的進展指示器是在有等候動畫的指示器中最為有用的一種。它們突顯出當時的處理狀況，通知用戶體系現已完結了多少作業量以及還剩下多少。這種指示器能明白的向用戶解說當時動作的處理進展。就經歷法則來看， 它適用于那些需要花費10秒鐘或許更久的使命。本來，給用戶一個預估的大概時刻一般就夠了，并不是非得精確。類似于“這會耽擱您一分鐘的時刻”這么的文本描繪就滿足。

這種指示器也可以用在耗費時刻少于10秒鐘的狀況下，例如體系正在加載一系列的文檔或注冊表文件的時分。此刻好包括比方“ 已更新3/50”這么的文字解說。別的一點，對于那些耗費時刻的動作，要給用戶中止當時進程的選項，防止他們等的不耐煩想要退出。假如你忘了這么做，那你的規劃將會讓用戶失掉控制權，而沒有能力依據自個的需要做出適宜的挑選。

這種類型的動畫協助用戶構建起一個對于動作履行速度的期望值。反過來，速度的改變又可以見證終究是哪個期間影響了用戶的滿意度。無論怎么，假如指示器在挨近完結的時分卻停下來耽擱太久，這種狀況就很簡單激怒用戶(不信任你的指示器)，這么的話進展指示器在用戶心里似乎也變得沒有用。

8、連續性動畫

進展條能代表一個動作還要多久才干完結，但一般狀況并不老是精確的。你可以經過讓你的連續性動畫一開端較慢而挨近完結時運轉很快來把那些小的推遲躲藏起來。可是這兒要留意的一點是進展條切不行停下來，這么的話簡單誤導用戶認為程序凍結出故障了。

9、顯現進程

比較于僅顯現完結的百分比進展，非常好的辦法是顯現出加載進程中涉及到的多個進程。這么做，用戶盡管也許還判別不出每一步要花費多長時刻，可是假如能看到總的進程數，他們至少在心里會有一個評價值。

10. 輪廓圖屏幕

長時刻的等候會嚴峻的影響到用戶的體會進程，但仍是有也許使得這個等候進程令人開心而具有說服力的。輪廓圖屏幕就恰好可以派上用場。它可以讓用戶專心于數據加載的進程而非等候時刻本身。

輪廓圖屏幕本來仍是一個空白頁，只不過它在數據加載出來之前可以先向用戶傳達出頁面終究會有哪些數據類型以及各數據量怎么。這種做法的優點即是能讓用戶了解到程序對動作的呼應速度是正常的，僅僅頁面中的詳細信息尚需要一點時刻連續顯現出來。 Medium 即是采用這種辦法，在數據加載進程中先顯現出一些數據的占位符， 這就將屏幕中的要點放到了這些正在加載的內容上而不是等候進程。

11、防止靜態的進展指示器

靜態的進展指示器即是那些沒有任何動態圖像只配有一些類似于“加載中...”、“請稍后...”這么的靜態文本信息的指示器，它們只能通知用戶他們的動作懇求體系現已收到了，卻沒有供給任何有價值的反應信息。因而，這種做法必須被別的更有用的指示器替代。

12、防止有不行重新點擊的正告

規劃的大失禮之處即是程序經過比方“再次點擊也許創立一個額外的訂單”這么的信息來正告用戶對于同一操作不能點擊兩次。這么的做法是極為不友愛的由于不管在任何狀況下你都不該要挾正告用戶。 并且，用戶根本不會有愛好去閱覽如此長的提示信息。

13、 處理無聊的等候進程

留意不要讓用戶在等候的進程中過分無聊，可以測驗一些可以渙散他們在等候時刻的留意力上的作業，讓這個進程變得風趣而令人開心，乃至給他們一些超出預期的驚喜招引他們，從而誘使他們多點耐性等候加載的完結。比方你可以測驗運用一些精巧的動畫作用。

總結

進展條設計是運用戶的等候進程變得明晰而流通的好辦法。給與用戶反應信息將必定程度上提高他們的耐性，并且會促進一個活躍有用的用戶體會進程。反應信息可以極好的處理不斷定性并運用戶更情愿花些時刻來等候程序作出呼應。一個優異的進展指示器可以指引用戶順暢的完結目標使命，乃至能在用戶間，建立起對你的網站或應用程序的非常好形象。

本文名稱：「用戶體驗設計」“進度指示器”類型和使用方法
轉載注明：http://www.js-pz168.com/news9/161659.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有用戶體驗等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯