| 翻頁設(shè)計(jì)的分析 | |
|
Flickr 照片列表的翻頁  Flickr翻頁的問題分析： 1、用戶不能清晰的知道當(dāng)前瀏覽的具體情況，不知道究竟看完了多少頁，也不知道究竟還要看多少圖片。對(duì)自己目前所處的位置一無所知。 2、flickr的翻頁區(qū)域只提供了總共多少圖片，一排非常小的字，大概是因?yàn)檫@些圖片的具體數(shù)值不是用戶最關(guān)心的吧，但是那排小字很容易被人忽略，用戶幾乎會(huì)無意識(shí)的選擇性回避。 3、對(duì)于“上一頁”、“下一頁”，不知道在這種多頁可供用戶選擇的設(shè)計(jì)中，其意義何在？如果僅僅有“上一頁”、“下一頁”的兩個(gè)按鈕的話估計(jì)用戶會(huì)不加思索的點(diǎn)擊，但是加入了提供給用戶能夠進(jìn)入7個(gè)頁面的連接選擇，那么是否用戶還會(huì)去有意識(shí)的去點(diǎn)“上一頁”、“下一頁”呢？ 4、對(duì)于“7”的頁碼的選擇，不清楚是否有什么具體的含義？為什么是7而不是5或9？再或是8或10？是因?yàn)楸稽c(diǎn)擊的頁面前后都有相同的三個(gè)頁面嗎？要平衡？ 優(yōu)點(diǎn)分析： 1、按了“上一頁”或“下一頁”之后則邊框加粗（成為重點(diǎn)），引導(dǎo)你繼續(xù)往下點(diǎn)； 2、數(shù)量少得情況下，提供了“最后一頁”的鏈接（圖上沒有）； 3、顏色，給人反饋比較明顯。用偏暖但是靠近冷藍(lán)的亮麗的枚紅色突出了當(dāng)前正在顯示的頁面。非常醒目。而且選中和不選中還有圖形的區(qū)別，給一些色盲的用戶提供了區(qū)分的方便。 新浪文章留言部分的翻頁  優(yōu)點(diǎn)分析： 1、有人說新浪評(píng)論部分的翻頁是顯擺用的，我到不認(rèn)為如此，因?yàn)榧热挥脩舯旧韥頌g覽評(píng)論也是隨便翻翻的，抱著目的要一頁一頁翻閱的用戶畢竟是少數(shù)，那么這樣的一個(gè)滾動(dòng)條式的翻頁正好滿足了用戶的需要，用戶不需要去想要翻到哪個(gè)頁面，隨便拉拉，隨便看看就完成了目的。而對(duì)于一些抱著一定要翻到某個(gè)頁面的用戶，上面的可按頁碼點(diǎn)擊的設(shè)計(jì)就可以滿足其需要了。 2、滾動(dòng)條式的翻頁設(shè)計(jì)，可以明顯讓用戶直觀的感覺到自己瀏覽了多少了，還有多少?zèng)]有瀏覽。尤其對(duì)于頁面數(shù)量非常多時(shí)，如上百頁以上的時(shí)候就更顯得重要了。 3、共多少條留言的設(shè)計(jì)明顯。 4、提供了最后的頁碼顯示，和最初的頁面顯示，方便了用戶的使用，并且最后頁碼的提供也能提供給用戶一個(gè)明確的量的信息。 缺點(diǎn)： 1、選中的當(dāng)前頁的頁碼反饋不足，明顯看出設(shè)覺設(shè)計(jì)的缺陷。 2、沒有提供用戶直接跳到某個(gè)頁面的頁面設(shè)計(jì)，造成了一些用戶的適用不方便。 3、如果滾動(dòng)條上能夠提供鼠標(biāo)反饋就更好了。 4、提供批量翻頁（“上 10 頁”）。 淘寶商品列表的翻頁  優(yōu)點(diǎn)： 1、永遠(yuǎn)顯示“上一頁”“下一頁”，并且狀態(tài)和形狀有區(qū)分；上一頁使用率較低，所以設(shè)計(jì)的較小； 這種設(shè)計(jì)雖然是好的，但是上一頁、下一頁在這種情況下的必要性如何？還需要經(jīng)過用戶的使用分析。 2、永遠(yuǎn)提供“第一頁”“最后一頁”的鏈接 3、提供了頁面跳轉(zhuǎn) 4、在列表的頂部右側(cè)提供了一個(gè)簡(jiǎn)化的翻頁，并且與底部的翻頁設(shè)計(jì)一致。 缺點(diǎn)： 1、由于設(shè)計(jì)的可變性太多，可能不利于頁面的排版設(shè)計(jì)，比如當(dāng)翻頁用于小的、空間有局限的地方時(shí)由于長(zhǎng)短不一的可變性比較大，會(huì)影響到一些頁面放不下這樣的翻頁設(shè)計(jì)。 2、桔紅色的圖標(biāo)的顏色的運(yùn)用是不錯(cuò)的，但是卻用在不是經(jīng)常點(diǎn)擊的上一頁、下一頁的設(shè)計(jì)上，當(dāng)前的頁面頁碼設(shè)計(jì)確是最普通的黑色。 3、光靠顏色的區(qū)分是國(guó)內(nèi)設(shè)計(jì)的通病。 Amazon 商品列表頁的翻頁（引） 
Google 搜索結(jié)果的翻頁（引） 
小結(jié)（引用）
如果可以通過數(shù)據(jù)確定用戶的行為是較為隨意和沒有目的性的瀏覽，那么提供多種方式的翻頁很有必要。 |
聯(lián)系客服
