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上，能有我的最愛功能，點擊愛心之后，可以收藏起來，避免最后找不到自己心動的商品。

其實有研究指出，pagination會拖慢瀏覽速度，也會讓用戶懶得點擊去看其他頁面的產品，降低產品曝光度。不過另外一方面，使用Pagination，會讓使用者花比較多的時間在第一頁。當我們知道這些現象的時候，其實就可以運用一些策略手法，把看似缺點變成優點。例如使用Pagination，多數人都停在第一頁，這時候，第一頁就可以放主打商品。

△ Fancy：無限滾動模式的購物網站

One More Thing：單頁的內容數量

另外，無論是Pagination或是Infinite Scroll with Load More button都會面對一個問題，就是究竟Pagination的一頁或Infinite scroll 出現按鈕的長度應該要多長，要放多少東西，才是適宜的？這也是值得探討的議題。

有文章指出，在電子商務的情境下運用Infinite scroll，從產品類別點進去看的商品，可以列出50-100項產品，再出現Load more按鈕，但如果是搜尋結果，則建議25–75項，在手機上，則是因為屏幕的限制，建議15–30項商品即可。

同樣是電子商務，簡單看了一下市面上的網絡購物平臺，運用Pagination的平臺，一頁也是50–100個物件間。

△ Taobao：每一頁有85個商品

eBay：默認50個商品，用戶可以自由選擇展示數量。

如果今天情境轉為非電子商務平臺，又會是什么結果呢？還可以再多做探索與研究。

上一頁 1 2下一頁閱讀全文

總結

以上是生活随笔為你收集整理的分页式设计还是瀑布流滚动设计？信息量大的网站取舍指导的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。