當(dāng)搜索返回的結(jié)果太多，無法顯示在一頁上時(shí)，將信息拆分進(jìn)一系列的頁中。

用單行鏈接的方式來實(shí)現(xiàn)翻頁控制，可以讓用戶瀏覽更多的結(jié)果，而不是將結(jié)果都顯示在一頁中。

解決什么問題？

用戶需要查看按相關(guān)度排序但是又無法簡(jiǎn)單的放在一頁當(dāng)中的搜索結(jié)果

什么時(shí)候用？

顯示搜索結(jié)果

搜索結(jié)果太多，無法合適的放到一頁中

具體解決辦法是什么？

將信息按相關(guān)度排序，并拆分到一系列的頁中

為訪問不同分頁提供翻頁控制

翻頁控制

顯示單行的鏈接作為導(dǎo)航控制

按照以下順序顯示鏈接”上一頁”，單頁鏈接，”下一頁”

在”上一頁”之后顯示一個(gè)左箭頭圖標(biāo)

在”下一頁”之前顯示一個(gè)右箭頭圖標(biāo)

讓箭頭圖標(biāo)也是可點(diǎn)的

單頁鏈接應(yīng)該包含一組最多10頁的鏈接。如果結(jié)果頁少了，那么僅顯示可用頁面的單頁鏈接

當(dāng)所選頁在1-6頁之間時(shí)，單頁鏈接應(yīng)該總是從”1″頁開始

在所選頁在6頁之后時(shí)（7頁和之后的），單頁鏈接應(yīng)該從當(dāng)前頁減5后的頁數(shù)開始。比如，當(dāng)前頁是7時(shí)，第一頁應(yīng)該是2（7-5=2），最后一頁應(yīng)該是11（仍然需要顯示10頁）

當(dāng)前頁是第一頁時(shí)，不要顯示”上一頁”和箭頭圖標(biāo)

當(dāng)前頁是最后一頁時(shí)，不要顯示”下一頁”和箭頭圖標(biāo)

單頁鏈接中，當(dāng)前頁應(yīng)該無鏈接

需要標(biāo)注”結(jié)果頁”

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

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

因?yàn)橐韵碌脑�因，顯示”不可用鏈接”（Disabled controls）基本沒有價(jià)值

這些鏈接基本出現(xiàn)在第一屏之外（blow the fold）

搜索結(jié)果的第一頁占據(jù)了流量中的絕大部分。顯示一個(gè)不可用的”上一頁”基本沒有任何價(jià)值

盡管”第一頁”有價(jià)值，但是在”隨機(jī)存儲(chǔ)”的鏈接中顯示較難。（個(gè)人認(rèn)為是技術(shù)上很難實(shí)現(xiàn)。原文：it competes with the functionality presented in the random-access links）

“最后一頁”也基本沒有價(jià)值，因?yàn)樗阉鹘Y(jié)果是按照相關(guān)性排序的。同時(shí)也是因?yàn)樗阉鹘Y(jié)果的總數(shù)（因此，最后一頁）可能無法知道

可訪問性

支持用Tab鍵來定位每一個(gè)鏈接

支持用回車訪問已定位的鏈接

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

文章來源：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(翻譯)
• 項(xiàng)目翻頁(Item Pagination)_Yahoo_Pattern(翻譯)

標(biāo)簽： 雅虎組件 搜索翻頁 網(wǎ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)系。