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

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

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

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

什么時(shí)候用？

顯示搜索結(jié)果

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

具體解決辦法是什么？

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

為訪問(wèn)不同分頁(yè)提供翻頁(yè)控制

翻頁(yè)控制

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

可訪問(wèn)性

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

支持用回車訪問(wèn)已定位的鏈接

原文地址：http://developer.yahoo.com/ypatterns/navigation/pagination/search.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(翻譯)
• 項(xiàng)目翻頁(yè)(Item Pagination)_Yahoo_Pattern(翻譯)

標(biāo)簽： 雅虎組件 搜索翻頁(yè) 網(wǎng)站翻頁(yè) 

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