創(chuàng)新互聯(lián)幫您整理了“進(jìn)度指示器”類型和使用方法：

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

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

1、反應(yīng)的要害

沒(méi)錯(cuò)，咱們當(dāng)然都喜愛一個(gè)應(yīng)用程序可以即時(shí)呼應(yīng)?？墒怯行r(shí)分你的程序的確不夠快，緩慢的加載速度和推遲問(wèn)題都也許下降你的程序功用。在這個(gè)時(shí)分，你就必須確保用戶能明白的知道程序正在按著他們的懇求作出并在逐步完結(jié)呼應(yīng)動(dòng)作。一個(gè)優(yōu)異的交互規(guī)劃即是那些能經(jīng)過(guò)視覺(jué)反應(yīng)向用戶傳達(dá)體系當(dāng)時(shí)的狀況(正在發(fā)作啥?)，發(fā)生的成果(剛剛發(fā)作了啥?)以及將來(lái)的狀況(下一步會(huì)發(fā)作啥?)。

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

(1)它們打消了用戶對(duì)程序呼應(yīng)的疑惑，使他們可以堅(jiān)信程序是正常作業(yè)的。

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

2、進(jìn)展指示器類型

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

對(duì)于斷定性的進(jìn)展指示器而言，它們可以通知用戶當(dāng)時(shí)動(dòng)作需要多久時(shí)刻方能完結(jié)，由于用戶能從視覺(jué)上看到百分比。

而假如一個(gè)指示器懇求用戶在動(dòng)作履行的全程中只能傻傻等候卻沒(méi)有通知這個(gè)進(jìn)程需要多久的話，那它即是不斷定的進(jìn)展指示器。

更進(jìn)一步的，還有將這兩類指示器組合起來(lái)一同運(yùn)用的狀況。

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

別的一種能確保用戶知曉體系正在呼應(yīng)的辦法是運(yùn)用一個(gè)循環(huán)的環(huán)形動(dòng)畫，不過(guò)這種辦法沒(méi)有滿足的信息通知用戶在當(dāng)時(shí)動(dòng)作完結(jié)之前他們還得等多久。以往的經(jīng)歷法則標(biāo)明，只要在履行2-10秒鐘內(nèi)這種迅速的動(dòng)作時(shí)再思考運(yùn)用圓形進(jìn)展指示器。假如讓用戶盯著這么一個(gè)圓環(huán)更久的話，用戶也許就不會(huì)再有耐性轉(zhuǎn)而放棄。別的，假如能經(jīng)過(guò)文字向用戶傳達(dá)一些更明晰的信息，比方通知他們?yōu)楹我群颍@時(shí)分運(yùn)用“正在加載談?wù)撔畔ⅰ边@么的文字就能讓用戶變得更有耐性一點(diǎn)。

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

4、結(jié)合后的圓形進(jìn)展指示器

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

5、體系/自定義的循環(huán)動(dòng)畫

Facebook 經(jīng)過(guò)運(yùn)用不一樣個(gè)性的循環(huán)動(dòng)畫向用戶傳達(dá)出兩種不一樣的體會(huì)感觸。對(duì)于它們的加載指示器，假如用戶看到是一個(gè)自定義的加載動(dòng)畫，他們會(huì)把這種推遲歸咎于程序本身的因素，而當(dāng)他們看到是體系自帶的動(dòng)畫作用的話，他們也會(huì)天經(jīng)地義的認(rèn)為延時(shí)是體系的職責(zé)。

6、線性動(dòng)畫

一個(gè)斷定線的線性進(jìn)展指示器，其完結(jié)速度應(yīng)當(dāng)契合百分比的改變，并老是從0%到100%遞增而不減少。假如一個(gè)指示器對(duì)于的是多個(gè)線性使命，應(yīng)當(dāng)只用一個(gè)指示器來(lái)標(biāo)明使命的全體履行進(jìn)展而不要對(duì)于每個(gè)使命都運(yùn)用一個(gè)指示器。

7、顯現(xiàn)完結(jié)百分比的動(dòng)畫

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

這種指示器也可以用在耗費(fèi)時(shí)刻少于10秒鐘的狀況下，例如體系正在加載一系列的文檔或注冊(cè)表文件的時(shí)分。此刻好包括比方“ 已更新3/50”這么的文字解說(shuō)。別的一點(diǎn)，對(duì)于那些耗費(fèi)時(shí)刻的動(dòng)作，要給用戶中止當(dāng)時(shí)進(jìn)程的選項(xiàng)，防止他們等的不耐煩想要退出。假如你忘了這么做，那你的規(guī)劃將會(huì)讓用戶失掉控制權(quán)，而沒(méi)有能力依據(jù)自個(gè)的需要做出適宜的挑選。

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

