“我有很多內容需要展示，應該選擇無限滾動還是分頁？”

一些設計師仍然不確定該為他們的項目選擇哪種方法。每種方法都有其優缺點，在本文中，我們將概述這兩種方法，并決定我們應該在項目中使用哪一種。

無限滾動

無限滾動是一種允許用戶滾動瀏覽大量內容且看不到盡頭的技術。這項技術只是在向下滾動時不斷刷新頁面。無論聽起來多么美好，它并非適用于所有網站或應用的萬能解決方案。

優點1：用戶參與度和內容發現

當你使用滾動作為探索數據的主要方法時，它可能會延長用戶在網頁上的停留時間，從而提高用戶參與度。隨著社交媒體的普及，海量數據被消耗；無限滾動提供了一種高效的方式，可以瀏覽海量信息，而無需額外的點擊。

無限滾動幾乎是發現界面。當用戶沒有搜索特定的東西時，他們需要查看大量的項目才能找到他們喜歡的東西。

你可以用 Facebook 新聞推送的例子來衡量無限滾動的優勢。用戶知道，由于內容更新過于頻繁，他們無法瀏覽推送中的所有內容。通過無限滾動，Facebook 竭盡全力向用戶展示盡可能多的信息，而用戶則在瀏覽和消費這些信息流。

優點2：滾動比點擊更好

滾動比點擊/輕觸的交互成本更低——鼠標滾輪或觸摸屏使滾動比點擊更快更容易。此外，無限滾動可能會讓人上癮。對于像教程這樣連續且冗長的內容，滾動比將文本分割到多個單獨的屏幕或頁面更能提供更好的可用性。

?

對于點擊/輕觸：每次內容更新都需要額外的點擊操作，并等待頁面加載。對于滾動：內容更新只需一次滾動操作。圖片來源：gfycat

優點3：滾動功能適合移動設備

屏幕越小，滾動時間越長。移動瀏覽的普及是長滾動的另一個重要推動力。移動設備的手勢控制使滾動變得直觀易用。因此，用戶有機會更好地享受瀏覽體驗。

來源：Dribbble

缺點1：頁面性能和設備資源

頁面加載速度對于良好的用戶體驗至關重要。多項研究表明，加載時間過慢會導致用戶離開網站或刪除應用，從而降低轉化率。這對于使用無限滾動的用戶來說是個壞消息。用戶向下滾動頁面的次數越多，需要在同一頁面上加載的內容就越多。結果，頁面性能會越來越差。

另一個問題是用戶設備資源有限。在許多無限滾動網站上，尤其是包含大量圖片的網站，資源有限的設備（例如移動設備或硬件老舊的平板電腦）可能會因為加載大量資源而開始變慢。

缺點2：搜索和定位

他們無法添加書簽他們的位置并稍后再返回。如果他們離開網站，所有進度都會丟失，必須再次向下滾動才能回到原點。這種無法確定用戶滾動位置的情況不僅會給用戶帶來煩惱或困惑，還會損害整體用戶體驗。

2012 年，Etsy 曾投入大量時間實現無限滾動界面，但發現新界面的效果不如分頁界面。雖然購買量基本保持不變，但用戶參與度卻下降了——現在人們不再那么頻繁地使用搜索功能了。

缺點3：不相關的滾動條

另一個惱人的問題是滾動條無法反映實際可用的數據量。你會興高采烈地向下滾動，以為自己已經快到頁面底部了，這本身就誘惑著你繼續滾動，結果卻發現，當你到達底部時，結果已經翻倍了。從可訪問性的角度來看，破壞用戶使用滾動條的體驗是非常糟糕的。

缺點4：缺少頁腳

頁腳的存在是有原因的：它們包含用戶有時需要的內容——如果用戶找不到某些內容，或者想跳轉到其他頁面，他們通常會跳轉到其他頁面。但由于 feed 會無限滾動，用戶一到達頁面底部就會加載更多數據，導致頁腳每次都超出視野范圍。

實現無限滾動的網站應該通過使頁腳粘性來使其可訪問，或者將鏈接重新定位到頂部或側邊欄。

另一個解決方案是按鈕按需要求使用加載更多按鈕。新內容只有在用戶點擊“更多”按鈕后才會自動加載。這樣，用戶就可以輕松找到頁腳，而無需費力尋找。

分頁

分頁是一種將內容劃分為獨立頁面的用戶界面模式。如果你滾動到頁面底部，看到一排數字——那排數字就是網站或應用的分頁。

優點 1：轉化率高

當用戶在結果列表中搜索特定內容，而不僅僅是瀏覽內容時，分頁非常有用?！皾L動是一種延續，而點擊是一種決策”（Joshua Porter）

你可以用谷歌搜索的例子來衡量分頁的好處。作為用戶，你可以決定查看多少個結果頁。

優點2：控制感

“到達終點會給人一種控制感”。研究還表明，當用戶獲得有限但仍然相關的結果時，他們能夠輕松確定他們所尋找的內容是否確實存在。

此外，當用戶看到結果總數時（當然，當數據總量不是無限的時候），他們將能夠估計需要多長時間才能找到他們真正想要的內容。

優點3：物品位置

分頁界面可以讓用戶記住項目的具體位置。他們可能不一定知道確切的頁碼，但會大致記得它是什么，而分頁鏈接可以讓他們更容易地找到它。

分頁對于電商網站和應用來說非常有用。用戶在線購物時，希望能夠回到上次中斷的地方繼續購物。

缺點：額外的行動

要進入分頁中的下一頁，用戶必須找到鏈接目標（例如“下一頁”），將鼠標懸停在其上，單擊它并等待新頁面加載。

這里的主要問題是，大多數網站在單頁中向用戶顯示的內容非常有限（例如每頁 10-20 個項目）。通過在不影響加載速度的情況下增加頁面長度，用戶每頁可以獲得更多內容，并且無需頻繁點擊分頁按鈕。

何時使用無限滾動/分頁？

無限滾動僅在少數情況下有效。它最適合那些有大量 用戶生成內容的網站和應用（例如 Twitter、Facebook、Pinterest、Instagram）。另一方面，分頁則非常適合目標導向型網站和應用，用戶在這些網站上尋找特定內容。

內容類型也會影響瀏覽方式的選擇。你是更注重視覺內容還是文字內容？谷歌產品就是一個很好的例子。谷歌圖片使用無限滾動，因為用戶瀏覽和處理圖片的速度比瀏覽文字要快得多。閱讀搜索結果需要更長的時間。這就是為什么谷歌搜索結果仍然使用更傳統的分頁技術的原因。

結論

設計師在選擇無限滾動和分頁之前，應該權衡利弊。具體選擇取決于你的產品類型以及你想要的內容呈現格式。

閱讀原文：原文鏈接