|
Flickr 照片列表的翻頁(yè)
- “上一頁(yè)”“下一頁(yè)”永遠(yuǎn)顯示，但不同情況顯示不同樣式；
- 按了“上一頁(yè)”或“下一頁(yè)”之后則邊框加粗（成為重點(diǎn)），引導(dǎo)你繼續(xù)往下點(diǎn)；
- 告知用戶列表的總數(shù)量；
- 數(shù)量少得情況下，提供了“最后一頁(yè)”的鏈接（圖上沒(méi)有）；
- 可以訪問(wèn)到所有的頁(yè)，可惜如上圖所示超過(guò)一定的頁(yè)碼，顯示上有問(wèn)題（IE 和 FF 都這樣）。
新浪文章留言部分的翻頁(yè)
- 新浪評(píng)論部分的翻頁(yè)，Ajax 可以拖動(dòng)翻頁(yè)（顯擺用的）；
- 永遠(yuǎn)提供“第一頁(yè)”“最后一頁(yè)”“上一頁(yè)”“下一頁(yè)”的鏈接，但是樣式基本一致沒(méi)有差別；
- 告知用戶列表的總數(shù)量；
- 提供批量翻頁(yè)（“上 10 頁(yè)”）。
但是在新浪博客（新浪比較有代表性的新產(chǎn)品）中，我們也可以看到以下相對(duì)比較粗糙的翻頁(yè)：
新浪博客的翻頁(yè)
- 給出了“最后一頁(yè)”的鏈接，直接顯示為“第 n 頁(yè)”，如上圖中的“第 7 頁(yè)”；
- 在單個(gè)博客頁(yè)面上的翻頁(yè)，以“>>”作為下一頁(yè)，而不是常見(jiàn)的“>”；
- 提供了批量翻頁(yè)（“上 5 頁(yè)”）。
出處：JunChen
責(zé)任編輯：blue
上一頁(yè) 帶頁(yè)碼的翻頁(yè)體驗(yàn)與設(shè)計(jì)比較 [1] 下一頁(yè) 帶頁(yè)碼的翻頁(yè)體驗(yàn)與設(shè)計(jì)比較 [3]
|
第 1 頁(yè) 
第 2 頁(yè) 帶頁(yè)碼的翻頁(yè)體驗(yàn)與設(shè)計(jì)比較 [2]
