當(dāng)數(shù)據(jù)太多（或者數(shù)據(jù)項(xiàng)列表太長(zhǎng)）一頁(yè)顯示不下時(shí)，將數(shù)據(jù)項(xiàng)列表拆分進(jìn)一系列的頁(yè)中。

提供“上一頁(yè)”和“下一頁(yè)”的鏈接讓人們可以訪問(wèn)被分頁(yè)的數(shù)據(jù)，最好同時(shí)也提供“第一頁(yè)”和“最后一頁(yè)”的鏈接。

解決什么問(wèn)題？

用戶需要從一大組分好類的，但是無(wú)法簡(jiǎn)單的顯示在一頁(yè)的數(shù)據(jù)中查看一些數(shù)據(jù)項(xiàng)

什么時(shí)候用？

信息多到無(wú)法合適的放到一頁(yè)中

通常感興趣的內(nèi)容可以在前幾頁(yè)就能看到

需要深度研究的信息，應(yīng)該考慮放到一個(gè)可以滾動(dòng)的區(qū)域內(nèi)顯示

具體解決辦法是什么？

將數(shù)據(jù)項(xiàng)列表拆分進(jìn)一系列的頁(yè)中

提供”上一頁(yè)”和”下一頁(yè)”的鏈接來(lái)訪問(wèn)信息

同時(shí)提供跳轉(zhuǎn)到”第一頁(yè)”和”最后一頁(yè)”的鏈接

同時(shí)提供用戶正在訪問(wèn)的信息類型（type of object）

顯示用戶當(dāng)前正訪問(wèn)的一組內(nèi)容的信息。使用表單”［$ObjectName］s ［DisplayedItemRange］ of ［TotalItems］“（［內(nèi)容名稱］ ［當(dāng)前顯示的內(nèi)容范圍］/［全部?jī)?nèi)容］ ）

按照以下順序顯示鏈接： 第一頁(yè)， 上一頁(yè)， 下一頁(yè)， 最后一頁(yè)

使用箭頭圖標(biāo)來(lái)增加鏈接的可點(diǎn)區(qū)域

當(dāng)鏈接不可用時(shí)需要表現(xiàn)出不可用狀態(tài)

為什么使用這個(gè)組件？

箭頭圖標(biāo)可以幫助區(qū)分鏈接，同時(shí)增大可點(diǎn)區(qū)域

跟搜索結(jié)果翻頁(yè)不一樣，在翻頁(yè)時(shí)，控制鏈接是一直可見(jiàn)的（即使不可用）。這樣可以防止當(dāng)翻頁(yè)時(shí)，不可用鏈接忽然被隱藏，干擾到用戶

可訪問(wèn)性

正在訪問(wèn)的頁(yè)面不要加上鏈接。比如，如果正在訪問(wèn)第3頁(yè)，那么數(shù)字3應(yīng)該沒(méi)有鏈接。

原文地址： http://developer.yahoo.com/ypatterns/navigation/pagination/item.html

文章來(lái)源：pd4.me/blog/ 轉(zhuǎn)載請(qǐng)注明出處鏈接。

延伸閱讀：

• 手風(fēng)琴導(dǎo)航(Accordion)_Yahoo_Pattern(翻譯)
• 頂部導(dǎo)航條(Top Navigation Bar)_Yahoo_Pattern(翻譯)
• 左側(cè)導(dǎo)航條(Left Navigation Bar)_Yahoo_Pattern(翻譯)
• 進(jìn)度條(Progress Bar)_Yahoo_Pattern(翻譯)
• 模塊標(biāo)簽(Module Tabs)_Yahoo_Pattern(翻譯)
• 導(dǎo)航標(biāo)簽(navigation Tabs)_Yahoo_Pattern(翻譯)

標(biāo)簽： 雅虎組件 項(xiàng)

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。