無論您的用戶界面設(shè)計(jì)多么精美，在某些時候，用戶都必須耐心等待裝載。長時間加載過程會損害整體操作體驗(yàn)，甚至“和愛”。作為設(shè)計(jì)師，雖然我們不能真正縮短加載時間，但幸運(yùn)的是，我們可以采取一些措施，“欺騙”，用戶的時間感，讓他們覺得加載過程實(shí)際上非常流暢。

1.永遠(yuǎn)不要讓用戶等待用戶的等待時間而不從動作開始時獲得反饋。如果用戶的連接速度很慢，則網(wǎng)站可能需要一些時間來加載內(nèi)容。最糟糕的情況是用戶沒有收到任何指示該網(wǎng)站已收到訂單的說明。當(dāng)站點(diǎn)未通知用戶完成加載需要一些時間時，用戶通常認(rèn)為它沒有收到請求并再次嘗試。缺乏反饋導(dǎo)致大量工作浪費(fèi)。為了避免混淆或煩躁，我們需要使用視覺反饋來表明“正在發(fā)生的事情，請稍候”。

2.避免靜態(tài)進(jìn)度提示靜態(tài)進(jìn)度指示器指的是不改變的圖像或文本指示，例如“正在加載...”?；蛘摺罢埖却?.....”。雖然任何反饋總比沒有好，但靜態(tài)提示并不是一種好的體驗(yàn)。靜態(tài)提示不會讓用戶意識到“正在進(jìn)行中”，但是他們不確定操作過程是否是“沙子”。

3.使用負(fù)載動畫心理學(xué)研究表明，在沒有反饋的情況下等待1秒后，用戶的注意力開始轉(zhuǎn)移。為了減少用戶注意力的損失，使用加載動畫可以在加載過程中延長用戶的注意時間超過1秒。 （注意：加載動畫不會在不到一秒鐘的加載時起作用，因?yàn)橛脩艨赡軙ζ聊簧祥W現(xiàn)的內(nèi)容感到困惑）。

1個循環(huán)齒輪，適用于相當(dāng)快速的裝載操作。循環(huán)裝置僅提示用戶等待，但不指示應(yīng)等待多長時間。正常的等待時間是2-10秒，以便更快地操作。環(huán)形齒輪通常與下拉刷新手勢一起使用。它充當(dāng)界面的兩個狀態(tài)之間的中介，幫助用戶了解屏幕發(fā)生變化時發(fā)生的事情。

長時間加載過程的2％動畫如果我們知道什么時候會發(fā)生，那么等待過程就更容易接受了。這就是為什么在需要很長時間加載時需要為用戶提供特定的等待時間。通常，百分比動畫用于加載花費(fèi)10秒或更長時間的過程。

或者，您可以提供估計(jì)的操作時間，即使不是太精確，也可以通過簡單的“這可能需要一分鐘”來通知用戶并鼓勵他們耐心等待。

第四，調(diào)整用戶對時間的感知

測量加載速度實(shí)際上取決于用戶內(nèi)心感受的速度。當(dāng)您嘗試創(chuàng)建更快速，更流暢的用戶體驗(yàn)時，您可以減少感知時間，而不是實(shí)際時間。為此，我們可以使用用戶可操作的內(nèi)容，動畫或動作來“填充”等待時間。

1進(jìn)度條進(jìn)度條允許用戶預(yù)測處理速度，此預(yù)判將受進(jìn)度條移動方式的影響。以下是一些使用戶感覺更快的簡單提示：1無法停止進(jìn)度條，否則用戶會認(rèn)為操作中斷。最糟糕的情況是進(jìn)度條在接近99％時突然停止，這使得大多數(shù)用戶感到瘋狂。 2通過“立即移動”來掩飾進(jìn)度條中的小延遲。 3慢慢開始，逐步加快進(jìn)度，讓用戶感覺“很快就會完成”。

2預(yù)加載頁面等待的過程是預(yù)加載頁面的主頁（也稱為臨時信息容器）。預(yù)加載的頁面本質(zhì)上是逐漸加載信息的頁面的空白版本。它可以取代傳統(tǒng)加載動畫的作用。預(yù)加載頁面不是簡單的視覺裝飾，而是創(chuàng)建用戶對新頁面的期望，允許用戶專注于進(jìn)度而不是等待時間。由于預(yù)加載的頁面是由簡單形狀組成的小圖像，因此可以快速完成加載。 FacebookAPP的上傳頁面，灰色塊表示圖片，粗線表示文本，組合向用戶顯示正在加載的頁面的組成。加載后，真實(shí)圖像和文本將出現(xiàn)在顏色塊所代表的位置。 。事實(shí)上，如果你采用預(yù)加載的頁面和“循環(huán)齒輪”，加載速度不會加快，但在用戶的心中，預(yù)加載頁面更快。

3個后臺操作將加載工作隱藏到后臺操作中。一個很好的例子是在Instagram上上傳圖像。用戶選擇要共享的圖像后，圖像將在后臺上傳。此時，Instagram將邀請用戶為上傳的圖像添加標(biāo)題和標(biāo)簽。當(dāng)用戶準(zhǔn)備按“分享”時按鈕，上傳完成，用戶可以立即分享他們的照片。

4漸進(jìn)式圖像加載隨著越來越多的圖像用于應(yīng)用程序和網(wǎng)站，圖像的加載速度將直接影響用戶體驗(yàn)。使用模糊效果，您可以創(chuàng)建漸進(jìn)式圖像加載效果。一個很好的例子是中等。加載圖像時，它會加載一個小的模糊縮略圖。加載圖像后，它將轉(zhuǎn)換為大圖像?？s略圖與模糊效果相結(jié)合非常小，通常只有幾kb，與純色相比不會占用太多的有效載荷，并且是更好的占位符。

5視覺效果通過富有創(chuàng)意和表現(xiàn)力的圖像分散用戶的注意力，使等待過程更加愉快，讓他們忽略長期負(fù)載。

« 做這四個細(xì)節(jié)讓你的自我媒體粉絲翻過 | 人工智能+即時零售“新物種”哈哈零獸“路上阿里AI跟蹤明星班 »