滾動對于高端網(wǎng)站設計來說曾經(jīng)一度成為禁忌，如今已完全復蘇，成為近年來最受歡迎的技術之一，因為用戶對需要滾動的網(wǎng)站發(fā)現(xiàn)了新的喜愛和贊賞。滾動消除了它的舊污名，將其自身重新塑造為交互設計的核心元素，這也意味著設計師需要學習新的規(guī)定來足夠的了解它。本期尼高網(wǎng)站設計公司Angle將探討滾動的重生，討論一些利弊，并列出該技術的一些快速提示。

滾動為何復蘇？

簡單的答案是移動設備。自從移動用戶超過PC用戶以來，各地的UI設計人員都進行了相應的調(diào)整。隨著越來越多的用戶使用較小的屏幕，滾動變得越來越有必要：屏幕越小，滾動時間越長。但是還有其他因素。在更多地方都可以訪問高速互聯(lián)網(wǎng)，這使得滾動瀏覽比訪問頁面更快捷地訪問信息。社交媒體網(wǎng)站日益強大的實力也為這項技術注入了活力：滾動自然可容納其豐富的用戶生成內(nèi)容。

滾動的優(yōu)缺點

使用每種設計技術和工具，都會有一些人喜歡和討厭這個概念。在大多數(shù)情況下，雙方在本質(zhì)上是對還是錯都無法得出結論。這就導致在處理此類項目之前權衡所有考慮因素很重要的原因。

滾動優(yōu)點

1、鼓勵互動-不斷變化的元素刺激，這可能是一種有趣的講故事方法，可以鼓勵用戶互動-尤其是高雅執(zhí)行的視差滾動。
2、更快–長滾動比單擊復雜導航路徑要快，并且不會減慢速度或限制用戶體驗。如“ 交互設計最佳實踐”中所述，對時間的感知通常比實際的時間流逝更為重要。
3、吸引用戶–易用性促進了交互性并增加了現(xiàn)場時間。對于無限滾動站點尤其如此，您可以在其中幫助用戶發(fā)現(xiàn)他們可能根本沒有想到的相關內(nèi)容。

4、響應式設計–頁面設計在具有不同屏幕尺寸和功能的設備上會變得復雜，但是滾動有助于簡化差異。

5、手勢控件–滾動似乎與觸摸有機地聯(lián)系在一起，因為向下滑動比在屏幕的不同區(qū)域重復輕按要容易得多。用戶（尤其是移動用戶）通常接受這種方式來顯示信息。
6、令人愉悅的設計–只需點擊幾下，便可以加快交互速度，從而獲得更加類似于應用程序或游戲的用戶體驗。

滾動缺點

1、固執(zhí)的用戶–沒關系，為什么某些用戶總是抵制更改。盡管如此，該技術現(xiàn)在如此普及（尤其是在移動體驗中），可以肯定地說大多數(shù)用戶已經(jīng)習慣了該技術。
2、SEO的缺點–只有一頁可能會對網(wǎng)站的SEO產(chǎn)生負面影響。

3、迷失方向–滾動和內(nèi)容之間的斷開可能會使用戶感到困惑或迷惑。

4、導航困難–“返回”頁面上的先前內(nèi)容可能很尷尬。為了解決這個問題，您可以創(chuàng)建一個持久的頂部導航，其中每個項目都固定在頁面部分上

5、網(wǎng)站速度–視頻或圖像畫廊等大塊內(nèi)容可能會降低網(wǎng)站速度，尤其是對于視差滾動網(wǎng)站而言，它們依賴Javascript和jQuery。

6、沒有頁腳–對于無限滾動的網(wǎng)站，我們建議您使用精簡的“粘性”頁腳，以免犧牲可導航性。否則，頁面底部缺少進一步的導航，可能會使用戶感到困惑。

滾動的最佳做法

滾動視差效果和類似機制在高端網(wǎng)站設計領域（1?4年）仍然相對較新，但是仍然有些基本的反復試驗產(chǎn)生了一些基本的最佳實踐。接下來就給大家講解一滾動的最佳做法吧。

1、不要害怕在短滾動時長交替顯示。讓內(nèi)容決定滾動長度，而不是相反。使用短滾動主頁和長滾動目標頁面（例如“產(chǎn)品”，“游覽”等）完全可以（而且很受歡迎）。

2、考慮粘性導航，例如Free Range Designs使用的粘性導航，以便用戶始終可以快速“返回”或在滾動中從一個元素跳到另一個元素。

3、建議滾動使用設計元素或工具，以便每個用戶都能快速查看網(wǎng)站的工作方式。箭頭、動畫按鈕或類似的用戶界面工具是幫助用戶確定下一步操作的有趣且簡便的方法。某些網(wǎng)站甚至包括帶有“滾動更多信息”或“入門”等說明的小按鈕，以幫助你使用非常規(guī)技術瀏覽網(wǎng)站。

4、明確區(qū)分滾動點擊或點擊和其他號召性用語，以便您的網(wǎng)站獲得所需的交互。

5、做一些研究，看看用戶如何與滾動交互。例如，在百度統(tǒng)計中，你可以打開“頁內(nèi)分析”標簽，查看有多少人點擊了首屏。根據(jù)數(shù)據(jù)，然后可以根據(jù)需要調(diào)整設計。

6、關注你的用戶目標，并接受即使無限滾動的站點也不是無盡的。在創(chuàng)建滾動時間更長的網(wǎng)站時，請了解用戶仍然需要方向感（當前位置）和導航（其他可能的路徑）。

長時間滾動的站點無處不在。雖然我們已經(jīng)看到了流行設備上屏幕尺寸的起伏不定（或增加或減少），但是在可預見的將來，尺寸會變小。小屏幕需要更多滾動，這也是個趨勢。

以上就是Angle為大家整理的滾動在高端網(wǎng)站設計上的新規(guī)定，希望對大家有所幫助。