「分頁」和「自動載入」哪個用戶體驗更好？

12-26

我比較喜歡分頁。

自動載入無法感受到接下去的內容還有多少
自動載入內容多了的時候，顯得頁面過長
可以根據頁碼記住剛才看到的感興趣的東西在第幾頁，回去找比較方便，但是自動載入的話就有些麻煩

之前就有思考過這個問題，無論是在web頁面還是手機應用，信息往往無法在一個頁面全部展示，這就需要用到一些可以擴展頁面信息的交互模式：分頁（Pagination）和載入（Continuous Scrolling）。分頁和載入都是非常常見的交互模式，我們每天都會遇到，也正是因為太常見，我們甚至感覺不到它們的存在，瀏覽到頁面的底部時，看到分頁就順手點一下，自動載入了就繼續閱讀。但正是這小小的一點，也會帶給用戶很不同的微妙感受。
分頁
分頁可以將大篇幅的內容分成小塊，顯示在單獨的連續頁面上，便於用戶理解和查找。可以讓用戶清楚的知道，自己所要瀏覽的內容到底有多少、已經瀏覽到哪個部分、還剩餘多少。分頁可以使用戶對所瀏覽的內容有清楚的預期。
篇幅較長的文章是一定會用到分頁的。一是給用戶內容多少的預期，二是可以給瀏覽者提供一個停頓。如果用戶看一篇文章已經翻了十幾屏，滾動條還是停留在瀏覽器中間靠上的位置，那該多絕望。

再來看看搜索引擎和電商網站，也一定會看到分頁控制項。

在搜索或是查看商品列表時，內容的多少根本無法預期，分頁的第一個作用自然還是告訴用戶要瀏覽信息的量。第二，分頁可以讓用戶快速的跳過一些不想看的信息，或是快速跳轉到首頁或尾頁，自主的選擇想要瀏覽的內容。第三，分頁非常便於定位和回找，也許在搜索一條裙子時，我已經翻到了第五頁，突然想起第二頁有條好像還不錯，可以直接跳轉快速找到它。
分頁控制項實際上是給網站的內容創造了一個自然的停頓，這個停頓運用得好的話，可以讓產品更有節奏感。但是當用戶瀏覽完一頁的內容時，就必須停下正在進行的閱讀，通過點擊進行跳轉來獲取更多內容。不可否認，這個停頓會在一定程度上打斷用戶的思路。在遇到分頁時，用戶很有可能會去思考，是繼續瀏覽呢？還是離開網站呢？所以遇到分頁時，往往會流失一部分用戶。
連續載入
連續載入是一個與分頁相反的交互模式，信息之間沒有明顯的界限或是停頓。當頁面滾動到底部，新的信息就會被自動載入進來。
各種社交網路就特別喜歡用這種控制項，用戶不會被打斷，可以順暢的一直瀏覽下去，沉浸其中。
http://www.leeyue1007.com/wp-content/uploads/2012/09/3.png

但是由於信息是自動載入的，頁面看起來好像沒有結束，很難預測頁面的內容到底有多少。一味的載入會讓用戶產生迷失感：這一頁的內容到底有多少呢？我已經瀏覽了多少內容？我什麼時候才能讀完這一頁呢？對於這種沒有停頓的頁面，用戶想要搜尋之前看到過的信息時，也有些困難。但對於這種以休閑娛樂為主社交型的產品來說，使用不打斷用戶信息流的載入方式，還是非常合適的。使用分頁控制項時，用戶必須通過點擊才能查看到更多的內容，所以說，信息獲取是用戶主動請求的。而使用連續載入時，新的信息是被自動載入進來，用戶是被動的接受。
折中的方式
分頁和載入各有利弊，如今的很多網站也會採取一些折中的方式：分頁載入一起用。
如Quora，會在自動載入4次後出現一個「More」按鈕，在連續的信息流之後，給用戶一個停頓，讓他們去主動的獲取更多信息。
http://www.leeyue1007.com/wp-content/uploads/2012/09/4%E5%89%AF%E6%9C%AC.png

新浪微博也採取了這種折中方式，自動載入兩次後出現分頁。對於大多數用戶，在閑暇時瀏覽微博，載入兩次的內容已經能夠滿足他們，對於需要瀏覽更多信息的用戶，也讓他們知道自己到底瀏覽了多少。
http://www.leeyue1007.com/wp-content/uploads/2012/09/5.png

為了使用戶可以快速看到更多圖片，Google圖片搜索也採用連續載入的方式，但在搜索圖片時，用戶也非常需要明確的自己的位置，也很有可能會回去找剛才看到過的圖片，所以Google在同一頁中也會標出頁碼，便於定位和查找。這也是另一種折中的方式。
http://www.leeyue1007.com/wp-content/uploads/2012/09/6.png

Web產品的話，我個人傾向於自動載入最多3頁，第四頁之後手動翻頁。

首先，Web產品不需要過分擔心流量的問題
其次，若按照上述解決方案，自動載入後產生的信息量一般在9屏左右，用戶在此範圍內根本不會承擔任何心理負擔；當然，翻看到第三頁之後，還能繼續翻看第四頁的用戶，我覺得最多只剩10%
然後，從用戶的角度，我既然已經將翻到最後一頁，意味著我有想看第二頁內容的需求，那為什麼要阻止我達到我目的，截斷我的信息獲取呢？？

