導覽搜尋結果：分頁、無限捲動與載入更多
了解導覽搜尋結果的不同方式，以及哪種方式可能適合您。
Meilisearch v0.30 已發布，並帶來建立編號頁面選擇器的功能。您可以在我們的版本發布網誌文章中閱讀更多有關 v0.30 的新功能與更新。本文將介紹導覽搜尋結果的不同方式，以及每種方式的優缺點。
什麼是分頁，以及有哪些常見的替代方案？
假設您去一家電子商務網站購買一雙新鞋。如果頁面載入時就顯示 700 雙鞋供您選擇，那可能會讓人不知所措，更不用說抓取每雙鞋肯定會拖慢網站的速度。
為了避免這種情況，大多數網站會將搜尋結果分成多個區塊（例如頁面），並根據使用者的輸入，一次載入一定數量。
有三種主要方式可以顯示大型資料集：分頁、無限捲動和載入更多。每種方法都有其優缺點，使其適用於特定的使用案例和內容類型。例如，Google 使用編號分頁，讓使用者更容易再次找到特定的結果，而 Twitter、Facebook 和 Instagram 則使用無限捲動，讓使用者持續停留在螢幕前。Google 在行動裝置上使用載入更多來顯示搜尋結果。
從一種分頁類型變更為另一種分頁類型，可能會完全改變使用者體驗。試想一下，如果 Twitter 變成以分頁方式呈現，您必須不斷點擊「下一頁」按鈕才能檢視動態消息中的更多貼文（謝謝你，伊隆）。這將徹底改變您與網站互動的方式！
在選擇如何顯示搜尋結果時，您必須決定一次向使用者顯示多少內容、他們必須採取哪些動作才能檢視更多內容，以及再次找到特定結果的便利性。
分頁
分頁的運作方式是將搜尋結果分解為獨立的頁面。分頁介面主要有兩種：編號分頁介面，您可以在每個頁面的底部找到編號頁面列表；以及未編號分頁介面，您可以使用「上一頁」和「下一頁」按鈕在頁面之間導覽。
分頁是顯示搜尋結果最熱門的方式之一，在電子商務網站上尤其常見。分頁會將內容分解，使其更容易處理。由於每個頁面都是獨立的，使用者可以輕鬆返回他們喜歡的項目或與他人分享。這可以幫助使用者搜尋特定內容，而不是瀏覽永無止境的項目列表。
分頁最大的缺點是，大多數使用者不會查看前幾個頁面之外的內容，因此永遠無法看到更多結果。您上次查看 Google 搜尋結果的第二頁是什麼時候？
由於每次載入新頁面時都會替換結果，因此使用者需要在頁面之間切換才能比較結果。此外，分頁對行動裝置不夠友善。行動裝置使用者偏好載入更多或無限捲動，因為它們更直觀。它還需要使用者執行額外動作：點擊「下一頁」按鈕並等待頁面載入。這也可能給人一種分頁很慢的印象。
編號頁面選擇
頁面編號可以讓搜尋流程更清晰，並引導使用者找到他們正在搜尋的內容。編號頁面選擇具有許多優點，例如：
- 可以向使用者顯示結果的總頁數，讓他們能夠估計需要花費多少時間才能找到特定項目。（「我有 25 頁的鞋子要仔細篩選！」）
- 透過編號頁面，可以清楚知道某些頁面比其他頁面更相關。（「我沒有在前五頁找到那些鞋子，所以這個網站可能沒有賣。」）
- 使用者可以記住項目所在的位置，而編號頁面可以讓他們更快地返回該項目。（「我喜歡第 3 頁的粉紅色鞋子。」）
- 使用者通常可以在工作階段中途停止，然後從上次離開的位置繼續。（「我昨天停在第 5 頁。」）
「上一頁」和「下一頁」按鈕
在無編號分頁中，使用者會透過「下一頁」和「上一頁」按鈕來導覽，而不是透過編號頁面列表。這種編號分頁的替代方案通常用於行動裝置顯示器，因為沒有足夠的空間來顯示頁碼。由於只有兩個按鈕，因此精確度較低，因為使用者無法跳到特定頁面。不過，它的效能較佳，因為不需要計算搜尋結果的總數。
無限捲動
過去十年來，由於智慧型手機的興起，無限捲動越來越受歡迎。它會在使用者捲動時無縫載入更多內容，減少摩擦。它也比分頁更直觀；您只需不斷捲動即可檢視更多內容！此外，由於所有內容都載入到單一頁面，因此它看起來可能比傳統分頁更快。
所以，我該用哪一種呢？
簡單來說：這取決於你想要提供哪種產品體驗。
分頁
- 你的使用者正在尋找非常特定的結果
- 對你來說，SEO 非常重要
無限捲動
- 你正在建立一個社群媒體網站
- 你的使用者想要瀏覽大量內容
載入更多
- 你想要將你的內容隱藏在付費牆之後
- 你想要建立一個合乎道德的行動體驗
- 你想要同時獲得分頁和無限滾動的一些優點
或者你也可以採用混合方式！以宜家為例：他們使用「載入更多」按鈕，同時顯示搜尋結果總數和進度條，讓使用者可以看到他們目前已瀏覽多少結果。
雖然我們今天介紹了三種顯示搜尋結果的主要方式，但它們並非一成不變。歸根究柢，你的目標是幫助使用者找到他們需要的內容。如果你了解你想要透過搜尋導覽介面達成哪些關鍵目標，以及想要避免哪些陷阱，你或許能夠設計出比以往更好的東西。祝你好運，並讓我們知道你用 Meilisearch 創造了什麼！
