国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
翻頁設(shè)計(jì)的分析
翻頁設(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 商品列表頁的翻頁(引)

  • 是五個(gè)網(wǎng)站中唯一一個(gè)區(qū)分訪問過、沒訪問過的鏈接的顏色;
  • 不需要“上一頁”、“下一頁”的時(shí)候就不顯示;
  • 第一頁的鏈接永遠(yuǎn)存在;
  • 告知用戶列表總數(shù)量和當(dāng)前顯示的數(shù)量(Amazon有些頁面將數(shù)量顯示在列表頂部);
  • 不提供所有的頁,上圖中 400 頁是極限,400 頁之后的內(nèi)容可以通過分類選擇來縮小范圍(同時(shí)給出提示)。

Google 搜索結(jié)果的翻頁(引)

  • 富有創(chuàng)意的設(shè)計(jì);
  • 不需要“上一頁”、“下一頁”的時(shí)候就不顯示;
  • “上一頁”“下一頁”的鏈接區(qū)域很大,容易點(diǎn);
  • 不提供所有的頁,上圖中 100 頁是極限,100 頁之后的內(nèi)容或許可以更換關(guān)鍵詞重新搜索,但是沒有提示。

小結(jié)(引用)

  1. 必須提供“上一頁”和“下一頁”的鏈接,并根據(jù)狀態(tài)和使用率區(qū)分設(shè)計(jì);
  2. 數(shù)據(jù)量大且更新快的情況下,并且當(dāng)列表按照特定排序時(shí),一定要提供返回“第一頁”的鏈接;“最后一頁”的鏈接根據(jù)訪問情況而定;
  3. 突出當(dāng)前頁的數(shù)字,并且盡量使頁碼容易點(diǎn)擊(不要緊緊地靠在一起),也不要一下子把所有頁碼都顯示出來;
  4. 一般不需要在列表的上下都提供翻頁,增加程序負(fù)擔(dān)并且干擾視覺;淘寶列表頂部提供的簡(jiǎn)化的翻頁想法不錯(cuò),但不知道使用率如何;
  5. 對(duì)于“第一頁”和“最后一頁”的鏈接,如果是在頁碼序列中顯示,一般會(huì)附帶顯示第二頁和最后第二頁的鏈接,比如本文中的淘寶翻頁的截圖,顯示為“1 2 ... 96 97”。如果單獨(dú)提供,可能視覺上會(huì)以為這不是頁碼序列的一部分,特別是最后一頁的數(shù)字,用戶可能沒有概念;
  6. 對(duì)于用戶比較熟悉的內(nèi)容,或者用戶自己的內(nèi)容,盡量提供“最后一頁”的鏈接,比如 Flickr 對(duì)于個(gè)人照片就是這樣處理的(文中的翻頁取自某個(gè) tag 的照片)。

如果可以通過數(shù)據(jù)確定用戶的行為是較為隨意和沒有目的性的瀏覽,那么提供多種方式的翻頁很有必要。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
帶頁碼的翻頁體驗(yàn)與設(shè)計(jì)比較
“永久鏈接”的可用性問題
網(wǎng)站可用性測(cè)試標(biāo)準(zhǔn)
網(wǎng)站可用性設(shè)計(jì)——6個(gè)最普遍的可用性設(shè)計(jì)錯(cuò)誤
訪客才是上帝
譯言網(wǎng) | 四個(gè)網(wǎng)頁設(shè)計(jì)的壞例子
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服