近年來隨著網路多使用者不斷增加,尤其移動多使用者數量的增加,網頁滾動設計變成一個非常必要的、受多使用者喜愛的設計。在這一塊,我們將探討滾動頁面的一些優點和缺點,並列出了對技術的一些快速提示。

  自從手機多使用者已經超過了桌上型電腦多使用者,UI 設計處處都相應調整。如此多的小螢幕多使用者,使得滾動變得更加必要的:較小的螢幕,需要更長的滾動。事實上,根據實際的研究,多使用者真的不介意滾動。

  滾動是否適合您?

  滾動的優點:

  鼓勵互動:不斷變化的元素永遠不變的刺激著多使用者的眼睛,尤其是視差滾動。

  更快:滾動相比於點選複雜的導航路徑,速度更快,也不會限制多使用者體驗。作為互動設計的最佳實踐,滾動設計更快速的瀏覽到內容。

  引誘多使用者:易用性促進多使用者互動,增加網站停留時間。

  響應式設計:滾動式 WooCommerce 獨立站網頁設計可以在不同的螢幕尺寸和裝置中簡化差異。

  手勢控制:向下滑動比在螢幕的不同導航欄重複點選容易得多。多使用者(尤其是移動)通常接受這樣的一種方式來顯示資訊。

  滾動的缺點:

  倔強的多使用者:有些多使用者總是抗拒改變。儘管如此,該技術是現在非常普遍的(特別是在移動體驗)。

  SEO 站群的缺點:由於只有一個頁面可能會對網站的 SEO 站群產生負面影響。

  迷失方向:導航困難,滾動和內容之間不能自由返回閱讀過的內容,可能會造成多使用者的離開。

  網站速度:大塊內容如影片或大尺寸影像可以將網站速度變慢,尤其是對視差滾動網站,這依賴於 script 和 jQuery 的。

  沒有頁尾:懷著無限滾動的網站,專業 WooCommerce 建站網站跨飛獨立站設計師建議在設計滾動頁面時可以使用 “粘性” 頁尾,這樣您就不會讓多使用者看不到頁尾。

  滾動最佳實踐

  透過一些嘗試和實踐得出結論,不要害怕與短長滾動交替,使用較短的滾動網頁和長滾動登陸頁面是完全可以的。考慮粘性導航,讓多使用者可以隨時 “找回” 頁尾。您也可以做一些調查研究,看看多使用者是如何與滾動互動的。

  小螢幕需要更多的滾動。互動設計是長期滾動的 WordPress 網站設計的基礎。如果多使用者喜歡該網站介面,發現它是直觀和有趣的,那麼他們將不會介意滾動的長度(只要它不是非常長)。滾動可以是一把雙刃劍,所以堅持到建議的使用情況,以避免它做弊大於利。