起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)淺談“瀑布流”和“下一頁(yè)”之間的抉擇
2013年，隨著pinterest的改版，一種新型的頁(yè)面瀏覽形式-“瀑布流”橫空出世，許多網(wǎng)站爭(zhēng)相模仿。
那么，瀑布流到底是怎樣的一種瀏覽方式呢？
我們通過(guò)鼠標(biāo)滾輪往下滾動(dòng)網(wǎng)頁(yè)的同時(shí)，網(wǎng)頁(yè)也在不斷的加載，省去了用戶點(diǎn)擊下一頁(yè)的動(dòng)作。咋一看，這種方式是挺省力的，但實(shí)際用戶是不是真的喜歡呢？
? ?在設(shè)計(jì)資料量比較大的網(wǎng)站或是應(yīng)用程式時(shí)，我們常常會(huì)遇到的問(wèn)題是要采用分頁(yè)(Pagination)，還是移動(dòng)卷軸(Scrolling)便自動(dòng)載入、呈現(xiàn)資料。
Facebook?和Twitter?的頁(yè)面在載入新資訊的時(shí)候，都是采用移動(dòng)卷軸自動(dòng)載入的方式;Pinterest?開(kāi)始流行之后，許多網(wǎng)站設(shè)計(jì)都采用這種被昵稱為“瀑布流”的設(shè)計(jì)。但是我們依然可以看到許多網(wǎng)站，例如搜索引擎巨擘Google、和照片分享平臺(tái)Flickr，依舊還是使用分頁(yè)的方式呈現(xiàn)搜索結(jié)果。
該選用分頁(yè)、還是卷軸?
到底這兩種呈現(xiàn)資料的方式有什么差別?哪一個(gè)又比較好呢?
答案應(yīng)該是：“It?depends……”。
在設(shè)計(jì)社交類型的網(wǎng)站的時(shí)候，所需要呈現(xiàn)的資料是非常即時(shí)的，使用者第一個(gè)想看到的應(yīng)該都是最新發(fā)生的消息、朋友最新的狀態(tài)，然后才是逐次的慢慢閱讀到他還沒(méi)看過(guò)的訊息。
這種依照時(shí)間排序、變動(dòng)性質(zhì)非常大的資料，如果采用分頁(yè)的方式呈現(xiàn)，每一個(gè)頁(yè)碼所代表的內(nèi)容改變性很大，若采用分頁(yè)可能是比較不好的方法。想像一下，你每次打開(kāi)一本書(shū)、翻到第38頁(yè)的時(shí)候，看到的都是不同的內(nèi)容，應(yīng)該是很困擾的一件事。
相對(duì)的，Google?和Flickr?所呈現(xiàn)出來(lái)的資料是搜索結(jié)果，和好友動(dòng)態(tài)訊息比起來(lái)相對(duì)變化性低。
使用者在每次翻頁(yè)的時(shí)候都會(huì)留下使用印象。當(dāng)使用者在第三頁(yè)找到資料，而下次又需要這筆資料的時(shí)候，他會(huì)透過(guò)頁(yè)碼大概記得這筆資料的正確位置，而不用使用滾輪來(lái)上下卷動(dòng)來(lái)尋找他所需要的資料。
能把兩者結(jié)合嗎?
? ?若資料的類型是可以被索引(index)的，例如導(dǎo)演的名單可以透過(guò)姓氏的字首索引、電影名稱可以透過(guò)字?jǐn)?shù)索引，那么把索引制作成分頁(yè)也是一種不錯(cuò)的方法。使用者可以快速的從“J”這個(gè)分頁(yè)中快速的找到魔戒的導(dǎo)演Peter?Jackson。
也有許多應(yīng)用程序更進(jìn)一步的結(jié)合了兩種呈現(xiàn)方式，在iOS?的“聯(lián)絡(luò)資訊”軟體上，所呈現(xiàn)的就是采用移動(dòng)卷動(dòng)的方式呈現(xiàn)你的通訊錄;但是在畫(huà)面的右手邊加上了筆劃與英文字母，除了可以快速的透過(guò)手指滑動(dòng)手機(jī)屏幕尋找資料，也可以透過(guò)這種查找索引的方式快速找到需要的資料。
如果網(wǎng)站或應(yīng)用程序所呈現(xiàn)出來(lái)的資料可以選擇或編輯，若采用分頁(yè)的方式，假設(shè)使用者在畫(huà)面上點(diǎn)選了三個(gè)選項(xiàng)，然后點(diǎn)選下一頁(yè)，這時(shí)候使用者可能會(huì)對(duì)于前一頁(yè)的三個(gè)選項(xiàng)是否還在勾選中感到有點(diǎn)困惑。此時(shí)采用卷軸呈現(xiàn)資料也許是比較方便的作法。
資料型態(tài)，才是設(shè)計(jì)呈現(xiàn)方式的本質(zhì)
卷軸式的呈現(xiàn)時(shí)，使用者往往會(huì)多看個(gè)幾頁(yè)，得到的資訊相對(duì)比較多;但想想，若設(shè)計(jì)的是有一、兩萬(wàn)筆資料的網(wǎng)站，要讓使用者在這一、兩萬(wàn)筆資料中滾來(lái)滾去找到他想要的東西，可能就有點(diǎn)難度了。
其實(shí)資料才是呈現(xiàn)的本質(zhì)，分頁(yè)和移動(dòng)卷軸兩者的設(shè)計(jì)各有優(yōu)點(diǎn)與缺點(diǎn)。當(dāng)然，無(wú)論是采用哪種，都得根據(jù)資料的形態(tài)來(lái)呈現(xiàn)，才能找到最適合的方法。
我認(rèn)為這兩種方式的選擇還是要靠用戶自己，我們需要在頁(yè)面做一個(gè)選擇的按鈕，讓用戶自己選擇去吧。
via:盒子UI
給用戶選擇？用戶最不需要的就是選擇
靠用戶自己去選擇？不太贊同這個(gè)想法。這無(wú)疑是在增加用戶學(xué)習(xí)成本，如果能幫用戶決策的事情為什么要交給用戶，用戶回去思考選擇這兩種會(huì)帶來(lái)什么不同的體驗(yàn)？不會(huì)。他要的是結(jié)果