翻頁設(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)系客服