瀏覽網頁時常遇分頁導航，其四大作用：告知信息量、讓用戶跳過不想看內容、便於定位查找、減少頁面大小提升加載速度。此外給用戶停頓，賦予產品「節奏感」，減少疲勞。以下以國內外主流搜索引擎與電商網站為例，多維度剖析分頁設計細節。

1. 分頁導航長度：不可過長亦不可過短

淘寶、京東頁碼數量 6；Google、Bing、Yahoo 為 10；百度、亞馬遜採用可變長度。百度起始 10，下翻逐漸增至 20；Amazon 起始 4，最終維持 5。電商頁碼普遍少於搜索引擎，因搜索結果量遠小於搜索引擎，且電商更願讓用戶細看前幾頁商品而非隨意跳轉。

Google 分頁導航

Bing 分頁導航

Yahoo 分頁導航

百度分頁導航

Amazon 分頁導航

淘寶分頁導航

京東分頁導航

2. 是否需要首末頁導航鏈接

上述七大網站分頁中均無首頁/末頁鏈接。搜索引擎結果量大、頁數多，末頁無意義；分頁長度 10+，用戶多在 10 頁內找到信息，點擊第 1 頁即可回首頁。電商用戶需求個性化，商品信息更接近平均分布於各頁，而非集中首頁；用戶翻到後期發現偏離需求，通常修改搜索條件或重新搜索。兩類網站搜索結果鏈接默認新窗口打開，用戶可切換窗口回首頁。

3. 是否需要自定義頁碼

淘寶、京東提供自定義頁碼。但信息量大時用戶不知具體頁碼內容，不太可能自定義跳轉。可理解為無「首頁」鏈接的補充；亦能提升靠後商品曝光度，符合平台利益。

4. 頁碼數字間距

間距太小易誤點，太大增加鼠標移動。Google 出現雙位數頁碼後顯擁擠，姑且理解為為了與上方字母 o 對齊。

出現兩位數頁碼後 Google 頁碼間距過小

5. 滑鼠響應

理想情況：滑過/點擊頁碼有響應，提醒用戶當前操作。淘寶：橘黃色 border；京東：藍色背景；百度、Bing：灰色背景；Google：頁碼加下劃線。點擊時百度、Google 頁碼變紅。Google 方式讓人不解：下劃線是 HTML 默認鏈接提示，但現代用戶無下劃線也知可點擊。Google 或用復古風格彰顯不同，但復古與屌絲一步之遙。

6. 「上一頁」與「下一頁」

一般置於頁碼導航左右端，配向左/右箭頭（Yahoo、Amazon、百度、淘寶、京東）。位置宜固定，方便切換。百度前 20 頁頁碼隨下翻右移，體驗不佳（或意圖讓用戶 20 頁內方便切換）。淘寶、京東頁面右上角另提供簡單上下翻功能：下方完整功能（瀏覽完商品再翻頁），上方簡化功能（不想看內容直接翻頁/了解位置），且常與篩選條件同區，需簡化節省空間。上方還顯示總頁數，為用戶決策是否修改搜索詞提供支持。

淘寶頁面右上角簡單翻頁功能

京東頁面右上角簡單翻頁功能

7. 當前所在頁標識

當前頁碼樣式應與其他區別。Google、Bing、Yahoo、百度用黑色字體；京東用橘黃色字體；淘寶將當前頁方框背景設黃色。當前頁應不可鏈接，滑過不變 hover 狀態。但京東滑過當前頁背景變藍、鼠標變手指，誤導用戶以為可點擊。

8. 新浪微博創新模式

默認向下瀏覽自動加載兩次，之後出現分頁。多數用戶閒暇刷微博，兩次加載已滿足；需更多信息者知曉已瀏覽量。此方式更靈活，兼顧連續性與快速導航預估信息量。