什么是網頁設計中的滾動設計

　　近年來，,曾經的網站設計“禁忌”已經成為最受歡迎的技術之一，用戶開始欣賞和喜歡網頁站中的滾動設計。滾動設計擺脫了之前的標簽定義，它正在重塑自己去成為交互設計的一個核心元素——這也意味著設計師們需要學習新的滾動設計規則。在本文中，我們將探索滾動設計的重生，討論一些滾動設計的利弊，并分析一些技巧。為什么滾動條可以重新被人們喜愛？答案很簡單，那就是移動設備的遍及。自從移動用戶超越桌面用戶以來，世界各地的UI設計師都進行了相應的調整。隨著越來越多的用戶使用較小的屏幕，滾動變得越來越重要：屏幕越小，滾動的時間就越長。也有其他因素。比如，人們在更多地方可以訪問高速互聯網，使用滾動能更快捷地訪問信息，而不是從頁面到頁面點擊。社交媒體網站的日益強大也推動了此技術：滾動自然地適應了他們豐富的用戶生成內容。正如《2015-2016 年網頁設計趨勢》指南中所解釋的，長滾動與基于卡片的設計一起演變。結合后，這些技術就可以為用戶提供源源不斷的小容量內容(這非常適合web，尤其是移動體驗)。此外，把內容都集中在一屏里而不是使用長滾動的原則被認為是一種迷信。根據實際研究，事實是用戶真的不介意滾動。當然，這個迷信之所以流行，部分原因在于，在Javascript和CSS的進步之后，滾動只被認為是一種有意義的設計模式。 在此之前，通過視覺講故事使滾動 "有趣" 要困難得多?？梢韵胂?，包含文本的長頁（偶爾被圖像打斷）并不是一個非常吸引人的 UI 布局但是一旦你嘗試使用長滾動作為畫布來展示開頭，中間和結尾（通過圖形，動畫，圖標等），那么你就會開始看到它在吸引用戶注意力方面具有電影般的力量。事實上，一些混合模式正在成為滾動的最新趨勢。 例如，我們在自己的UXPin游覽頁面上使用的 “原地固定滾動” 創建了傳統長滾動網站的相同交互式體驗，而無需垂直拉伸網站。滾動設計適合你的產品嗎？每一種設計技巧和工具，都有喜歡這個概念的人和那些討厭它的人。在大多數情況下，任何一方都不是本質上對錯的；因此，在處理此類項目之前，權衡所有注意事項非常重要。滾動的優點：鼓勵互動 – 隨著不斷變化的元素不斷刺激，它可以是一種有趣的講故事方法，鼓勵用戶交互 - 尤其是高雅執行的視差滾動。更快 – 長滾動比單擊復雜的導航路徑更快，并且不會減慢或限制用戶體驗。如Interaction Design Best Practices中所述，對時間的感知通常比實際時間的流逝更重要。吸引用戶 – 易用性可促進交互性，增加現場時間。對于無限滾動網站尤其如此，您可以在其中幫助用戶發現他們可能甚至沒有想到的相關內容。響應式設計 – 頁面設計在具有不同屏幕大小和功能的設備之間可能會變得復雜，但滾動有助于簡化差異。手勢控制 – 滾動似乎與觸摸有著有機的聯系，因為向下輕掃比在屏幕上不同區域重復點擊要自然得多。。 用戶（尤其是移動設備）通常接受這一方式來顯示信息。令人愉快的設計 – 不需要多次單擊即可獲得更快的交互，從而獲得更類似于應用或游戲的用戶體驗。

　　Photo credit: Bauer滾動的缺點固執用戶 –一些用戶總是毫無理由地去抵制改變。盡管如此，該技術現在非常普遍（特別是在移動體驗期間），可以說大多數用戶都習慣了這種技術。SEO缺點 - 只有一個頁面可能對網站的SEO產生負面影響。迷失方向 - 滾動和內容之間的斷開可能會使用戶感到困惑或脫節。導航困難 – "返回"頁面上的先前內容可能會很尷尬。為了對付這種情況，您可以創建一個持久的頂部導航，其中每個部分都錨定到頁面。網站速度 – 視頻或圖像圖庫等大量內容可能會降低網站速度，尤其是視差滾動網站，它們依賴于 Javascript 和 jQuery沒有頁腳 – 使用無限滾動網站，我們建議使用簡約的"粘性"頁腳，這樣您就不會犧牲可導航性。否則，用戶可能會因為頁面底部缺少進一步的導航而感到困惑。撇開優點和缺點不談，某些類型的網站更適合長滾動設計。更長的滾動網站更適合……...包含很大一部分移動流量（大多數用戶）...包括頻繁更新或新內容（如博客）...有很多信息以單一的方式呈現，以便理解（如信息圖）...不包含富媒體，因為這可能導致負載時間的消耗社交媒體網站帶有不斷和廣泛的用戶生成的內容，可以很好的進行長滾動設計（事實上，早在幾年前，Facebook和Twitter就幫助推廣了這項技術）。另一方面，像電子商務這樣的目標導向的網站——需要連貫的導航——更趨向于保守的頁面長度。