分頁案例和好的實踐

2024-08-30 08:33:44

字體：大中小

供稿：網(wǎng)友

結(jié)構(gòu)和層次降低了復雜性并提高了可讀性。你的文章或站點組織的越深入，用戶就越容易理解你觀點和得到你想傳達的信息。在網(wǎng)頁上，這點被通過多個方式做到。
在正文頭條和列舉被用做邏輯上獨立的數(shù)據(jù)塊來呈現(xiàn)信息。另一種解決方法是一種叫分頁的機制，它在給定文章的單一部分為用戶提供用于瀏覽的額外的導航選項。文章的這些地方除了“上一頁（previous）”和“下一頁（next）”按鈕外，還涉及到數(shù)字、提示和箭頭。
搜索引擎幾乎總是使用分頁，報紙往往利用它來導航有幾部分的大文章。還有一些情形，分頁也是博客（weblog）所需的。額外的導航能簡化一些站點頁面的訪問，例如讓用戶容易的通過站點的存檔進行瀏覽。
在大多數(shù)情況下，分頁優(yōu)于傳統(tǒng)的“上一頁、下一頁”導航方式，它通過站點給訪問者提供更快更方便的導航。它不是必須的，但是一個有用的好特性。
讓我們來看一些好的分頁實踐，何時和如何執(zhí)行分頁的一些例子。
分頁設計的好實踐（來自Faruk Ates的7個方面）：

提供大面積的可點擊區(qū)域別使用下劃線標明當前頁面隔開網(wǎng)頁鏈接提供上一頁和下一頁鏈接使用首頁和末頁鏈接（在能適用的地方）把首頁和末頁放在外面
相關(guān)參考資料

Pagination 101 ，F(xiàn)aruk Ates已經(jīng)完成關(guān)于分頁的終稿。 Some Styles For Your Pagination ，可以隨意下載隨意適用的分頁樣式。如果你的博客是基于wordpress的，你可以安裝插件 WP-PageNavi 來產(chǎn)生分頁。它非常容易安裝，但需要你修改一些你用主題的源碼。
錯誤#1：分頁選項不可見
因為分頁的是主要目的是充當一個改進后的導航，它必需讓訪問者清楚他們在哪兒、他們已經(jīng)去了哪兒和他們下一步能去哪兒。這個三個事實讓用戶完整的理解這個系統(tǒng)如何的工作和這個導航應該如何被使用。
但最重要的是，導航選項應該是可見的。hugg.com不遵循這個方針。鏈接顏色和白色背景對比度非常低。沒有提供鼠標懸停效果。

錯誤#2：分頁不直觀
如果你不得不在一個相當復雜（但漂亮）的導航和一個簡單但包含必要功能的導航間選擇，一直傾向簡單的方法。如果用戶不理解分頁背后的機制，他們將不能使用它，因此他們也不會使用你的網(wǎng)站。
Helium.com是這個錯誤的很好例子?？匆幌孪旅娼貓D：這些箭頭代表什么？代表你訪問過的那頁或代表你正在訪問的那頁？為什么這個鏈接到第二頁有一個白色背景？為什么箭頭有不同的顏色？這是不直觀的。