本文譯自:Infinite Scrolling vs Pagination by Nick Babich from UX Planet
沒有嚴(yán)格按照原文一字一句翻譯梧躺,只是根據(jù)自己的理解譯出其基本意思。
瀑布流和分頁設(shè)計是展示信息的兩種不同方式摸袁。瀑布流就是向下滾動頁面時內(nèi)容會不斷刷新以加載更多王悍,分頁設(shè)計就是將信息分成一頁一頁泰佳,然后通過點擊進(jìn)入萎胰。
下面是兩者的優(yōu)缺點
瀑布流
先說優(yōu)點
優(yōu)點1:通過流暢的顯示以及海量的信息吸引用戶
使用瀑布流顯示信息時,因為信息的顯示是實時的妆丘,特別是在移動設(shè)備上杨耙,隨著手指的下滑信息不斷出現(xiàn),該過程的流暢性會讓用戶更好地沉浸其中飘痛,同時,不斷出現(xiàn)的新的信息也會吸引住用戶容握。
當(dāng)然宣脉,這個優(yōu)點成立的前提是用戶沒有很明確的目的,反之會成為缺點剔氏。
優(yōu)點2:更好的操作體驗
滾動比點擊使用起來更加輕松塑猖,包括鼠標(biāo)滾動和手指滾動。根據(jù)菲茨定律谈跛,點擊所花費(fèi)的時間較長羊苟,除非點擊目標(biāo)夠大。而滾動則幾乎沒有負(fù)擔(dān)感憾。
優(yōu)點3:更好地適用于移動設(shè)備
移動設(shè)備屏幕較小蜡励,一屏顯示的東西不多,因此翻頁要比較頻繁。在這種情況下凉倚,瀑布流的顯示是具有更大的優(yōu)勢的兼都。
下面是缺點
缺點1:性能要求比較高
有兩點,一個是網(wǎng)速的要求稽寒,一個是設(shè)備的要求扮碧,如果達(dá)不到要求,瀑布流的顯示會有延遲杏糙,以上的優(yōu)點就都不存在了慎王。而且即使性能達(dá)到要求了,隨著東西展開越來越多宏侍,緩存越來越多赖淤,性能要求會更高。
缺點2:搜索和定位的不便
一旦離開頁面负芋,下次打開時要重新找到自己上次的內(nèi)容比較麻煩漫蛔,不能快速定位。現(xiàn)在有一些應(yīng)用可以恢復(fù)上次關(guān)閉時的位置旧蛾,但是往往會造成打開速度的變慢莽龟,因為加載的東西更多了。
缺點3:有點雞肋的滾動條
滾動條是用來顯示位置的锨天,但是在瀑布流中毯盈,你看著滾動條到達(dá)最低段了,然而隨著新內(nèi)容的加載病袄,又馬上上升搂赋,這時候滾動條的定位就沒什么實際意義了。不過我覺得還是有作用的益缠,可以用來快速返回前面脑奠。或者在兩個位置之間快速變換幅慌。
缺點4:沒有頁尾
一個無限的頁面宋欺,自然就沒有尾了,頁尾有時候會有一些有用的信息胰伍,但是用戶一滾動到最下面齿诞,又重新加載出新的東西,這會讓用戶感到沮喪骂租。
最好在頂部或者側(cè)邊加上頁尾的信息祷杈。
另外,有一個瀑布流的變形渗饮,就是不自動加載但汞,而是增加一個點擊加載更多的按鍵宿刮,這算是一個折中吧。
分頁
優(yōu)點1:對信息良好的控制
原文章分為3點去講特占,我覺得其實可以直接歸為一點糙置。
分頁顯示時,你可以快速地了解信息量的多少是目,比如搜索結(jié)果谤饭,是10頁,100頁懊纳,還是1000頁揉抵,然后你就可以有自己的預(yù)期,是要換個關(guān)鍵字嗤疯,還是往下翻翻看冤今,而且你可以估計所需要的大致時間。
另外一點就是快速地定位茂缚,你只要記得上次是在第幾頁戏罢,就可以快速達(dá)到。
優(yōu)點2:性能
相比于瀑布流對性能的要求脚囊,分頁因為其顯示內(nèi)容相對較少龟糕,要求較低。但是在由于每次點擊換頁都要重新加載悔耘,所以總體還是不如瀑布流流暢讲岁。
缺點1:額外的切換動作
顯而易見,就像前面說的衬以,點擊需要花費(fèi)一定的時間以及精力缓艳。而且,結(jié)合上一點看峻,如果要求加載速度較快阶淘,那么內(nèi)容則比較少,用戶點擊的次數(shù)增加互妓,如果要顯示更多的內(nèi)容以減少點擊次數(shù)舶治,那加載速度要受到影響。
總結(jié)
瀑布流還是要慎用车猬,除了少數(shù)一些場景,像用戶生產(chǎn)內(nèi)容的Twitter尺锚,F(xiàn)acebook和視覺內(nèi)容的Pinterest等珠闰。分頁相對來說是一個比較保險的方案。
就像谷歌瘫辩,圖片搜索是用瀑布流顯示伏嗜,文字搜索用分頁顯示坛悉。
一般來說,瀑布流用于用戶沒有很明確的目的承绸,只是喜歡獲取盡量多的信息的情況裸影,分頁用于用戶有較明確的目的,對定位有一定的要求的情況军熏。