網頁互動設計教程:產品設計選擇載入還是分頁

文章簡介：分頁還是載入，這是一個問題。

無論是在web頁面還是手機應用，資訊往往無法在一個頁面全部展示，這就需要用到一些可以擴充頁面資訊的互動模式：分頁（Pagination）和載入（Continuous Scrolling）。分頁和載入都是非常常見的互動模式，我們每天都會遇到，也正是因為太常見，我們甚至感覺不到它們的存在，瀏覽到頁面的底部時，看到分頁就順手點一下，自動載入了就繼續閱讀。但正是這小小的一點，也會帶給使用者很不同的微妙感受。下面就來聊聊這些小差異帶來的大不同。

分頁

分頁可以將大篇幅的內容分成小塊，顯示在單獨的連續頁面上，便於使用者理解和尋找。可以讓使用者清楚的知道，自己所要瀏覽的內容到底有多少、已經瀏覽到哪個部分、還剩餘多少。分頁可以使使用者對所瀏覽的內容有清楚的預期。

篇幅較長的文章是一定會用到分頁的。一是給使用者內容多少的預期，二是可以給瀏覽者提供一個停頓。如果使用者看一篇文章已經翻了十幾屏，捲軸還是停留在瀏覽器中間靠上的位置，那該多絕望。

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

在搜尋或是查看商品列表時，內容的多少根本無法預期，分頁的第一個作用自然還是告訴使用者要瀏覽資訊的量。第二，分頁可以讓使用者快速的跳過一些不想看的資訊，或是快速跳轉到首頁或尾頁，自主的選擇想要瀏覽的內容。第三，分頁非常便於定位和回找，也許在搜尋一條裙子時，我已經翻到了第五頁，突然想起第二頁有條好像還不錯，可以直接跳轉快速找到它。

分頁控制項實際上是給網站的內容創造了一個自然的停頓，這個停頓運用得好的話，可以讓產品更有節奏感。但是當使用者瀏覽完一頁的內容時，就必須停下進行中的閱讀，通過點擊進行跳轉來擷取更多內容。不可否認，這個停頓會在一定程度上打斷使用者的思路。在遇到分頁時，使用者很有可能會去思考，是繼續瀏覽呢？還是離開網站呢？所以遇到分頁時，往往會流失一部分使用者。

連續載入

連續載入是一個與分頁相反的互動模式，資訊之間沒有明顯的界限或是停頓。當頁面滾動到底部，新的資訊就會被自動載入進來。

各種社交網路就特別喜歡用這種控制項，使用者不會被打斷，可以順暢的一直瀏覽下去，沉浸其中。

但是由於資訊是自動載入的，頁面看起來好像沒有結束，很難預測頁面的內容到底有多少。一味的載入會讓使用者產生迷失感：這一頁的內容到底有多少呢？我已經瀏覽了多少內容？我什麼時候才能讀完這一頁呢？對於這種沒有停頓的頁面，使用者想要搜尋之前看到過的資訊時，也有些困難。但對於這種以休閑娛樂為主社交型的產品來說，使用不打斷使用者資訊流的載入方式，還是非常合適的。

使用分頁控制項時，使用者必須通過點擊才能查看到更多的內容，所以說，資訊擷取是使用者主動請求的。而使用連續載入時，新的資訊是被自動載入進來，使用者是被動的接受。

[1] [2]  下一頁