8、連續(xù)性動(dòng)畫

進(jìn)展條能代表一個(gè)動(dòng)作還要多久才干完結(jié)，但一般狀況并不老是精確的。你可以經(jīng)過(guò)讓你的連續(xù)性動(dòng)畫一開端較慢而挨近完結(jié)時(shí)運(yùn)轉(zhuǎn)很快來(lái)把那些小的推遲躲藏起來(lái)。可是這兒要留意的一點(diǎn)是進(jìn)展條切不行停下來(lái)，這么的話簡(jiǎn)單誤導(dǎo)用戶認(rèn)為程序凍結(jié)出故障了。

9、顯現(xiàn)進(jìn)程

比較于僅顯現(xiàn)完結(jié)的百分比進(jìn)展，非常好的辦法是顯現(xiàn)出加載進(jìn)程中涉及到的多個(gè)進(jìn)程。這么做，用戶盡管也許還判別不出每一步要花費(fèi)多長(zhǎng)時(shí)刻，可是假如能看到總的進(jìn)程數(shù)，他們至少在心里會(huì)有一個(gè)評(píng)價(jià)值。

10. 輪廓圖屏幕

長(zhǎng)時(shí)刻的等候會(huì)嚴(yán)峻的影響到用戶的體會(huì)進(jìn)程，但仍是有也許使得這個(gè)等候進(jìn)程令人開心而具有說(shuō)服力的。輪廓圖屏幕就恰好可以派上用場(chǎng)。它可以讓用戶專心于數(shù)據(jù)加載的進(jìn)程而非等候時(shí)刻本身。

輪廓圖屏幕本來(lái)仍是一個(gè)空白頁(yè)，只不過(guò)它在數(shù)據(jù)加載出來(lái)之前可以先向用戶傳達(dá)出頁(yè)面終究會(huì)有哪些數(shù)據(jù)類型以及各數(shù)據(jù)量怎么。這種做法的優(yōu)點(diǎn)即是能讓用戶了解到程序?qū)?dòng)作的呼應(yīng)速度是正常的，僅僅頁(yè)面中的詳細(xì)信息尚需要一點(diǎn)時(shí)刻連續(xù)顯現(xiàn)出來(lái)。 Medium 即是采用這種辦法，在數(shù)據(jù)加載進(jìn)程中先顯現(xiàn)出一些數(shù)據(jù)的占位符， 這就將屏幕中的要點(diǎn)放到了這些正在加載的內(nèi)容上而不是等候進(jìn)程。

11、防止靜態(tài)的進(jìn)展指示器

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

12、防止有不行重新點(diǎn)擊的正告

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

13、 處理無(wú)聊的等候進(jìn)程

留意不要讓用戶在等候的進(jìn)程中過(guò)分無(wú)聊，可以測(cè)驗(yàn)一些可以渙散他們?cè)诘群驎r(shí)刻的留意力上的作業(yè)，讓這個(gè)進(jìn)程變得風(fēng)趣而令人開心，乃至給他們一些超出預(yù)期的驚喜招引他們，從而誘使他們多點(diǎn)耐性等候加載的完結(jié)。比方你可以測(cè)驗(yàn)運(yùn)用一些精巧的動(dòng)畫作用。

總結(jié)

進(jìn)展條設(shè)計(jì)是運(yùn)用戶的等候進(jìn)程變得明晰而流通的好辦法。給與用戶反應(yīng)信息將必定程度上提高他們的耐性，并且會(huì)促進(jìn)一個(gè)活躍有用的用戶體會(huì)進(jìn)程。反應(yīng)信息可以極好的處理不斷定性并運(yùn)用戶更情愿花些時(shí)刻來(lái)等候程序作出呼應(yīng)。一個(gè)優(yōu)異的進(jìn)展指示器可以指引用戶順暢的完結(jié)目標(biāo)使命，乃至能在用戶間，建立起對(duì)你的網(wǎng)站或應(yīng)用程序的非常好形象。

當(dāng)前標(biāo)題：「用戶體驗(yàn)設(shè)計(jì)」“進(jìn)度指示器”類型和使用方法
網(wǎng)頁(yè)路徑：http://jinyejixie.com/news/161659.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有用戶體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)