目前騰訊微博、新浪微博和Twitter都如此處理。

App的話，目前timeline上常規呈現的信息量都在30-50條items，所以，自動載入和手動載入（手動載入目前常用的包括按鈕和上拉兩種方式），我作為用戶，其實覺得體驗都一樣的，根本不需要糾結的討論利弊。

最後，如果出於做產品的考慮的話，我覺得這個問題收集個體用戶的喜好意義並不大，具體載入的方式最終還是取決於應用場景。不過Web產品用上述解決方案是比較保險的。

我討厭pinterest無底洞一樣的自動載入，應該讓我知道現在在哪裡，還有多久到終點。

手機平板：自動載入一定數量+然後分頁
pc：其實我最喜歡的是分頁+鍵盤操作

自動載入2次，點擊更多，再次載入...
分頁老讓我點，載入的時候還要重新載入一些無關緊要的東西...(GA)，影響我的閱讀
我希望以最少的點擊快速找到需要的東西

自動翻頁。

喜歡分頁，想看footer，自動載入我表示壓力很大……

哈，我正在做著需求，我們也打算將評論設置成可以自動載入的，不過如果是無數次地載入的話，確實也是有問題的，用戶有很多不確定性。但是不載入，又會擔心讓用戶點擊會很麻煩。這是一個糾結的問題。但是我打算像微博學習，自動載入兩次，剩下的就手動點擊翻頁吧。折中。

自動載入 + 自動隱藏
自動載入新的內容，同時自動隱藏舊的內容。

不論從界面的體驗或者系統的穩定性方面，光自動載入有很多風險/問題，在瀏覽器滾屏的時候，停留在上方的之前載入的內容已經瀏覽過了，所以意義不大了，人們更關心的是新的內容。並且頁面的內容越多，那麼瀏覽器的負載也越大，奔潰的可能性也大了。自動隱藏可以減少這些問題或者風險。

其實翻頁是一個比較可掌控的操作方式，相對麻煩些，需要多次點擊。對於瀏覽大軍來說有所阻礙，並且也會阻礙網站深層內容的挖掘。我比較推薦自動載入，配上自動隱藏的功能就完美了！

自動載入，帶頁碼的那種。。。

用PC機的，還是喜歡分頁，自動載入老是感覺沒底，而且加太長了頁面感覺不舒服。
移動終端自動載入應該更好些。

喜歡自動載入若是能帶 mark 更好～

流量充足的情況下無所謂
流量有限的情況下就有所謂了
最好是一個可選項
流量消耗在自己的可控範圍內

@子木YoYo 的回答非常全面客觀
我也說說自己的想法，自動載入適合實時更新的 Timeline ，以新浪微博為例子：微博140字信息實時更新，意相上就如一個人悠閑無目的得接受20條來自身邊圈子的無規律信息，大部分信息在用戶腦海中之停留時間很短，部分重要信息引起關注後，會停頓加深記憶併產生反饋，其餘信息都以瀏覽形式掠過。這樣的閱讀感受對於用戶來說非常輕鬆，以至於用戶不會太在意頁面的穩定和信息的完整，也不會擔心信息數量和閱讀進程如何。而拖拽、滾動這類不需要精確數的操作對於此時的用戶心理正好合適。而微博兩次自動載入後手動載入我認為除優化頁面負荷外，還有防止舊信息重複出現，信息無窮無盡的不好體驗，影響用戶瀏覽的心情。以此來保持用戶的粘性。

分頁是常用的方式，但以淘寶商品列表為例子，分頁是有它充分的作用。打開淘寶搜索一個商品，首先用戶是帶有目的性。當頁面出現一個4X10卡片、有規則的圖文信息排布後，用戶的心理預期會與頁面上的產品逐一對比，此時用戶對頁面信息的反饋非常活躍，集中在卡片的圖片位置和價錢位置，卡片與卡片的對比變得非常重要，包括橫向縱向，因此要求卡片的信息排布必須統一、清晰（相反對於美麗說、逛這類瀑布流的卡片，這個心理就更趨向上一種情況）。看完一頁後，用戶心理會標記入選的商品，而且可以很容易記住該商品在4X10方格上的位置。此時分頁的停頓巧好可以給這一頁的選擇結果做一個心理記錄，而繼續翻頁也會提醒用戶其已經查看的數量和剩餘數量，讓用戶對接下來的操作有個心理預期，當用戶作出選擇後，頁碼可以清晰的提示前面商品的位置，達到快速獲取結果的作用。在這個環節淘寶把頁碼按鈕設為40x40px,便於快速點擊。

這是我的一點思考，可能有一點偏見，請見諒。
而我在設計自家產品墨籌網的項目卡片時，也對於翻頁與自動載入猶豫了很久，現在設置為自動載入2頁後手動載入，也是出於把這些項目作為故事而言比較貼近用戶的心理預期。

我喜歡自動載入這樣往下看的時候不會中斷我的瀏覽行為（不需要我按下一頁之類）
不過這樣也不方便往回找剛才看到的內容

分頁，自動載入網上失敗的案例太多

我也想知道這個調查的答案

自載入讓人沒有安全感，相對的分頁更容易讓人知道「還有多少要閱讀？」

分頁
自動載入老沒底兒

分頁。
但ajax請謹慎清除已顯示的內容，跳轉請勿亂加hash導致頁面載入完成後跳動~