【譯】瀑布流與分頁設(shè)計(jì)比較

本文譯自:Infinite Scrolling vs Pagination by Nick Babich from UX Planet
沒有嚴(yán)格按照原文一字一句翻譯,只是根據(jù)自己的理解譯出其基本意思。

瀑布流和分頁設(shè)計(jì)是展示信息的兩種不同方式。瀑布流就是向下滾動(dòng)頁面時(shí)內(nèi)容會不斷刷新以加載更多,分頁設(shè)計(jì)就是將信息分成一頁一頁,然后通過點(diǎn)擊進(jìn)入。

下面是兩者的優(yōu)缺點(diǎn)

瀑布流

先說優(yōu)點(diǎn)

優(yōu)點(diǎn)1:通過流暢的顯示以及海量的信息吸引用戶
使用瀑布流顯示信息時(shí),因?yàn)樾畔⒌娘@示是實(shí)時(shí)的,特別是在移動(dòng)設(shè)備上,隨著手指的下滑信息不斷出現(xiàn),該過程的流暢性會讓用戶更好地沉浸其中,同時(shí),不斷出現(xiàn)的新的信息也會吸引住用戶。
當(dāng)然,這個(gè)優(yōu)點(diǎn)成立的前提是用戶沒有很明確的目的,反之會成為缺點(diǎn)。

優(yōu)點(diǎn)2:更好的操作體驗(yàn)
滾動(dòng)比點(diǎn)擊使用起來更加輕松,包括鼠標(biāo)滾動(dòng)和手指滾動(dòng)。根據(jù)菲茨定律,點(diǎn)擊所花費(fèi)的時(shí)間較長,除非點(diǎn)擊目標(biāo)夠大。而滾動(dòng)則幾乎沒有負(fù)擔(dān)。

優(yōu)點(diǎn)3:更好地適用于移動(dòng)設(shè)備
移動(dòng)設(shè)備屏幕較小,一屏顯示的東西不多,因此翻頁要比較頻繁。在這種情況下,瀑布流的顯示是具有更大的優(yōu)勢的。

下面是缺點(diǎn)

缺點(diǎn)1:性能要求比較高
有兩點(diǎn),一個(gè)是網(wǎng)速的要求,一個(gè)是設(shè)備的要求,如果達(dá)不到要求,瀑布流的顯示會有延遲,以上的優(yōu)點(diǎn)就都不存在了。而且即使性能達(dá)到要求了,隨著東西展開越來越多,緩存越來越多,性能要求會更高。

缺點(diǎn)2:搜索和定位的不便
一旦離開頁面,下次打開時(shí)要重新找到自己上次的內(nèi)容比較麻煩,不能快速定位。現(xiàn)在有一些應(yīng)用可以恢復(fù)上次關(guān)閉時(shí)的位置,但是往往會造成打開速度的變慢,因?yàn)榧虞d的東西更多了。

缺點(diǎn)3:有點(diǎn)雞肋的滾動(dòng)條
滾動(dòng)條是用來顯示位置的,但是在瀑布流中,你看著滾動(dòng)條到達(dá)最低段了,然而隨著新內(nèi)容的加載,又馬上上升,這時(shí)候滾動(dòng)條的定位就沒什么實(shí)際意義了。不過我覺得還是有作用的,可以用來快速返回前面。或者在兩個(gè)位置之間快速變換。

缺點(diǎn)4:沒有頁尾
一個(gè)無限的頁面,自然就沒有尾了,頁尾有時(shí)候會有一些有用的信息,但是用戶一滾動(dòng)到最下面,又重新加載出新的東西,這會讓用戶感到沮喪。
最好在頂部或者側(cè)邊加上頁尾的信息。

另外,有一個(gè)瀑布流的變形,就是不自動(dòng)加載,而是增加一個(gè)點(diǎn)擊加載更多的按鍵,這算是一個(gè)折中吧。

分頁

優(yōu)點(diǎn)1:對信息良好的控制
原文章分為3點(diǎn)去講,我覺得其實(shí)可以直接歸為一點(diǎn)。
分頁顯示時(shí),你可以快速地了解信息量的多少,比如搜索結(jié)果,是10頁,100頁,還是1000頁,然后你就可以有自己的預(yù)期,是要換個(gè)關(guān)鍵字,還是往下翻翻看,而且你可以估計(jì)所需要的大致時(shí)間。
另外一點(diǎn)就是快速地定位,你只要記得上次是在第幾頁,就可以快速達(dá)到。

優(yōu)點(diǎn)2:性能
相比于瀑布流對性能的要求,分頁因?yàn)槠滹@示內(nèi)容相對較少,要求較低。但是在由于每次點(diǎn)擊換頁都要重新加載,所以總體還是不如瀑布流流暢。

缺點(diǎn)1:額外的切換動(dòng)作
顯而易見,就像前面說的,點(diǎn)擊需要花費(fèi)一定的時(shí)間以及精力。而且,結(jié)合上一點(diǎn),如果要求加載速度較快,那么內(nèi)容則比較少,用戶點(diǎn)擊的次數(shù)增加,如果要顯示更多的內(nèi)容以減少點(diǎn)擊次數(shù),那加載速度要受到影響。

總結(jié)

瀑布流還是要慎用,除了少數(shù)一些場景,像用戶生產(chǎn)內(nèi)容的Twitter,F(xiàn)acebook和視覺內(nèi)容的Pinterest等。分頁相對來說是一個(gè)比較保險(xiǎn)的方案。
就像谷歌,圖片搜索是用瀑布流顯示,文字搜索用分頁顯示。
一般來說,瀑布流用于用戶沒有很明確的目的,只是喜歡獲取盡量多的信息的情況,分頁用于用戶有較明確的目的,對定位有一定的要求的情況。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,786評論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,841評論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,180評論 4 61
  • 直到現(xiàn)在,我還記得自己第一次坐火車時(shí)的那種心情。那是一種對陌生事物的向往,是一種對未知旅途的期待。心中既不安又憧憬...
    九月江城閱讀 1,803評論 0 9
  • 人與人之間,總有邂逅; 心與心之間,總會生情。 感情,沒有模板,只要感到心暖; 相處,沒有形式,全憑輕松自然。
    好時(shí)光生活薈閱讀 144評論 0 0