吸引用戶滾動瀏覽整個網站設計的 7 種方法

已發表: 2021-09-11

曾經,長滾動網站非常不受歡迎。 網站都是關於“首屏”的概念,這個術語以出現在報紙實體折疊之上的重要內容命名。

今天,情況正好相反。 幾乎沒有“折疊”的感覺——屏幕種類繁多,從最小的手機到最大的台式機,一個折疊不一定與另一個相同。 當我在設備之間切換時,它肯定會有所不同。

但由於移動設備和社交媒體網站的普及,滾動已成為我們大多數人的第二天性。 然而,僅僅因為用戶心不在焉地上下滾動頁面,並不意味著設計師應該認為這是理所當然的。 隨著用戶被內容壓得喘不過氣來,並且與不斷減少的注意力作鬥爭,設計師需要學習新規則,以確保長時間滾動吸引用戶並吸引他們進行轉換。

“這裡有七種方法可以鼓勵人們繼續滾動。

1. 強勢開始

首屏全麥數字屏幕截圖
Wholegrain Digital 在首屏使用了大量開放空間,因此讀者可以專注於他們的主要信息

雖然將最重要的內容“放在首位”的概念在很大程度上已經不復存在,但您仍然只有一次機會給人留下良好的第一印象。 登陸網站時,用戶會瞬間評估是否值得停留。 所以你需要一個強有力的介紹來吸引他們。

將您最引人注目的內容放在頁面頂部,並為他們提供繼續閱讀的充分理由。

尋找為您的客戶和搜索引擎設計網站的最佳方式? 不要再看了!

2. 創建引人入勝的內容

飛輪佈局 兩個內容塊的截圖
佈局文章被粗體、明亮的特色圖片分開

“您網站的成功取決於其內容的強度。 幸運的是,長滾動網站是講故事的完美畫布。 創建內容時,請考慮故事的開頭、中間和結尾,無論是銷售頁面、關於頁面還是產品/服務頁面。

在內容上撒上相關的高分辨率圖像、視頻和信息圖表,並使用動作動詞編寫引人入勝的文案,以捕捉人們的想像力並讓他們朝著最後的方向前進。 考慮作者如何使用章節來吸引讀者閱讀故事,並在每個內容塊的末尾使用相同的技術。

3. 明確你的目標

使用飛行前網頁截圖,CTA 按鈕閱讀“飛行員”和“培訓經理”
由 Wholegrain Digital 創建的“飛行前使用”在首屏使用兩個 CTA 按鈕

長時間滾動的網站不應讓人覺得它永無止境且漫無邊際。 在開始考慮設計之前,您需要考慮該頁面的主要目標是什麼,並確保您包含的每一條內容都旨在推動您的用戶朝這個方向發展。

這意味著您應該考慮在頁面下方的幾個位置包含 CTA 按鈕。 請記住,不是每個人都會滾動到底部。

4.避免假底

空白畫佈網站截圖
Wholegrain Digital 創建的 Blank Canvas 使用視差滾動來避免假底效果

“假底部”是指人們認為頁面上沒有其他內容並停止滾動。 雖然您希望頂部的主要內容能夠吸引他們,但請確保您包含一個視覺提示,如果他們繼續滾動,顯然會有更多好東西。

有幾個選項可以輕鬆完成此操作,例如箭頭或“向下滾動”的簡單文本說明。 如果您想獲得更多創意,您可以選擇設計提示,例如引導頁面向下吸引人們注意力的線條,或者以編輯風格的佈局安排內容,避免使用硬線,使滾動變得自然。

5. 提供清晰的路線圖

當您滾動頁面時,Notovel Hotels 的預訂欄會跟隨您向下移動

導航是網站最大的成敗元素之一。 特別是在長時間滾動的網站上,用戶可能會迷失方向 用戶需要準確地知道他們在頁面上的位置,並且有一條清晰的路徑可以到達他們下一步想去的任何地方。

粘性導航是一個不錯的選擇,因為它會顯示當前位置並始終保持可見。 但是,這可能會佔用移動設備的主要屏幕空間,因此您可以選擇在不使用時隱藏導航欄。

如果您的頁面特別長,您可以選擇包含跳轉選項或考慮為頁面的不同階段使用不同的 URL。 無論您做什麼,請確保後退按鈕正常工作,因此如果人們點擊鏈接離開,他們將返回到他們離開頁面的同一部分。

6.用創造性的互動取悅人們

班次網站截圖
Shift 讓觀眾的滾動體驗變得有趣和獨特

長滾動有助於身臨其境的講故事,因此包括視差滾動或滾動觸發動畫等創造性滾動技術是一種吸引用戶並鼓勵他們滾動更多的有趣方式。

視差滾動創造了一種完全身臨其境的瀏覽體驗。 背景以比前景慢的速度移動,它創造了一種深度感。 另一方面,滾動觸發動畫非常適合將您的內容分成塊,動畫在引導人們瀏覽內容時捕捉人們的想像力。

7. 不要劫持滾動

方法玫瑰金網站截圖
方法 – Wholegrain Digital 創建的 Rose Gold 使用有趣的滾動效果而不會劫持體驗

最後,避免滾動劫持。 用戶應始終保持對網站導航的完全控制。 通過滾動劫持,頁面被設置為以特定的速度移動,而不管用戶的操作如何,這通常用於迫使人們更慢地瀏覽內容。 這不好,並且會破壞用戶體驗,經常導致他們離開網站。 讓他們決定他們想要消費您的內容的速度,並專注於創建鼓勵他們消費所有內容的精彩內容。

“長滾動網站並不是什麼新鮮事,但它們近年來一直在復興。 增強用戶體驗的方法不斷發展。 找到精彩內容和直觀界面之間的最佳平衡點,人們不會介意捲軸的長度。 像任何事情一樣,定期檢查您的分析以了解您的長期滾動網站的成功程度,並準備好根據需要對其進行調整。


下一步是什麼?

如果您是使用 WordPress 網站的營銷人員,插件是簡化您的工作的完美方式! 然而,找到一個完美的來幫助你實現目標可能有點像 A/B 測試 CTA——它需要研究、測試和跟踪結果才能確切地知道什麼是值得的。 現在將其乘以插件目錄中的所有有用選項,您正在查看要優先考慮的洗衣清單。

你喜歡使用長滾動網站嗎?你有什麼好的建議可以添加到這個列表中嗎? 在下面的評論中告訴我。