用單行鏈接的方式來(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ú)法知道
0
喜歡他,就推薦他上首頁(yè)吧^_^
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)