「用戶體驗設(shè)計」“進(jìn)度指示器”類型和使用方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6、線性動畫

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

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

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

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

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

8、連續(xù)性動畫

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

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

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

10. 輪廓圖屏幕

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

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

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

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

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

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

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

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

總結(jié)

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

本文名稱：「用戶體驗設(shè)計」“進(jìn)度指示器”類型和使用方法
轉(zhuǎn)載注明：http://www.muchs.cn/news9/161659.html

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

廣告

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