国产亚洲精品自拍,亚洲va在线va天堂va不卡下载,亚洲av中文无码字幕色本,国产精品久久国产精品},韩国激情一区二区无码在线},亚洲人成网站www

信息動態(tài)

網(wǎng)站設計是技術與創(chuàng)意的完美融合!

建站常識

交互設計模式——分頁

2009-07-31 22:54:00

模式庫

在模式庫里,我將列出所有電子商務網(wǎng)站需要的模式.以下將羅列出經(jīng)典常用的模式案例,我也試圖讓這些模式看起來更有趣味性與實用性。(Yahoo模式庫也有對Pattern的一種定義。)

模式歸屬類別

為了方便調用和維護模式庫中的各種模式,首先將模式庫中的模式分成三大類:用戶需求,應用需求,語境下的設計.在用戶需求類別中,有一種類型叫基本交互。這里我將從這個緯度把基本交互中所涉及的模式一一羅列講解。

Pagination(分頁,標記頁數(shù))問題摘要

用戶需要查看數(shù)據(jù)的一個子集,卻發(fā)現(xiàn)所有數(shù)據(jù)是顯示在一頁的,這時候查看變得非常不容易。

實例

何時使用

  • 當一個屏幕不能承載更多的數(shù)據(jù)時。
  • 感興趣的項目通??梢栽谇皫醉撜业?。
  • 需要深入探索數(shù)據(jù)項,而非考慮內容顯示在一個滾動區(qū)域。 解決辦法

綜述:打破完整數(shù)據(jù),分成更小的項目,順序顯示這些數(shù)據(jù)和單獨序列頁。提供分頁控制一頁一頁地瀏覽。提供鏈接讓用戶瀏覽網(wǎng)頁的前一頁和后一頁的這種行動。此外,提供連結到最開始和結束的資料組 (第一個和最后一個)。如果數(shù)據(jù)集是可預知數(shù)量,就顯示一個鏈接的最后一頁。如果數(shù)據(jù)集是不可預知數(shù)量或顯示有可能是不同規(guī)模的(例如,來自于搜索引擎的結果數(shù)據(jù)),請不用擔心要顯示鏈接到的最后一頁。

項目分頁

  • 拆分項目列表成為一個序列的網(wǎng)頁。
  • 提供可訪問前一頁和下一頁網(wǎng)頁信息的鏈接。
  • 提供可跳轉到瀏覽第一頁和最后一個頁面的鏈接。
  • 提供用戶正在瀏覽的什么類型的對象信息。

  • 提供用戶正在瀏覽一套物體的有關信息.使用形式:”[$ObjectName]s [DisplayedItemRange] of [TotalItems]“
  • 本環(huán)節(jié)的順序如下:第一頁,上一頁,下一頁,最后。
  • 使用的圖形箭頭,以增加鏈接的目標大小。
  • 顯示翻頁在不可用情況的管理顯示狀態(tài)。

搜索分頁

  • 使信息轉化為按相關性分類排序的一系列網(wǎng)頁。
  • 提供分頁控制來提供訪問分頁內容。
#p#

分頁控制

  • 顯示導航控件作為一行鏈接。
  • 本環(huán)節(jié)的順序如下: ‘前一頁’ ,網(wǎng)頁鏈接, ‘后一頁’。
  • 在標簽’前一頁’后,顯示左箭頭。
  • 在標簽’下一頁’前,顯示右箭頭。
  • 使用可用鼠標點擊的箭頭。
  • 網(wǎng)頁鏈接應設置包含最多10個網(wǎng)頁鏈接。如果有少頁的結果存在,只顯示網(wǎng)頁上提供的網(wǎng)頁鏈接。
  • 當網(wǎng)頁在1-6頁中時,該網(wǎng)頁鏈接應始終從’1 ‘開始。
  • 當在6 頁(7頁以后)的任意網(wǎng)頁上,該網(wǎng)頁鏈接起始應在當前頁面減去5 。例如,當?shù)?頁,第一頁將是2 ( 7-5= 2 )和最后一頁將11 (仍顯示10頁)。

  • 第一頁的結果不會有顯示 ‘上一頁’的標簽或箭頭。
  • 結果的最后一頁不會顯示’下一頁’的標簽或箭頭。
  • 當前網(wǎng)頁的頁碼鏈接不顯示超鏈接。
  • 最后在分頁控制區(qū)上方加個結果頁的標簽。

基本原理

項目分頁

  • 顯示箭頭圖形有助于區(qū)分鏈接,并提供更大的點擊目標。
  • 與搜索分頁不同,在任何時候,分頁控件都是可見的(即使禁用),當出現(xiàn)無法控制分頁時,這可以防止用戶分心。
#p#

搜索分頁

  • 顯示箭頭圖形有助于區(qū)分聯(lián)系,并提供更大的點擊目標。
  • 結合上下文背景,增加不可控狀態(tài)顯示箭頭價值不大原因有:
    (1)這些顯示箭頭,經(jīng)常顯示可打開折疊層。
    (2)當?shù)谝豁摰慕Y果已組合成絕大多數(shù)的綜合瀏覽量。展示不可用“前一頁”控制翻頁,這些是沒有什么附加價值的。
  • 雖然“第一頁”鏈接很有價值,但也要與呈現(xiàn)在隨機訪問的鏈接功能競爭。
  • “最后”鏈接是沒有什么價值的,因為結果是按相關性排序的,這也是問題,因為結果總數(shù)(因此,最后的結果)可能不知道。 同類模式圖片展示

 

原文:http://alite.aliued.cn/archives/750

延伸閱讀

0532-85810878 473587358 掃碼添加微信

掃碼添加微信

掃碼關注公眾號

官方公眾號

2054585360
鄄城县| 虹口区| 通州区| 司法| 红原县| 武安市| 绥江县| 上高县| 安图县| 栾城县| 饶河县| 同心县| 平度市| 安图县| 尼玛县| 九龙城区| 凯里市| 鲁甸县| 芒康县| 永丰县| 会泽县| 同德县| 塔城市| 紫云| 花垣县| 安徽省| 石楼县| 淮南市| 乌审旗| 浙江省| 卓资县| 大安市| 呼图壁县| 大名县| 化州市| 乐亭县| 林甸县| 苍山县| 泸水县| 阿城市| 中江县|