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

本文譯自: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等珠闰。分頁相對來說是一個比較保險的方案。
就像谷歌瘫辩,圖片搜索是用瀑布流顯示伏嗜,文字搜索用分頁顯示坛悉。
一般來說,瀑布流用于用戶沒有很明確的目的承绸,只是喜歡獲取盡量多的信息的情況裸影,分頁用于用戶有較明確的目的,對定位有一定的要求的情況军熏。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末轩猩,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子荡澎,更是在濱河造成了極大的恐慌均践,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件摩幔,死亡現(xiàn)場離奇詭異彤委,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)或衡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進(jìn)店門焦影,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人封断,你說我怎么就攤上這事斯辰。” “怎么了澄港?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵椒涯,是天一觀的道長。 經(jīng)常有香客問我回梧,道長废岂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任狱意,我火速辦了婚禮湖苞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘详囤。我一直安慰自己财骨,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布藏姐。 她就那樣靜靜地躺著隆箩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪羔杨。 梳的紋絲不亂的頭發(fā)上捌臊,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天,我揣著相機(jī)與錄音兜材,去河邊找鬼理澎。 笑死逞力,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的糠爬。 我是一名探鬼主播寇荧,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼执隧!你這毒婦竟也來了揩抡?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤殴玛,失蹤者是張志新(化名)和其女友劉穎捅膘,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體滚粟,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡寻仗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了凡壤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片署尤。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖亚侠,靈堂內(nèi)的尸體忽然破棺而出曹体,到底是詐尸還是另有隱情,我是刑警寧澤硝烂,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布箕别,位于F島的核電站,受9級特大地震影響滞谢,放射性物質(zhì)發(fā)生泄漏串稀。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一狮杨、第九天 我趴在偏房一處隱蔽的房頂上張望母截。 院中可真熱鬧,春花似錦橄教、人聲如沸清寇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽华烟。三九已至,卻和暖如春持灰,著一層夾襖步出監(jiān)牢的瞬間垦江,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留比吭,地道東北人。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓姨涡,卻偏偏與公主長得像衩藤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子涛漂,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,486評論 2 348

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

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