萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 設計更人性化的翻頁

設計更人性化的翻頁

   先來看一下百度的翻頁效果:

設計更人性化的翻頁 三聯
baidu2
baidu3

  百度的翻頁效果是這樣的:當你處於11頁之前時,第1頁的鏈接會顯示出來,但從第12頁開始,第1頁的鏈接就不會出現了,頁面上會顯示當前所在頁面向前的10個頁面的鏈接和向後9個頁面的鏈接。如果我當前如上圖所示的那樣,處於第29頁的話,那麼我想回到第1頁就不太方便了,需要點擊最左側的頁面鏈接兩下才能回到第1頁。一般來說,上百度搜索,訪問者為了找到自己想要的結果,會從第1頁開始向後一頁一頁的翻,能夠翻到第12頁的幾率不大,所以百度使用的這種用1、2、3、4……的翻頁方式能夠讓訪問者快速的到達想要訪問的頁面。

  Google的翻頁效果和百度是一模一樣的。

google

  再來看Smashing Magazine的翻頁效果:

smashing
smashing1

  這裡有這麼幾個可能讓人不明白的地方。一是“<<”這樣的雙箭頭標志到底是什麼意思?是前往上一頁呢還是到第1頁?如果像“Next>>”這樣加上文字的效果更清楚一些。二是最後面的空白方框也不太清楚,添加上“最後一頁”這樣的文字更好些。

  所以我認為,好的翻頁導航應該包含這麼幾個設計要點:

  1、用阿拉伯數字1、2、3……這樣的方式來顯示效果是最清晰明了的,大多數的用戶也已經習慣了這樣的導航方式,這裡需要注意的一點是,根據頁面寬度盡可能的列出比較多的頁面,一般10個左右的頁面比較合適。

  2、用戶當前所在的頁面要清晰地標示出來,要明顯的區別於其他頁面。

  3、上一頁和下一頁的標示必不可少。

  4、在任一頁面最好都能直接跳到首頁或者最後一頁。

copyright © 萬盛學電腦網 all rights reserved