|
淘寶商品列表的翻頁
- 永遠顯示“上一頁”“下一頁”，并且狀態(tài)和形狀有區(qū)分；上一頁使用率較低，所以設(shè)計的較小；
- 永遠提供“第一頁”“最后一頁”的鏈接；
- 提供頁面的跳轉(zhuǎn)，但是默認值為當(dāng)前頁；
- 在列表的頂部右側(cè)提供了一個簡化的翻頁，并且與底部的翻頁設(shè)計一致。
小結(jié)
- 必須提供“上一頁”和“下一頁”的鏈接，并根據(jù)狀態(tài)和使用率區(qū)分設(shè)計；
- 數(shù)據(jù)量大且更新快的情況下，并且當(dāng)列表按照特定排序時，一定要提供返回“第一頁”的鏈接；“最后一頁”的鏈接根據(jù)訪問情況而定；
- 突出當(dāng)前頁的數(shù)字，并且盡量使頁碼容易點擊（不要緊緊地靠在一起），也不要一下子把所有頁碼都顯示出來；
- 一般不需要在列表的上下都提供翻頁，增加程序負擔(dān)并且干擾視覺；淘寶列表頂部提供的簡化的翻頁想法不錯，但不知道使用率如何；
- 批量翻頁是無意義的（但是可以增加 PageView），可以通過優(yōu)化頁碼排列來替代；比如在當(dāng)前頁的左右兩側(cè)各提供一定數(shù)量的頁碼；
- 對于“第一頁”和“最后一頁”的鏈接，如果是在頁碼序列中顯示，一般會附帶顯示第二頁和最后第二頁的鏈接，比如本文中的淘寶翻頁的截圖，顯示為“1 2 ... 96 97”。如果單獨提供，可能視覺上會以為這不是頁碼序列的一部分，特別是最后一頁的數(shù)字，用戶可能沒有概念；
- 對于用戶比較熟悉的內(nèi)容，或者用戶自己的內(nèi)容，盡量提供“最后一頁”的鏈接，比如 Flickr 對于個人照片就是這樣處理的（文中的翻頁取自某個 tag 的照片）。
如果可以通過數(shù)據(jù)確定用戶的行為是較為隨意和沒有目的性的瀏覽，那么提供多種方式的翻頁很有必要，比如提供跳轉(zhuǎn)到固定頁碼。比較理性的行為，不會使用直接跳轉(zhuǎn)到某頁，因為無法知道那里是什么。
Shark 在白鴉的那篇淘寶的體驗文章中回復(fù)到“有些東西出現(xiàn)在頁面上是有很長的故事的，不便多說了�！蔽蚁雭硐肴ィ瑢懕疚牟⑶医貓D只是看看這些公司在細節(jié)上面是怎么處理的、是否用心設(shè)計，不存在絕對的對錯。
數(shù)據(jù)很重要，我曾經(jīng)做過一個活動廣告，點擊率大約是 1%，后來在廣告上增加了“點擊查看詳情”，并且采用默認的藍色加下劃線的鏈接形式，點擊率提高到了 10% 左右。
出處：JunChen
責(zé)任編輯：blue
上一頁 帶頁碼的翻頁體驗與設(shè)計比較 [2] 下一頁
|
第 1 頁 
第 3 頁 帶頁碼的翻頁體驗與設(shè)計比較 [3]
