本文譯自: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)的方案。
就像谷歌,圖片搜索是用瀑布流顯示,文字搜索用分頁顯示。
一般來說,瀑布流用于用戶沒有很明確的目的,只是喜歡獲取盡量多的信息的情況,分頁用于用戶有較明確的目的,對定位有一定的要求的情況。