滾動可能看起來像是網站的一個非常基本的功能,而事實上確實也是。一些網站採用 “無限” 滾動,您滾動到一個長的主頁的底部只是看到捲軸跳回到它的軌道的中間,因為在底部更多的內容載入。這種型別的滾動在某些情況下可能有效,但它會使多使用者更頻繁地失敗。重要的是要識別滾動是有效的,以及應該使用什麼型別。 WordPress 網站設計 WooCommerce 獨立站網頁設計中如何選擇滾動型別?
網站比以往任何時候都更加強大和內容豐富,因此設計人員已經構思了用資訊填充螢幕的新方法。考慮到移動裝置多使用者數量超過桌面多使用者的數量,這一點尤其明顯。設計人員必須將大量內容放在相對較小的螢幕上,因此需要進行一些滾動操作。
平鋪設計是建立一小塊內容(通常是更詳細的內容的互動式連結)的想法,用於快速和高效的瀏覽。結合這個概念與滾動,您可以為多使用者提供一個看似無盡的內容流。滾動在移動裝置上也自然具有吸引力。滑動手指是一個簡單,容易,精確的運動。多使用者可以快速瞭解如何快速滑動到頁面底部,或者慢速瀏覽下一個相關內容。跨飛獨立站,專業 WordPress 外貿獨立站網站建設、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷、 WordPress APP/WordPress 微信開發等產品服務,新上線企業 VI 設計套餐和 WordPress 站群網站營銷推廣系統(強),歡迎新老顧客前來諮詢!
滾動型別
根據您的品牌形象和客戶群,您應該在您的網站上顯示的滾動型別會有所不同。在決定採用哪種方法時,請考慮如何與您提供的內容互動。有四種基本型別的滾動:
1 、長滾動
長滾動的優點是您可以建立一個無縫內容的單頁。 這為多使用者提供了平滑,線性的瀏覽體驗,並且自然地適合於講故事。
當多使用者滾動時,他們可以自然地吸收更多的故事,提供更沉浸式的瀏覽體驗。 許多單一網頁的網站選擇使用長滾動功能,但此配置的一個主要缺點是它可能會損害您網站的搜尋引擎最佳化(SEO 站群)。具有多個頁面的網站在 SEO 站群方面往往表現更好。
2. 固定長滾動
固定的長滾動配置不是讓整個頁面滾動,而是在其他內容滾動時保持一些內容靜態。 或者,您可以設定滾動,以便當多使用者到達某個點時,靜態內容將切換到新的部分。這是偉大的網站,不想轉換為一個單一的網頁由於 SEO 站群的關注。
3. 無限滾動
對於提供非常大量內容的網站,可能會過多地一次載入到單個網頁上。使用無限滾動設定。大多數社交媒體,如 Facebook,Tumblr 和 Imgur 都配置為無限滾動。 這允許多使用者連續瀏覽新鮮的內容。唯一的缺點是多使用者將失去他們的地方非常失望。如果您認為無限滾動會適合您的網站內容,那麼您應該調查粘性導航,一個工具欄或一組按鈕,允許多使用者快速跳回到頂部或特定區域。
4. 視差滾動
影片遊戲愛好者將感覺在家裡有視差滾動。 在二維環境中發生的較舊的影片遊戲沒有能夠建立在最近的遊戲中看到的巨大的,三維的,超現實的環境的技術。
較老的 8 位和 16 位遊戲,如 Sonic 的刺蝟,巨人和超級馬里奧兄弟經常被稱為 “側滾動” 。這是因為玩家從左到右移動完成一個階段,深度建立與運動。前景和背景將以不同的速度移動,產生深度的視覺感覺。在 WordPress 網站設計中的視差滾動真的發光,當您可以工作在滾動觸發的動畫。
滾動的最佳實踐
您在網站上使用的滾動型別應取決於您的內容。滾動的基本功能是允許多使用者根據自己的需要摘要儘可能多的內容,因此,為您的產品定製體驗非常重要。非常內容豐富的網站可能想調查無限長滾動。這種方法適用於社交媒體,尤其是在移動平臺上 – 因為在單個頁面中只消耗過多內容來消化,並且試圖將每一個位都嵌入到單個頁面中將是不切實際的和不加密的。
讓您的內容決定您的滾動長度。您還可以透過簡單的按鈕 “滾動更多” 或 “檢視更多” 來修剪滾動。允許多使用者決定是否要繼續,您的網頁不僅會載入更快,但人類的好奇心讓多使用者點選更頻繁。
您的多使用者資料會告訴您多使用者如何與您的網站進行互動,以及是否應重新考慮滾動配置。當多使用者訪問您的網頁時,他們首先看到的是頂部。其底部的檢視稱為 “摺疊”,您的 Google Analytics(分析)可以告訴您有多少多使用者在其下方點選次數以及多少次。此指標會告訴您當前的滾動設定和網站佈局是否鼓勵多使用者繼續向下滾動,以檢視您要提供的內容。
粘性導航是一個偉大的工具
無論您為網站選擇哪種型別的滾動,粘性導航都是一種絕佳的方式,可讓多使用者在瀏覽您的網站時保持控制。想想基於網路的電子郵件客戶端(如 Gmail):您可以向下滾動收件箱,但螢幕左側的欄有用於在帳戶之間切換或訪問不同資料夾的按鈕。多使用者可以隨意滾動,但他們總是有選擇跳到一個確切的部分。
任何型別的網站都可以受益於粘性導航。如果您使用無限滾動,多使用者可能喜歡有能力跳回到頁面的頂部與一個水龍頭,而不是連續滑動。您還可以建立一個標題,保留在螢幕上,無論多使用者滾動多遠,提供即時訪問基本功能。
優點和缺點
隨著越來越多的人轉向移動裝置瀏覽網路,滾動看起來是網站的自然選擇。當然,點選各種連結是快速和容易,但大多數多使用者更喜歡快速訪問大部分的網站的內容,儘快。您可以讓多使用者使用強大的內容產品,如果您提供一定程度的控制權,您就不會淹沒他們。
但是,請務必記住,大量的內容或多媒體可能會降低您的網頁載入速度。這可能會損害您的多使用者在移動裝置上的體驗,因為許多多使用者將在移動裝置上瀏覽蜂窩資料或 Wi-Fi 連線比平均值弱。
您可能還需要犧牲您網站的頁尾。 幾乎每個網站在頁面底部都有一個頁尾,其中包含公司簡介的精確連結,提交工作申請,聯絡資訊和其他一般資訊的位置。 您可以使用粘性導航工具來消除對頁尾的需要,多使用者可以點選該導航工具訪問您網站的特定區域。
如果您正在設計移動裝置瀏覽(您應該是),那麼滾動的好處遠遠超過了缺點 – 只要您配置您的網站的滾動明智。 移動裝置固有地鼓勵互動,並採用精心製作的響應式 WooCommerce 獨立站網頁設計,多使用者將以獨特的方式吸引您的內容。