來源：Desiring Clicks

　　在設(shè)計(jì)資料量比較大的網(wǎng)站或是應(yīng)用程式時(shí)，我們常常會(huì)遇到的問題是要采用分頁(Pagination)，還是移動(dòng)卷軸(Scrolling)便自動(dòng)載入、呈現(xiàn)資料。

　　Facebook 和Twitter 的頁面在載入新資訊的時(shí)候，都是采用移動(dòng)卷軸自動(dòng)載入的方式;Pinterest 開始流行之后，許多網(wǎng)站設(shè)計(jì)都采用這種被昵稱為“瀑布流”的設(shè)計(jì)。但是我們依然可以看到許多網(wǎng)站，例如搜索引擎巨擘Google、和照片分享平臺(tái) Flickr，依舊還是使用分頁的方式呈現(xiàn)搜索結(jié)果。

　　該選用分頁、還是卷軸?

　　到底這兩種呈現(xiàn)資料的方式有什么差別?哪一個(gè)又比較好呢?

　　答案應(yīng)該是：“It depends……”。

　　在設(shè)計(jì)社交類型的網(wǎng)站的時(shí)候，所需要呈現(xiàn)的資料是非常即時(shí)的，使用者第一個(gè)想看到的應(yīng)該都是最新發(fā)生的消息、朋友最新的狀態(tài)，然后才是逐次的慢慢閱讀到他還沒看過的訊息。

　　這種依照時(shí)間排序、變動(dòng)性質(zhì)非常大的資料，如果采用分頁的方式呈現(xiàn)，每一個(gè)頁碼所代表的內(nèi)容改變性很大，若采用分頁可能是比較不好的方法。想像一下，你每次打開一本書、翻到第38頁的時(shí)候，看到的都是不同的內(nèi)容，應(yīng)該是很困擾的一件事。

　　相對(duì)的，Google 和Flickr 所呈現(xiàn)出來的資料是搜索結(jié)果，和好友動(dòng)態(tài)訊息比起來相對(duì)變化性低。

　　使用者在每次翻頁的時(shí)候都會(huì)留下使用印象。當(dāng)使用者在第三頁找到資料，而下次又需要這筆資料的時(shí)候，他會(huì)透過頁碼大概記得這筆資料的正確位置，而不用使用滾輪來上下卷動(dòng)來尋找他所需要的資料。

　　能把兩者結(jié)合嗎?

　　若資料的類型是可以被索引(index)的，例如導(dǎo)演的名單可以透過姓氏的字首索引、電影名稱可以透過字?jǐn)?shù)索引，那么把索引制作成分頁也是一種不錯(cuò)的方法。使用者可以快速的從“J”這個(gè)分頁中快速的找到魔戒的導(dǎo)演Peter Jackson。

　　也有許多應(yīng)用程序更進(jìn)一步的結(jié)合了兩種呈現(xiàn)方式，在iOS 的“聯(lián)絡(luò)資訊”軟體上，所呈現(xiàn)的就是采用移動(dòng)卷動(dòng)的方式呈現(xiàn)你的通訊錄;但是在畫面的右手邊加上了筆劃與英文字母，除了可以快速的透過手指滑動(dòng)手機(jī)屏幕尋找資料，也可以透過這種查找索引的方式快速找到需要的資料。

　　如果網(wǎng)站或應(yīng)用程序所呈現(xiàn)出來的資料可以選擇或編輯，若采用分頁的方式，假設(shè)使用者在畫面上點(diǎn)選了三個(gè)選項(xiàng)，然后點(diǎn)選下一頁，這時(shí)候使用者可能會(huì)對(duì)于前一頁的三個(gè)選項(xiàng)是否還在勾選中感到有點(diǎn)困惑。此時(shí)采用卷軸呈現(xiàn)資料也許是比較方便的作法。

　　資料型態(tài)，才是設(shè)計(jì)呈現(xiàn)方式的本質(zhì)

　　卷軸式的呈現(xiàn)時(shí)，使用者往往會(huì)多看個(gè)幾頁，得到的資訊相對(duì)比較多;但想想，若設(shè)計(jì)的是有一、兩萬筆資料的網(wǎng)站，要讓使用者在這一、兩萬筆資料中滾來滾去找到他想要的東西，可能就有點(diǎn)難度了。

　　其實(shí)資料才是呈現(xiàn)的本質(zhì)，分頁和移動(dòng)卷軸兩者的設(shè)計(jì)各有優(yōu)點(diǎn)與缺點(diǎn)。當(dāng)然，無論是采用哪種，都得根據(jù)資料的形態(tài)來呈現(xiàn)，才能找到最適合的方法。

　　來源：http://techorange.com/2013/01/24/pagination-or-scrolling/