滾動可能看起來像是網站的一個非常基本的功能,而事實上確實也是。一些網站採用 “無限” 滾動,您滾動到一個長的主頁的底部只是看到滾動條跳回到它的軌道的中間,因為在底部更多的內容載入。這種類型的滾動在某些情況下可能有效,但它會使多用户更頻繁地失敗。重要的是要識別滾動是有效的,以及應該使用什麼類型。 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 獨立站網頁設計,多用户將以獨特的方式吸引您的內容。