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

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

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

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

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

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

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

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

    3.2加載提示的百分比

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

    10秒）如果頁面加載時間很長，那么用戶非常需要確切知道等待多長時間。此時，網(wǎng)站管理員可以使用百分比負(fù)載指示器。或者，它可以提供估計的系統(tǒng)加載時間，而不是太精確，例如“可能需要一分鐘”，這就足夠了，此預(yù)期時間比無盡的等待要好得多，用戶將擁有更多的動力來堅持等待。

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

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

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

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

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

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

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

    4.2不完整的設(shè)計

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

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

    4.4逐步加載圖像

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

    4.5視覺上的“干擾”

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