加載頁面的速度直接決定了網(wǎng)站的成敗。如果網(wǎng)站加載緩慢，則訪問者可能沒有足夠的耐心等待，這無形地失去了許多訪問者，進(jìn)而影響了網(wǎng)站的銷售和收益。相反，如果網(wǎng)站速度快，訪問者可以輕松完成瀏覽或購買行為，則用戶轉(zhuǎn)換率和銷售量將增加。這就是為什么許多網(wǎng)站管理員會注意網(wǎng)頁的加載速度。但是，即使網(wǎng)站的界面設(shè)計(jì)得更加復(fù)雜，在某些情況下，網(wǎng)站的內(nèi)容或元素仍需要一段時(shí)間才能加載。對于用戶而言，負(fù)載的等待時(shí)間直接影響他們的整體體驗(yàn)。如果用戶感覺等待時(shí)間很長，他可能會發(fā)脾氣而直接離開。目前，我們?nèi)绾尾拍苁辜虞d頁面更加友好？我這只是一個(gè)小技巧，使用戶感到頁面加載非常快（也許只是一種錯(cuò)覺），快來看看我吧！

    1.在用戶等待加載時(shí)發(fā)表評論

    如果用戶的網(wǎng)絡(luò)連接狀況不佳，則加載內(nèi)容或站點(diǎn)元素可能需要一段時(shí)間。從觸摸CTA按鈕的那一刻起，用戶就處于等待狀態(tài)。如果網(wǎng)站上沒有及時(shí)的評論，例如“等待”，“操作”和其他指示，則用戶通常會認(rèn)為系統(tǒng)尚未收到指令。它將重復(fù)該操作。網(wǎng)站加載時(shí)，由于缺少評論而導(dǎo)致許多不必要的重復(fù)點(diǎn)擊，并且用戶渴望這種迭代過程。因此，為了給用戶帶來愉悅的體驗(yàn)，網(wǎng)站管理員可以更好地提供視覺反饋，以告知用戶內(nèi)容已在加載中，請耐心等待。

    2.避免使用靜態(tài)視覺注釋

    靜態(tài)視覺反饋是指使用靜止圖像或文本來指示網(wǎng)站內(nèi)容正在加載，例如：“正在加載”，“等待”。盡管在用戶處于等待狀態(tài)時(shí)反饋總比沒有要好，但是靜態(tài)是不希望的，因?yàn)樗ǔ?dǎo)致不良的用戶體驗(yàn)。靜態(tài)視覺反饋通常不能直觀地顯示內(nèi)容或元素正在加載。換句話說，當(dāng)用戶看到靜態(tài)視覺注釋時(shí)，他們?nèi)匀徊恢谰W(wǎng)頁是否正在加載。

    3.使用動態(tài)加載提示

    用戶的心理研究表明，在按下CTA按鈕1秒鐘后，如果系統(tǒng)未提供任何注釋，則用戶的注意力將立即改變。吸引用戶注意力的最有效方法是計(jì)算動畫效果，以便網(wǎng)站管理員可以在網(wǎng)站上使用具有動態(tài)效果的加載提示。當(dāng)然，這種加載建議的樣式不會無條件地適應(yīng)所有情況。如果頁面加載時(shí)間短（例如不到1秒），則用戶可能不希望看到所謂的“炫酷”動畫效果。以下是兩種不同樣式的運(yùn)動加載提示：3.1無限循環(huán)的加載提示

    在所有類型的動作加載建議中，無限循環(huán)建議是最簡單的。這種樣式僅告訴用戶要耐心等待，而無需指出等待時(shí)間。因此，無限循環(huán)加載的建議更適合于加載速度非?？欤虞d速度為2到10秒）的網(wǎng)頁，因?yàn)槿绻诩虞d時(shí)間較長的網(wǎng)頁上使用此樣式，則用戶將很容易感到無聊并失去耐心。無限循環(huán)建議的最佳伙伴是下拉更新，該更新通常一起用作兩個(gè)界面之間的過渡，以幫助用戶更好地了解頁面上的狀態(tài)更改。

    3.2加載提示的百分比

    如前所述，無限循環(huán)負(fù)載建議不適用于較長的負(fù)載時(shí)間（負(fù)載時(shí)間）

    10秒）如果頁面加載時(shí)間很長，那么用戶非常需要確切知道等待多長時(shí)間。此時(shí)，網(wǎng)站管理員可以使用百分比負(fù)載指示器?；蛘撸梢蕴峁┕烙?jì)的系統(tǒng)加載時(shí)間，而不是太精確，例如“可能需要一分鐘”，這就足夠了，此預(yù)期時(shí)間比無盡的等待要好得多，用戶將擁有更多的動力來堅(jiān)持等待。

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

    頁面的加載時(shí)間是長還是短很大程度上取決于用戶的主觀感覺，并且人的主觀感覺是可變的。我們可以使用一些小技巧來調(diào)整對用戶等待時(shí)間的感知。但是，請記住，這并不意味著更改頁面加載所需的時(shí)間。我們?nèi)绾握{(diào)整用戶對等待時(shí)間的看法？通常，我們需要保持用戶的心情愉快或?qū)Ｐ淖銎渌虑?。以下是一些?shí)用技巧：

    4.1進(jìn)度條設(shè)計(jì)

    在加載頁面上使用進(jìn)度條可以使用戶更好地了解頁面加載的速度。進(jìn)度條的設(shè)計(jì)還直接影響用戶對頁面加載時(shí)間的感知。如何設(shè)計(jì)進(jìn)度條，以使用戶感覺頁面加載速度更快，瀏覽體驗(yàn)更流暢？

    最好不要停止進(jìn)度欄。如果進(jìn)度條突然停止，則用戶可能會認(rèn)為頁面混亂。另一個(gè)最壞的情況是進(jìn)度條已加載為99％，但突然停止。這種體驗(yàn)是用戶最無法承受的。

    讓進(jìn)度條繼續(xù)并不斷移動以彌補(bǔ)一些小的延遲；

    進(jìn)度欄在操作開始時(shí)可能會稍慢一些，而在游戲結(jié)束時(shí)應(yīng)該會更快一些，這會使用戶感到頁面正在快速加載。

    4.2不完整的設(shè)計(jì)

    近似設(shè)計(jì)是一個(gè)空白頁面，它逐漸加載信息，并且在等待加載時(shí)會在上面顯示一些行或塊。可以將其視為傳統(tǒng)機(jī)芯加載提示的替代方法。不完整設(shè)計(jì)的最大優(yōu)點(diǎn)是它不是抽象的，而是向用戶顯示了下一頁的哪個(gè)區(qū)域。這使用戶可以將更多的精力放在移動過程上，而不是等待時(shí)間上。這種類型的設(shè)計(jì)應(yīng)用于移動軟件。Facebook移動應(yīng)用程序是板栗。當(dāng)屏幕刷新并且用戶等待頁面加載時(shí)，屏幕上會出現(xiàn)灰色塊和線條。這是完全相同的圖像，并且文本將出現(xiàn)在哪里，用戶在等待時(shí)將更加注意在不同塊中將發(fā)生的情況。盡管不完整的設(shè)計(jì)實(shí)際上并沒有比加載建議的無限循環(huán)快得多，但在用戶的腦海中卻很快。4.3后臺操作

    用戶認(rèn)為頁面加載迅速的另一個(gè)技巧是將操作隱藏在后臺。加載Instagram圖像的操作非常好。當(dāng)用戶選擇要共享的圖像時(shí)，背景已經(jīng)在加載圖像，但是系統(tǒng)會要求用戶為圖像添加名稱和標(biāo)題，然后，當(dāng)用戶單擊“共享”按鈕時(shí)，圖片將立即加載。是的，這時(shí)用戶的操作非常流暢，給人一種頁面快速加載的錯(cuò)覺。

    4.4逐步加載圖像

    圖片超過一千個(gè)字，圖片通常比文字更具吸引力，并且可以吸引用戶的注意。但是，圖像大于文本，并且圖像加載速度是一個(gè)問題，因?yàn)樗苯佑绊懢W(wǎng)站的表現(xiàn)力和用戶體驗(yàn)。如何使圖像加載速度看起來更好？創(chuàng)建具有模糊效果的漸進(jìn)式加載效果是一個(gè)不錯(cuò)的選擇。以中型網(wǎng)站為例。首先，它將加載模糊效果的縮略圖，然后逐漸變?yōu)榍逦髨D像。這些縮略圖很小（只有幾千字節(jié)），并且與模糊相結(jié)合，提供了比純色更好的占位符，而不會增加額外的負(fù)擔(dān)。

    4.5視覺上的“干擾”

    這里提到的“干擾”不是真正的干擾，而是一些視覺效果，可以在頁面加載時(shí)有效地吸引用戶的注意力。這些視覺障礙并不是沒有根據(jù)的，但是可以將它們與頁面的加載結(jié)合在一起，以使用戶在等待過程中更加愉悅。有趣的效果就是其中之一，