|
加載頁面的速度直接決定了網站的成敗。如果網站加載緩慢,則訪問者可能沒有足夠的耐心等待,這無形地失去了許多訪問者,進而影響了網站的銷售和收益。相反,如果網站速度快,訪問者可以輕松完成瀏覽或購買行為,則用戶轉換率和銷售量將增加。這就是為什么許多網站管理員會注意網頁的加載速度。但是,即使網站的界面設計得更加復雜,在某些情況下,網站的內容或元素仍需要一段時間才能加載。對于用戶而言,負載的等待時間直接影響他們的整體體驗。如果用戶感覺等待時間很長,他可能會發脾氣而直接離開。目前,我們如何才能使加載頁面更加友好?我這只是一個小技巧,使用戶感到頁面加載非常快(也許只是一種錯覺),快來看看我吧! 1.在用戶等待加載時發表評論 如果用戶的網絡連接狀況不佳,則加載內容或站點元素可能需要一段時間。從觸摸CTA按鈕的那一刻起,用戶就處于等待狀態。如果網站上沒有及時的評論,例如“等待”,“操作”和其他指示,則用戶通常會認為系統尚未收到指令。它將重復該操作。網站加載時,由于缺少評論而導致許多不必要的重復點擊,并且用戶渴望這種迭代過程。因此,為了給用戶帶來愉悅的體驗,網站管理員可以更好地提供視覺反饋,以告知用戶內容已在加載中,請耐心等待。 2.避免使用靜態視覺注釋 靜態視覺反饋是指使用靜止圖像或文本來指示網站內容正在加載,例如:“正在加載”,“等待”。盡管在用戶處于等待狀態時反饋總比沒有要好,但是靜態是不希望的,因為它通常會導致不良的用戶體驗。靜態視覺反饋通常不能直觀地顯示內容或元素正在加載。換句話說,當用戶看到靜態視覺注釋時,他們仍然不知道網頁是否正在加載。 3.使用動態加載提示 用戶的心理研究表明,在按下CTA按鈕1秒鐘后,如果系統未提供任何注釋,則用戶的注意力將立即改變。吸引用戶注意力的最有效方法是計算動畫效果,以便網站管理員可以在網站上使用具有動態效果的加載提示。當然,這種加載建議的樣式不會無條件地適應所有情況。如果頁面加載時間短(例如不到1秒),則用戶可能不希望看到所謂的“炫酷”動畫效果。以下是兩種不同樣式的運動加載提示:3.1無限循環的加載提示 在所有類型的動作加載建議中,無限循環建議是最簡單的。這種樣式僅告訴用戶要耐心等待,而無需指出等待時間。因此,無限循環加載的建議更適合于加載速度非常快(加載速度為2到10秒)的網頁,因為如果在加載時間較長的網頁上使用此樣式,則用戶將很容易感到無聊并失去耐心。無限循環建議的最佳伙伴是下拉更新,該更新通常一起用作兩個界面之間的過渡,以幫助用戶更好地了解頁面上的狀態更改。 3.2加載提示的百分比 如前所述,無限循環負載建議不適用于較長的負載時間(負載時間) 10秒)如果頁面加載時間很長,那么用戶非常需要確切知道等待多長時間。此時,網站管理員可以使用百分比負載指示器。或者,它可以提供估計的系統加載時間,而不是太精確,例如“可能需要一分鐘”,這就足夠了,此預期時間比無盡的等待要好得多,用戶將擁有更多的動力來堅持等待。 4.調整用戶的時間感知 頁面的加載時間是長還是短很大程度上取決于用戶的主觀感覺,并且人的主觀感覺是可變的。我們可以使用一些小技巧來調整對用戶等待時間的感知。但是,請記住,這并不意味著更改頁面加載所需的時間。我們如何調整用戶對等待時間的看法?通常,我們需要保持用戶的心情愉快或專心做其他事情。以下是一些實用技巧: 4.1進度條設計 在加載頁面上使用進度條可以使用戶更好地了解頁面加載的速度。進度條的設計還直接影響用戶對頁面加載時間的感知。如何設計進度條,以使用戶感覺頁面加載速度更快,瀏覽體驗更流暢? 最好不要停止進度欄。如果進度條突然停止,則用戶可能會認為頁面混亂。另一個最壞的情況是進度條已加載為99%,但突然停止。這種體驗是用戶最無法承受的。 讓進度條繼續并不斷移動以彌補一些小的延遲; 進度欄在操作開始時可能會稍慢一些,而在游戲結束時應該會更快一些,這會使用戶感到頁面正在快速加載。 4.2不完整的設計 近似設計是一個空白頁面,它逐漸加載信息,并且在等待加載時會在上面顯示一些行或塊。可以將其視為傳統機芯加載提示的替代方法。不完整設計的最大優點是它不是抽象的,而是向用戶顯示了下一頁的哪個區域。這使用戶可以將更多的精力放在移動過程上,而不是等待時間上。這種類型的設計應用于移動軟件。Facebook移動應用程序是板栗。當屏幕刷新并且用戶等待頁面加載時,屏幕上會出現灰色塊和線條。這是完全相同的圖像,并且文本將出現在哪里,用戶在等待時將更加注意在不同塊中將發生的情況。盡管不完整的設計實際上并沒有比加載建議的無限循環快得多,但在用戶的腦海中卻很快。4.3后臺操作 用戶認為頁面加載迅速的另一個技巧是將操作隱藏在后臺。加載Instagram圖像的操作非常好。當用戶選擇要共享的圖像時,背景已經在加載圖像,但是系統會要求用戶為圖像添加名稱和標題,然后,當用戶單擊“共享”按鈕時,圖片將立即加載。是的,這時用戶的操作非常流暢,給人一種頁面快速加載的錯覺。 4.4逐步加載圖像 圖片超過一千個字,圖片通常比文字更具吸引力,并且可以吸引用戶的注意。但是,圖像大于文本,并且圖像加載速度是一個問題,因為它直接影響網站的表現力和用戶體驗。如何使圖像加載速度看起來更好?創建具有模糊效果的漸進式加載效果是一個不錯的選擇。以中型網站為例。首先,它將加載模糊效果的縮略圖,然后逐漸變為清晰大圖像。這些縮略圖很小(只有幾千字節),并且與模糊相結合,提供了比純色更好的占位符,而不會增加額外的負擔。 4.5視覺上的“干擾” 這里提到的“干擾”不是真正的干擾,而是一些視覺效果,可以在頁面加載時有效地吸引用戶的注意力。這些視覺障礙并不是沒有根據的,但是可以將它們與頁面的加載結合在一起,以使用戶在等待過程中更加愉悅。有趣的效果就是其中之一, |