網(wǎng)站設(shè)計(jì)4個(gè)技巧使加載時(shí)間更快

無論您的用戶界面設(shè)計(jì)得多么好，無論何時(shí)何地，使用它的人們都必須等待加載某些內(nèi)容。

加載時(shí)間可能會(huì)損害整體體驗(yàn)。讓用戶等待太久才能加載您的應(yīng)用程序可能會(huì)使用戶不耐煩。如果用戶有這種感覺，他們將放棄您的網(wǎng)站并轉(zhuǎn)到其他地方。值得慶幸的是，您可以采取一些措施來加快用戶的時(shí)間感，使他們感覺自己的內(nèi)容加載速度比實(shí)際速度要快。

1.切勿讓用戶在沒有反饋的情況下等待

如果用戶的連接速度很慢，則站點(diǎn)可能需要一段時(shí)間才能在屏幕上填充內(nèi)容。用戶的等待時(shí)間從他們開始執(zhí)行操作的那一刻開始，最糟糕的情況是他們沒有任何跡象表明該站點(diǎn)已收到該操作。

當(dāng)您的站點(diǎn)無法通知用戶它需要一些時(shí)間才能完成操作時(shí)，用戶通常會(huì)認(rèn)為它沒有收到請(qǐng)求，因此會(huì)重試。由于缺乏反饋，導(dǎo)致大量額外的水龍頭。讓別人快樂，我們需要給一個(gè)跡象表明，事情正在發(fā)生，提供視覺反饋。

2.避免使用靜態(tài)進(jìn)度指示器

靜態(tài)進(jìn)度指示器是圖像或文本不動(dòng)的指示器，例如“正在加載...”或“請(qǐng)稍候...”以指示已接收到請(qǐng)求。雖然任何反饋總比沒有好，但靜態(tài)指標(biāo)卻是糟糕的UX。用戶沒有任何指示正在加載內(nèi)容的指示符，因此他們不確定該過程是否真的卡住了。

3.使用動(dòng)畫加載指示符

等待時(shí)間的心理學(xué)研究表明，用戶等待一秒鐘后就開始轉(zhuǎn)移注意力而沒有任何反饋。為了減少用戶的不確定性，請(qǐng)使用進(jìn)度指示器執(zhí)行任何比此更長(zhǎng)的時(shí)間。（注意：不建議您在少于一秒鐘的時(shí)間內(nèi)加載動(dòng)畫，因?yàn)橛脩艨赡軙?huì)擔(dān)心屏幕上閃爍的內(nèi)容）。

無限負(fù)載旋轉(zhuǎn)器，可實(shí)現(xiàn)相當(dāng)快的操作

動(dòng)畫指標(biāo)的最簡(jiǎn)單形式是加載微調(diào)器。這種類型的視覺反饋僅說明了用戶必須等待的事實(shí)，但沒有說明他們應(yīng)該等待多長(zhǎng)時(shí)間。通常，應(yīng)將此類進(jìn)度指示器用于快速操作（2-10秒）。

從中心點(diǎn)放射出的灰線旋轉(zhuǎn)器是一種標(biāo)準(zhǔn)方法。

加載微調(diào)器通常與“拉動(dòng)刷新”手勢(shì)一起使用。它充當(dāng)UI的兩種狀態(tài)之間的中介，并幫助用戶了解屏幕更改時(shí)發(fā)生的情況。

適用于iOS的Apple Mail應(yīng)用程序

完成百分比的動(dòng)畫可實(shí)現(xiàn)持久的操作

加載微調(diào)器不是指示持久加載的正確方法。如果我們知道什么時(shí)候會(huì)發(fā)生，等待它就更容易忍受。因此，要進(jìn)行長(zhǎng)時(shí)間的操作，您應(yīng)該清楚地指示用戶需要等待多長(zhǎng)時(shí)間。作為一般經(jīng)驗(yàn)法則，對(duì)于需要10秒鐘或更長(zhǎng)時(shí)間的較長(zhǎng)過程，應(yīng)使用“完成百分比”動(dòng)畫。

圖片來源：Behance

或者，您可以提供操作的一般時(shí)間估算。不要試圖準(zhǔn)確，一個(gè)簡(jiǎn)單的“這可能需要一分鐘”就足以通知用戶并鼓勵(lì)他們等待。

在Mac OS X中安裝軟件更新

4.調(diào)整用戶對(duì)時(shí)間的感知

用戶會(huì)想到內(nèi)容加載的速度。當(dāng)嘗試創(chuàng)建更快的用戶體驗(yàn)時(shí)，您可以縮短感知時(shí)間而不是實(shí)際時(shí)間。為此，您可以使用內(nèi)容，動(dòng)畫或用戶可以執(zhí)行的操作來填充等待時(shí)間。

進(jìn)度條

網(wǎng)站設(shè)計(jì)制作使用戶可以期望處理動(dòng)作的速度。進(jìn)度條的移動(dòng)方式會(huì)影響他們對(duì)加載時(shí)間的感知。為了使一個(gè)進(jìn)度條，感覺速度更快的用戶可以使用如下簡(jiǎn)單的技巧：

• 進(jìn)度欄永遠(yuǎn)都不應(yīng)停止，否則用戶會(huì)認(rèn)為站點(diǎn)已凍結(jié)。最糟糕的情況是進(jìn)度條接近99％并突然停止。大多數(shù)用戶會(huì)對(duì)這種行為感到沮喪。
• 您可以通過立即穩(wěn)定地移動(dòng)進(jìn)度條來掩飾小延遲。
• 在開始時(shí)緩慢移動(dòng)進(jìn)度條，并在結(jié)束時(shí)加快進(jìn)度條，以使用戶快速了解完成時(shí)間。