新聞發(fā)布
管理系統(tǒng)
無論您的用戶界面設(shè)計(jì)如何設(shè)計(jì)，在某些時(shí)候，使用它的人都將不得不等待加載。
加載時(shí)間可能會(huì)損害整體體驗(yàn)。讓用戶等待太久，讓您的應(yīng)用程序加載會(huì)使用戶不耐煩。如果用戶有這種感覺，他們會(huì)放棄你的網(wǎng)站，去別的地方。幸運(yùn)的是，您可以采取一些措施來加快用戶的時(shí)間感，使其感覺像您的內(nèi)容加載速度更快。
1.不要讓用戶等待，而不給他們反饋
如果用戶的連接速度較慢，則網(wǎng)站可能需要一段時(shí)間來填充屏幕上的內(nèi)容。用戶的等待時(shí)間從他們發(fā)起動(dòng)作的時(shí)刻開始，糟糕的情況是當(dāng)他們沒有任何指示站點(diǎn)已經(jīng)收到它。
當(dāng)您的站點(diǎn)未能通知用戶需要一些時(shí)間來完成操作時(shí)，用戶通常認(rèn)為它沒有收到請(qǐng)求，并且再次嘗試。由于缺乏反饋，造成了大量額外的水龍頭。為了讓人快樂，我們需要表明發(fā)生了一些事情，提供視覺反饋。
2.避免靜態(tài)進(jìn)度指標(biāo)
靜態(tài)進(jìn)度指示符是具有不顯示圖像或文本的指示符，例如“正在加載...”或“請(qǐng)稍候...”以指示請(qǐng)求已被接收。雖然任何反饋都比沒有更好，靜態(tài)指標(biāo)是不好的UX。用戶沒有任何指示符加載內(nèi)容，因此他們不確定進(jìn)程是否被卡住。
3.使用動(dòng)畫載入指示
等待時(shí)間的心理學(xué)研究表明，用戶焦點(diǎn)開始等待一秒鐘后沒有任何反饋。為了減少用戶的不確定性，請(qǐng)使用進(jìn)度指示器來處理需要更長(zhǎng)時(shí)間的任何操作。（注意：使用動(dòng)畫不推薦任何需要不到一秒鐘的時(shí)間來加載，因?yàn)橛脩艨赡軙?huì)對(duì)剛才在屏幕上閃爍的內(nèi)容感到焦慮）。
無限加載旋轉(zhuǎn)器用于相當(dāng)快速的操作
動(dòng)畫指標(biāo)的簡(jiǎn)單形式是加載微調(diào)。這種類型的視覺反饋只是說明用戶必須等待的事實(shí)，但不能說他們應(yīng)該等待多久。作為一般規(guī)則，您應(yīng)該使用此類型的進(jìn)度指示器進(jìn)行快速操作（2-10秒）。
1、從中心點(diǎn)輻射出的灰線的旋轉(zhuǎn)器是一種標(biāo)準(zhǔn)方法。
加載旋轉(zhuǎn)器通常與拉動(dòng)刷新手勢(shì)一起使用。它作為UI的兩個(gè)狀態(tài)之間的中介，并幫助用戶了解屏幕更改時(shí)發(fā)生了什么。
2、適用于iOS的Apple Mail應(yīng)用程序
百分比完成的動(dòng)畫，持久的操作
裝載旋轉(zhuǎn)器不是指示長(zhǎng)時(shí)間負(fù)載的正確方法。如果我們知道什么時(shí)候會(huì)發(fā)生，那么等待一些事情是更可靠的。這就是為什么長(zhǎng)期持續(xù)的操作，您應(yīng)該給用戶一個(gè)明確的指示，他們需要等待多久。作為一般的經(jīng)驗(yàn)法則，您應(yīng)該使用百分比完成的動(dòng)畫用于需要10秒或更長(zhǎng)時(shí)間的更長(zhǎng)的進(jìn)程。
3、或者，您可以提供操作的一般時(shí)間估計(jì)。不要試圖確切地說，一個(gè)簡(jiǎn)單的“這可能需要一分鐘”就足以通知用戶并鼓勵(lì)他們等待。
調(diào)整用戶對(duì)時(shí)間的看法
您的內(nèi)容加載速度在用戶心中有多快。當(dāng)嘗試創(chuàng)建更快的用戶體驗(yàn)時(shí)，您可以縮短感知時(shí)間，而不是實(shí)際時(shí)間。為了做到這一點(diǎn)，您可以使用用戶可以執(zhí)行的內(nèi)容，動(dòng)畫或動(dòng)作填寫等待時(shí)間。
進(jìn)度欄
進(jìn)度條使用戶期望處理動(dòng)作的速度有多快。進(jìn)度條移動(dòng)的方式影響他們?nèi)绾胃兄虞d時(shí)間。為了使進(jìn)度條讓用戶感覺更快，可以使用簡(jiǎn)單的技巧：
進(jìn)度條應(yīng)該永不停止，否則用戶會(huì)認(rèn)為網(wǎng)站僵住了。糟糕的情況是進(jìn)度條接近99％，突然停止。大多數(shù)用戶會(huì)因此而感到沮喪。
您可以通過立即移動(dòng)來偽裝進(jìn)度條中的小延遲。
一開始緩緩進(jìn)步吧，加快進(jìn)度，給用戶快速的完成時(shí)間。
骷髏屏幕
4、等待時(shí)間是骨架屏幕（也稱為臨時(shí)信息容器）的正確時(shí)間。骨架屏幕本質(zhì)上是逐漸加載信息的頁面的空白版本。它提供了傳統(tǒng)動(dòng)畫指標(biāo)的替代方案。骨架屏幕不是顯示一個(gè)抽象的小部件，而是創(chuàng)造了將來的預(yù)期，并使用戶關(guān)注進(jìn)度而不是等待時(shí)間。
5、骨架圖像快速加載，因?yàn)樗且粋€(gè)通常由簡(jiǎn)單形狀組成的小圖像。這些技術(shù)可以在移動(dòng)應(yīng)用程序中進(jìn)一步采用，因?yàn)楣羌苣０蹇梢耘c應(yīng)用程序的數(shù)據(jù)一起存儲(chǔ)在本地。Facebook的iOS應(yīng)用程序會(huì)向用戶顯示灰色塊和行，以便在應(yīng)用加載時(shí)表示圖像和文字。一旦完成加載，圖像和文本就會(huì)出現(xiàn)在臨時(shí)容器的位置。這不比使用微調(diào)器加載屏幕快，但在用戶的心中，感覺就像是這樣。
6、背景操作
您可以使用的另一個(gè)速度技巧是后臺(tái)操作。打包到后臺(tái)操作中的操作有兩個(gè)好處 - 它們對(duì)于用戶是不可見的，并且在用戶實(shí)際要求之前發(fā)生。給用戶其他的東西要專注于一個(gè)進(jìn)程在后臺(tái)進(jìn)行。一個(gè)很好的例子就是在Instagram上上傳圖片。一旦用戶選擇要共享的圖片，它就開始上傳。該應(yīng)用程序邀請(qǐng)用戶在后臺(tái)上傳圖片時(shí)添加標(biāo)題和標(biāo)簽。當(dāng)用戶準(zhǔn)備按“分享”按鈕時(shí)，上傳將完成，可以立即分享他們的照片。
逐行圖像加載
隨著現(xiàn)代應(yīng)用程序和網(wǎng)站加載越來越多的圖像，考慮到它們的加載過程，因?yàn)樗鼤?huì)影響性能和用戶體驗(yàn)，這是很好的。使用模糊效果，您可以創(chuàng)建漸進(jìn)式圖像加載效果。
一個(gè)很好的例子是“中”，它會(huì)影響帖子內(nèi)容的覆蓋以及帖子內(nèi)容中的圖像，直到圖像完全載入。首先，它加載一個(gè)小的模糊圖像（縮略圖），然后轉(zhuǎn)換到大圖像?？s略圖非常?。ㄖ挥袔浊ё止?jié)），與模糊效果相結(jié)合，可以比純色更好的占位符，而不犧牲有效載荷。
7、中度使用模糊來創(chuàng)建漸進(jìn)式圖像加載效果
視覺分心
如果您不能縮短線程，您應(yīng)該總是嘗試讓等待更愉快。為了確保人們?cè)诘却虑榘l(fā)生時(shí)不要無聊，給他們一些分心。精細(xì)的動(dòng)畫可以分散您的訪問者的注意力，并使其忽略長(zhǎng)時(shí)間的加載。
