Infinite Scroll 缺點

1. 難以回溯、確認數據位置：

在一個超長的頁面中，如果要再往回找自己之前看過的東西，會很難尋找，不知道它的位置，不像pagination，可以記得內容是在第幾頁。

2. 找尋想要的特定信息時，較無效率：

無法略過不必要的內容，直接跳頁看。自己在拍賣網站購買物品的經驗是，下完關鍵詞，選擇價格排序后，往往最前面幾筆和最后面幾筆的數據，基本上都是和自己想買的對象不相關(有些賣家故意會用0元或99999999元，爭取最佳排序位置)，這時候可以跳頁就變得重要，當然多下一些過濾，也可以幫助找到數據。

3. 占用瀏覽器過多的資源：

單一個頁面中，不停加載新的內容，容易導致瀏覽器負荷過高，網頁效能降低。

4. Scroll bar的長短及位置，無法正確表達內容長短：

過去還沒有infinite scroll時，無論是網頁，或是desktop software，Scroll bar長度具有暗示數據內容多寡的效用，我們也會看scroll bar的位置，去了解還剩下多少數據在下方未讀。但Infinite scroll因為頁面長度會隨著scroll行為不停增長，scroll bar長度和位置會不停變化，失去提示作用。

網站信息量大，該采用分頁式設計還是瀑布流滾動設計？

Scroll bar往往會越變越小，位置也會一直更動

5. Footer（頁腳）變得很難使用，甚至無法使用：

當滾輪滾動時，頁面會自動加載更多內容，把Footer再往下推，消失于窗口中。常常有這樣的經驗，原本想要閱讀Footer的信息，結果看到一半，就被加載的信息推走，我又往下scroll，然后又再度被推走，整個無法控制。有興趣的朋友，可以試著和Dribbble Designers頁面，與Footer玩追逐戰。

網站信息量大，該采用分頁式設計還是瀑布流滾動設計？

△ Dribbble

不過其實為了解決上述問題，Load more按鈕會是一個解法。當Scroll到底，網頁加載一定數量的東西后，便不再自動加載，必須按Load more，才會又再一輪的載入。這可以解決無法在一定數量內，來回觀看、占用過多瀏覽器資源、Footer無法使用等問題。

pagination優點
1. 雙向互動，讓使用者有時間思索、決策：

閱覽完一頁后，因為還要點擊下一頁的關系，有機會停頓一下，使用者有個喘息的機會，去思考是否還要繼續看下一頁。不像infinite scroll，一直出現新的內容，不停被喂養信息。

2. 給予使用者較佳的控制感：

在找尋時，pagnation的分頁，會讓使用者知道已經找了幾頁。有研究指出到達頁面底端時，有種任務達到一個段落的感覺，會讓使用者有種愉悅的成就感和控制感。

3. 快速查找過往信息：

相信大家都有過找尋一些歷史消息的經驗，可能找了幾頁數據，我們就可能10頁10頁這樣跳，大概會抓說可能10頁就是幾天的訊息，可能可以利用頁數，大概抓到資料會在第幾頁哪個位置。但是infinite scroll就無法做到這件事了，如果要找比較遠的數據，就必須一直scroll到底再等待加載，中間加載了許多我們不需要的信息，就為了看比較久遠的數據，強迫我們必須經歷那個過程。

另外，有時候我們查找一些數據，需要再跳回去看的時候，我們大概會依稀記得之前看到的數據，大概會是在第幾頁，除了幫助記憶外，可以讓我們可以更快跳到想要的內容上。Infinite scroll因為scroll bar長度及位置的不停變動，無法像pagniation易于定位。

結論
pagination和Infinite scroll有各自的優缺點，運用在適當的情境時，可以將優點及大化，缺點甚至會轉為優點。pagination是比較常見的設計，因為需要點擊才有下頁內容，讓人有停頓的時間，適合用在目標導向、一些需要思考決策、有目的性的活動，例如搜尋商品，或是找尋數據。

而Infinite scroll適合快速且隨意瀏覽的情境，也因為結構較為扁平，適合放同性質的內容。由使用者產生的內容（例如：Facebook、Twitter）以及圖片內容（如：pinterest、Dribbble）都相當適合Infinite scroll，而面對較差的控制感、瀏覽器負荷高等缺點，能以Load more按鈕，作為折衷的辦法。

再回過頭看最初的問題，歷史紀錄應該用pagination還是infinite scroll？ 或許一開始數據量不大的時候，infinite scroll是好用的，可是當數據量慢慢累積，需要好幾頁的內容時，為了找尋特定目標的需要，pagination會是比較好的選擇。

電子商務究竟較適合pagination還是Infinite Scroll呢？

我認為，要看情境做判斷。如果今天這個購物網站，比較像是讓人能快速找到所需物品，使用者知道自己要買什么，買了就走，功能性取向的，就使用pagination較為合適。但如果今天的購物網站，是想要營造逛街購物的氛圍，讓使用者隨意看看，激起購物欲望，那么或許Infinite scroll也是可以考慮的，只是最好能在每個商品的Tile上，能有我的最愛功能，點擊愛心之后，可以收藏起來，避免最后找不到自己心動的商品。

當前標題：網站建設中新聞信息該采用分頁式設計還是瀑布流滾動設計
分享鏈接：http://m.newbst.com/news17/298017.html

成都網站建設公司_創新互聯，為您提供品牌網站制作、用戶體驗、云服務器、電子商務、小程序開發、關鍵詞優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