說說目前常用的三種分類顯示信息方法:
常規(guī)翻頁 信息滾動翻頁 滾動條
前者是橫向翻頁方式,后兩者是縱向的信息翻頁。分頁作為很小的一個組件,大多數(shù)網(wǎng)站都不會花費什么精力去設(shè)計,設(shè)計也大同小異,用戶已經(jīng)使用習慣學習成本為0,但如果能夠在細節(jié)上做的更細致貼心一些,用戶的使用體驗會有所提升。
一、 先來看常規(guī)翻頁
1) 組成結(jié)構(gòu)

• 上頁+頁碼+下頁
• 跳轉(zhuǎn)到__頁/第__頁";
• 確認"按鈕;
• 支持鍵盤操作;
2) 使用情景
當網(wǎng)頁內(nèi)容較多、不能在限定區(qū)域內(nèi)顯示完全時;
為了方便用戶在多個頁面間跳轉(zhuǎn)和快速定位(尤其是按順序翻頁),通過翻頁設(shè)計提供多個頁面間的導航。
在電商網(wǎng)站3級頁、搜索結(jié)果頁面等信息量大的頁面是很重要的。
• 分頁的內(nèi)容是什么類型?
• 頁面數(shù)量有多少?
•查看最多的是哪些頁面?
• 手動全部翻一遍的幾率
•是否會不按順序翻頁,為什么?
•是否會查看已翻過的翻頁?
•翻頁是否在列表頂部和底部都出現(xiàn)?
•"最后一頁"是否一定要有?
•列表頂部什么情況下有翻頁?
按照用戶心理模型,瀏覽郵箱內(nèi)容時是反復(fù)瀏覽型,且頁面較長,此時需要在頂部添加翻頁,但電商網(wǎng)站搜索結(jié)果頁和新浪微博的用戶是在瀏覽到頁面底部時才會有翻頁動作,因此不必在頂部放翻頁。
•是否可以mouseover就顯示頁面內(nèi)容?什么時候可以?
設(shè)計前考慮完以上問題,針對情況進行取舍設(shè)計。
3) 交互分析
•Google翻頁

搜索結(jié)果首次只提供10個頁碼;
設(shè)計猜想:google開發(fā)者認為一般用戶在這10頁內(nèi)就能找到想要的內(nèi)容。

點擊任何一頁碼繼續(xù)瀏覽,發(fā)現(xiàn)后續(xù)提供的頁碼是:當前頁+9;
設(shè)計猜想:當用戶往下點擊頁碼時,google開發(fā)者認為前10頁內(nèi)容不能滿足用戶,于是將搜索范圍放大。
但最多提供20個頁碼;
設(shè)計猜想:但考慮到網(wǎng)頁寬度還是不能繼續(xù)無限制增加頁碼個數(shù),于是設(shè)定最多一次提供20個頁碼。
•Baidu翻頁

始終有第"1"頁,中間用"…"表示未顯示的頁碼;
設(shè)計猜想:用戶翻到后面頁碼也找不到想要的內(nèi)容時,會返回第一頁重新查找,此時第"1"頁是home的作用。

選中頁碼和mouseover頁碼樣式始終在一個位置不變,不需移動鼠標就可點擊下一頁,而后頁碼自動替換狀態(tài);
設(shè)計猜想:瞄準頁碼點擊較困難,可以減少用戶瞄準位置的次數(shù)。但沒有做完美,用戶每刷新一個頁面,還是要滾動瀏覽器條到下方瞄準頁碼位置。這個微小的友好交互可以運用到輪播圖設(shè)計中,減少鼠標瞄準操作。
但也最多提供20個頁碼;
•Sina微博小分頁

滾動翻頁與翻頁的結(jié)合使用;