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

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

該選用分頁、還是卷軸?

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

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

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

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

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

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

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

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

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

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

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

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

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

我認為這兩種方式的選擇還是要靠用戶自己，我們需要在頁面做一個選擇的按鈕，讓用戶自己選擇去吧。

via:盒子UI