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