網頁設計中滾動的新規則

互聯網用戶欣賞和喜愛強制要求滾動的網站。

在網頁設計中滾動曾經一度被認為是禁忌。

現在事態發展，它已經成為近年來最流行的技術之一。

憑藉核心交互設計元素，滾動正在重塑自我並擺脫其舊恥辱。 但這也意味著網頁設計師需要學習新的規則。 在這篇文章中，我們將學習一些快速提示，了解它的技術、優缺點以及網頁設計中滾動的出現。

滾動輪迴

移動電話的發展導致了滾動的重生。 時代變了，移動用戶已經超過了桌面用戶。

因此，所有可從移動設備訪問的事物的用戶界面都得到了相應的管理。 由於屏幕較小，滾動已成為不可避免。

隨著服務提供商提供的進步，高速互聯網的可訪問性已成為可能。 與打開一個新頁面來連接某個主題的信息相比，這使得滾動變得可行。

滾動有助於在幾乎所有社交媒體句柄中訪問用戶生成的內容。 據說長滾動是從基於卡片的設計演變而來的。

這使用戶能夠獲得源源不斷的小型內容，非常適合網絡和移動體驗。
由於設計不佳和網站上常見的文本內容，滾動被認為很無聊。

上面的折疊學說現在被認為是一個長期阻礙滾動的神話。 但現在長捲軸充當了結尾、中間和開頭的畫布。

這通過動畫、圖形、圖標和其他方式成功地向觀眾展示了一個故事。 它在吸引用戶注意力方面具有獨特的專長。

滾動的優點和缺點

每一項新老技術，要么被用戶喜愛，要么被詬病。 在大多數情況下，所有用戶都有一個有效點。
因此，重要的是要仔細檢查和討論技術的積極和消極方面，以便得出關於其有用性的個人結論。

優點
1. 網頁設計中的滾動鼓勵觀眾互動。 它可以成為促進用戶交互的一種很好的敘事媒體。
2. 您可以通過滾動不斷刺激變化的元素來創建有趣的講故事方法。
3. 導航路徑更慢、更複雜並且限制了用戶體驗，而長滾動比導航和單擊更快。
4.無限滾動網站確保用戶在頁面上花費最多時間。 它還易於使用並幫助用戶發現相關內容。 因此它吸引了用戶。
5. 很多時候維護從各種設備訪問的多個頁面的完美設計可能很複雜。 但是對於長滾動，這只是一次性的努力。
6. 向下滾動比不斷移動指針和瀏覽不同頁面以獲取相對關聯的信息相對容易。
從手機訪問它的網站用戶已經接受了這是一種顯示信息的方式。
7. 用戶的有限點擊會導致快速交互，專門針對選定的用戶體驗，如游戲和應用程序。

使用滾動的網站設計公司示例。

缺點

1. 大多數用戶都習慣了這種技術，因為它在今天很普遍。 總有一定比例的用戶抵制變化。 他們多年來一直避免滾動，並且不會對此感到滿意。
2. 你可能最終會在 SEO 端面臨一個缺點，因為只有一個頁面會影響網站的 SEO。
3. 如果內容迷失方向即內容與滾動之間存在脫節，會使用戶感到困惑。 因此，滾動網站必須僅由專家和經驗豐富的開發人員設計。
4. 用戶會發現滾動機制很難回到之前瀏覽過的內容。 創建將每個項目錨定到頁面部分的持久性頂部導航可能有助於解決此導航問題。
5. 對於包含大量視頻、圖片或圖庫的網站，可能難以保持網站的快速加載速度。 對於視差滾動，網站可能會變慢，因為它依賴於 JavaScript 和 jQuery。
6. 無限滾動網站沒有頁腳。 因此，用戶可能會面臨導航困難。 可以使用精簡的粘性頁腳，這樣就不會犧牲用戶的導航兼容性。

這些是網頁設計中滾動的典型優點和缺點。 您必須專注於您打算創建的網站類型並做出相應的決定。 滾動技術最好的網站類型是：

i) 將被大量移動用戶訪問的網站
ii) 打算更新博客或發布頻繁更新的網站
iii) 如果網站打算以理解的方式傳遞大量信息
iv) 不包含大量媒體文件的網站

通常，社交媒體網站會不斷更新用戶生成的內容，並且它們在滾動網站方面做得很好。

對於電子商務網站最需要的連貫導航，它們更傾向於保守的頁面長度。

不要僅僅因為它們很流行或許多網站都在使用滾動網站而使用它們。 如果您的網站標準符合滾動網站的理念，那麼它就會為您創造奇蹟。

如果您嘗試在不需要的地方使用滾動網站，您可能會以災難性的結果告終。

推薦和最佳實踐

網頁設計中的滾動機制，如長滾動、視差效果等，在設計領域仍然相對較新。 但是，基本的最佳實踐仍然是從初步的試驗和錯誤中產生的。 為了成功植入長滾動，以下是一些日常技巧。

• 交替使用短滾動和長滾動是可以接受的並且是合法的。 應該看到內容必須是決定滾動長度的內容，反之亦然。
如果您打算使用長滾動著陸頁和短滾動主頁，那絕對沒問題。

• 應該看到，用戶可以輕鬆快速地從滾動中的元素跳轉到元素，這使他們能夠快速返回。
您可以考慮使用粘性導航。

• 為了使每個用戶都能看到站點的工作方式，您必須使用帶有工具或設計元素的滾動。 對於可以幫助用戶確定下一步要做什麼的有趣且簡單的方法，您始終可以使用動畫按鈕、箭頭和類似的界面工具。

• 為確保您的網站獲得所需的互動，請務必明確區分號召性用語按鈕和滾動點擊。

• 您必須研究您的目標受眾如何與滾動技術進行交互。 谷歌分析將始終幫助您了解有多少人點擊了特定的折疊。 經過全面分析後，您可以根據需要做出調整設計的必要決定。

• 保持限制。 長捲軸並不意味著冗長且連續的 700 頁網站。 長捲軸可以很簡單。 確保包含您的故事，然後停止。 不要強加對觀眾無用的額外內容。 它會佔用更多空間並使網站變慢。

• 您必須關注目標受眾的需求，並且了解任何聲稱是無限滾動站點的站點都不是真正無止境的。 無論您的網站是否無限滾動； 您的用戶將始終需要正確的方向和導航。

• 確保在側麵包含視覺提示。 它可以幫助在滾動中定位用戶並使滾動體驗舒適。 如果過度使用滾動可能會變得危險。 確保只在需要的時候在網頁設計中使用滾動。

無頁設計

長滾動的網站現在肯定會停留更長的時間。 一個簡單的事實是，較小的屏幕將需要大量滾動，並且每隔一天推出流行的手機，屏幕尺寸的增加和減小將是永久性的。

正如許多著名開發人員所相信的那樣，網絡的未來已經開始，這就是無頁設計。 如果我們相信他們的話，過渡已經開始了。 網站和博客繼續以故事為特色，講述用戶面臨的困難和他們使用的信息。

但作為設計師，從根本上思考變得很重要，這樣才能採用最好的方法在完全不同的環境中創建內容，而在網頁設計中滾動就是最好的方法之一。

結論

交互設計可以被視為長滾動網站的基礎。
在對內容感到滿意之前，用戶不會抱怨長度。

如果界面有趣且獨特，用戶就不會對設計有任何抱怨。 在相當長的等待之後，您可以發揮自己的作用並吸引觀眾來展示您的桶中有什麼。

相關文章：

如何讓網頁設計專業化？

在網頁設計中使用圖像。