|
模式庫
在模式庫里,我將列出所有電子商務(wù)網(wǎng)站需要的模式.以下將羅列出經(jīng)典常用的模式案例,我也試圖讓這些模式看起來更有趣味性與實用性。(Yahoo模式庫也有對Pattern的一種定義。) 模式歸屬類別
為了方便調(diào)用和維護模式庫中的各種模式,首先將模式庫中的模式分成三大類:用戶需求,應(yīng)用需求,語境下的設(shè)計.在用戶需求類別中,有一種類型叫基本交互。這里我將從這個緯度把基本交互中所涉及的模式一一羅列講解。 Pagination(分頁,標(biāo)記頁數(shù))問題摘要
用戶需要查看數(shù)據(jù)的一個子集,卻發(fā)現(xiàn)所有數(shù)據(jù)是顯示在一頁的,這時候查看變得非常不容易。 實例
何時使用
- 當(dāng)一個屏幕不能承載更多的數(shù)據(jù)時。
- 感興趣的項目通�？梢栽谇皫醉撜业�。
- 需要深入探索數(shù)據(jù)項,而非考慮內(nèi)容顯示在一個滾動區(qū)域。 解決辦法
綜述:打破完整數(shù)據(jù),分成更小的項目,順序顯示這些數(shù)據(jù)和單獨序列頁。提供分頁控制一頁一頁地瀏覽。提供鏈接讓用戶瀏覽網(wǎng)頁的前一頁和后一頁的這種行動。此外，提供連結(jié)到最開始和結(jié)束的資料組 （第一個和最后一個)。如果數(shù)據(jù)集是可預(yù)知數(shù)量，就顯示一個鏈接的最后一頁。如果數(shù)據(jù)集是不可預(yù)知數(shù)量或顯示有可能是不同規(guī)模的（例如，來自于搜索引擎的結(jié)果數(shù)據(jù))，請不用擔(dān)心要顯示鏈接到的最后一頁。
項目分頁
- 拆分項目列表成為一個序列的網(wǎng)頁。
- 提供可訪問前一頁和下一頁網(wǎng)頁信息的鏈接。
- 提供可跳轉(zhuǎn)到瀏覽第一頁和最后一個頁面的鏈接。
- 提供用戶正在瀏覽的什么類型的對象信息。
- 提供用戶正在瀏覽一套物體的有關(guān)信息.使用形式:”[$ObjectName]s [DisplayedItemRange] of [TotalItems]“
- 本環(huán)節(jié)的順序如下：第一頁，上一頁，下一頁，最后。
- 使用的圖形箭頭，以增加鏈接的目標(biāo)大小。
- 顯示翻頁在不可用情況的管理顯示狀態(tài)。
搜索分頁
- 使信息轉(zhuǎn)化為按相關(guān)性分類排序的一系列網(wǎng)頁。
- 提供分頁控制來提供訪問分頁內(nèi)容。
出處：藍色理想
責(zé)任編輯：bluehearts
上一頁 下一頁 交互設(shè)計模式——分頁 [2]
|
第 1 頁 交互設(shè)計模式——分頁 [1]
第 2 頁 
