建站常識
項目翻頁
2010-08-16 08:06:00
原文地址: http://developer.yahoo.com/ypatterns/navigation/pagination/item.html
當(dāng)數(shù)據(jù)太多(或者數(shù)據(jù)項列表太長)一頁顯示不下時,將數(shù)據(jù)項列表拆分進一系列的頁中.
提供”上一頁”和”下一頁”的鏈接讓人們可以訪問被分頁的數(shù)據(jù),最好同時也提供”第一頁”和”最后一頁”的鏈接.
解決什么問題?
用戶需要從一大組分好類的,但是無法簡單的顯示在一頁的數(shù)據(jù)中查看一些數(shù)據(jù)項
什么時候用?
信息多到無法合適的放到一頁中
通常感興趣的內(nèi)容可以在前幾頁就能看到
需要深度研究的信息,應(yīng)該考慮放到一個可以滾動的區(qū)域內(nèi)顯示
具體解決辦法是什么?
將數(shù)據(jù)項列表拆分進一系列的頁中
提供”上一頁”和”下一頁”的鏈接來訪問信息
同時提供跳轉(zhuǎn)到”第一頁”和”最后一頁”的鏈接
同時提供用戶正在訪問的信息類型(type of object)
顯示用戶當(dāng)前正訪問的一組內(nèi)容的信息.使用表單”[$ObjectName]s [DisplayedItemRange] of [TotalItems]“([內(nèi)容名稱] [當(dāng)前顯示的內(nèi)容范圍]/[全部內(nèi)容] )
按照以下順序顯示鏈接: 第一頁, 上一頁, 下一頁, 最后一頁
使用箭頭圖標來增加鏈接的可點區(qū)域
當(dāng)鏈接不可用時需要表現(xiàn)出不可用狀態(tài)
為什么使用這個組件?
箭頭圖標可以幫助區(qū)分鏈接,同時增加點擊區(qū)域
跟搜索結(jié)果翻頁不一樣,在翻頁時,控制鏈接是一直可見的(即使不可用).這樣可以防止當(dāng)翻頁時,不可用鏈接忽然被隱藏,干擾到用戶
可訪問性
正在訪問的頁面不要加上鏈接.比如,如果正在訪問第3頁,那么數(shù)字3應(yīng)該沒有鏈接
原文:http://pd4.me/blog/methodology/itempagination_yahoo_pattern_translate/
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-08-16 15:02:00] 搜索翻頁
- [2007-01-25 12:10:00] 帶頁碼的翻頁體驗與設(shè)計比較
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
扁平化設(shè)計 版面布局 robots 搜索引擎 網(wǎng)站設(shè)計 IT資訊 英文網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè) 搜索引擎蜘蛛 如何做網(wǎng)站優(yōu)化 青島好的網(wǎng)站優(yōu)化公司 青島flash網(wǎng)站 集團公司網(wǎng)站建設(shè) 平面設(shè)計 蘋果系統(tǒng) 網(wǎng)站優(yōu)化 網(wǎng)站規(guī)劃 青島SEO 力圖 html和css 微信小程序 網(wǎng)站改版 青島網(wǎng)絡(luò)公司 舒適的界面 網(wǎng)站策劃 微信營銷的優(yōu)勢 青島網(wǎng)站營銷 青島輪胎網(wǎng)站設(shè)計 網(wǎng)站設(shè)計趨勢 青島網(wǎng)頁設(shè)計