inspirr

跳到主文

歡迎光臨inspirr在痞客邦的小天地

部落格全站分類:

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 8月 15 週三 201221:34
  • 項目翻頁_網頁設計

項目翻頁 - 網頁設計

http://webdesign.zoapcon.com

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

當數據太多(或者數據項列表太長)一頁顯示不下時,將數據項列表拆分進一系列的頁中.
提供”上一頁”和”下一頁”的鏈接讓人們可以訪問被分頁的數據,最好同時也提供”第一頁”和”最后一頁”的鏈接.

 

解決什么問題?
用戶需要從一大組分好類的,但是無法簡單的顯示在一頁的數據中查看一些數據項

什么時候用?
信息多到無法合適的放到一頁中
通常感興趣的內容可以在前幾頁就能看到
需要深度研究的信息,應該考慮放到一個可以滾動的區域內顯示

具體解決辦法是什么?
將數據項列表拆分進一系列的頁中
提供”上一頁”和”下一頁”的鏈接來訪問信息
同時提供跳轉到”第一頁”和”最后一頁”的鏈接
同時提供用戶正在訪問的信息類型(type of object)

 


顯示用戶當前正訪問的一組內容的信息.使用表單”[ObjectName]s [DisplayedItemRange] of [TotalItems]“([內容名稱] [當前顯示的內容范圍]/[全部內容] )
按照以下順序顯示鏈接: 第一頁, 上一頁, 下一頁, 最后一頁
使用箭頭圖標來增加鏈接的可點區域
當鏈接不可用時需要表現出不可用狀態

為什么使用這個組件?
箭頭圖標可以幫助區分鏈接,同時增加點擊區域
跟搜索結果翻頁不一樣,在翻頁時,控制鏈接是一直可見的(即使不可用).這樣可以防止當翻頁時,不可用鏈接忽然被隱藏,干擾到用戶

可訪問性
正在訪問的頁面不要加上鏈接.比如,如果正在訪問第3頁,那么數字3應該沒有鏈接

 

TAG: 網頁設計 web design
文章標籤
全站熱搜
創作者介紹
創作者 inspirr 的頭像
inspirr

inspirr

inspirr 發表在 痞客邦 留言(0) 人氣(0)

  • 全站分類:
  • 個人分類:
▲top

個人資訊

inspirr
暱稱:
inspirr
分類:
好友:
累積中
地區:

熱門文章

  • ()HTML5標記div、section、article使用說明_19
  • ()臉頰長斑的原因_507
  • ()英文親情名言_31
  • ()4種常見英文祝賀信的寫法及其范文_313
  • ()骨髓移植_1682
  • ()畫Web流程圖的一點心得_網頁設計
  • ()應聘網頁設計師常見的8個面試試題和答案_433
  • ()羊膜移植基礎及眼科臨床應用_1695
  • ()CSS制作網頁技巧-單圖片按鈕實例_475
  • ()維生素缺乏與皮膚病_934

文章分類

  • 未分類文章 (1)

最新文章

    最新留言

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣:0
    • 累積人氣:106,178
    yongxjb
    PIXNET Logo登入