用單行鏈接的方式來實(shí)現(xiàn)翻頁控制,可以讓用戶瀏覽更多的結(jié)果,而不是將結(jié)果都顯示在一頁中
解決什么問題?
用戶需要查看按相關(guā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ù)(因此,最后一頁)可能無法知道
0
喜歡他，就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)（CNDESIGN）會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有，任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處，作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版
豫 ICP 備16038122號(hào)-2
豫公網(wǎng)安備 41019702002261號(hào)
