▲點(diǎn)擊 "TCC翻譯情報(bào)局" 關(guān)注，回復(fù) "社群" 加入我們

本文共 2720 字，預(yù)計(jì)閱讀 7 分鐘
TCC 情報(bào)局的第 46 篇干貨分享
2021 年的第 34 篇

TCC 推薦：大家好，這里是 TCC 翻譯情報(bào)局，我是李澤慧?！胺猪摗?和 “瀑布流” 是我們在互聯(lián)網(wǎng)交互界面中最常見的兩種瀏覽形式，作者從自己親身經(jīng)歷的一件小事出發(fā)，反思這一在交互設(shè)計(jì)中經(jīng)常出現(xiàn)的問題，舉例說明了在哪些情況下我們往往會(huì)選擇使用分頁或者是瀑布流，并分析其背后的復(fù)雜原因，同時(shí)還對桌面端和移動(dòng)端的差異做了更深層次的思考，最后，作者結(jié)合以上思考為我們提出了三條在使用分頁或瀑布流前要考慮的事情，幫助我們做出更好的選擇。給我們留言吧，談?wù)勀阍谌粘Ｉ钪泻妥鲈O(shè)計(jì)時(shí)是否也有過這樣的分析與反思，是否有相同的經(jīng)歷和感受？你有哪些經(jīng)驗(yàn)分享呢？

對我們大多數(shù)人來說，2020 年是艱難的一年，但是好在還可以在附近旅行，于是我和表弟計(jì)劃 12 月初到海灘過周末。但當(dāng)我們在一個(gè)叫 Powerlook 的購物網(wǎng)站上買衣服時(shí)，遇到了一個(gè)相當(dāng)煩人的問題。

我在電話里向表弟描述一件特別的襯衫，但他在網(wǎng)站上卻怎么也找不到。由于我沒有把它加入心愿單，導(dǎo)致不得不重新搜索，并在瀏覽的同時(shí)保持注意力高度集中，避免在我不耐煩地向下滾動(dòng)頁面時(shí)錯(cuò)過它。

每次他找不到我正在描述的產(chǎn)品時(shí)，我就只能傻傻地向下滾動(dòng)頁面來找到它。天吶，這太煩人了！

如果他們像 Amazon 或 Flipkart 那樣對內(nèi)容進(jìn)行分頁，我只要記住頁碼就可以在查找產(chǎn)品時(shí)節(jié)省大量的時(shí)間和精力。

Flipkart 上的分頁

如果你不知道分頁是什么，請參閱下圖。沒錯(cuò)，在頁面底部用一行數(shù)字鏈接到單獨(dú)的頁面，就稱為分頁。

Credits: PNGio

作為設(shè)計(jì)師，這件事讓我深思。

我們應(yīng)該選擇在何時(shí)使用分頁或瀑布流？

When should we use Pagination vs Infinite Scroll？

老實(shí)說，這個(gè)問題的答案并不是二選一，它取決于許多因素，包括對內(nèi)容優(yōu)先級(jí)的考慮。

如果想要區(qū)分這兩者，我們只需搞清楚我們上網(wǎng)的目的究竟是什么：是搜索還是瀏覽？而大多數(shù)人往往傾向于交替使用這些術(shù)語。

搜索是一種目標(biāo)導(dǎo)向型的查找任務(wù)，你需要從海量信息中尋找特定的內(nèi)容或選擇 。想象你正在亞馬遜上購物或者是在 VOGUE 上閱讀文章，在這種情景下，“分頁”方式剛好合適，因?yàn)樗鼘?nèi)容分解成了易于使用的區(qū)塊。

與搜索不同，瀏覽是為了娛樂或?qū)ふ异`感，你需要多個(gè)結(jié)果，并沒有特定的目標(biāo)。就像花時(shí)間在 Facebook 上或者在 YouTube 上隨機(jī)觀看視頻那樣。這些活動(dòng)需要做出大量的選擇，因此 “瀑布流” 比較合適。

用于圖像還是文字？

谷歌就是說明這一點(diǎn)的最好例子。谷歌搜索使用的是 “分頁” 的形式，但是谷歌圖片使用的則是 “瀑布流”。

谷歌搜索使用的是分頁形式

谷歌圖片使用的是瀑布流形式

很有道理對吧？我的意思是，除了在我們找到目標(biāo)文章之前的那幾篇，誰會(huì)瀏覽搜索結(jié)果中的所有文章？但是，當(dāng)我們尋找圖像時(shí)，實(shí)際上是在瀏覽，需要越來越多的內(nèi)容。

但是，并沒有這么簡單。

我說谷歌搜索使用分頁形式時(shí)，指的是它的桌面端。盡管它是一個(gè) “搜索” 工具，但在移動(dòng)端使用的卻是 “瀑布流” 的形式。

這是為什么呢？

“瀑布流” 在移動(dòng)設(shè)備上表現(xiàn)不錯(cuò)

其中部分原因可能是，移動(dòng)設(shè)備上，通過滑動(dòng)手勢來動(dòng)態(tài)加載結(jié)果是非常直觀的。另外，相較于桌面端，移動(dòng)設(shè)備的屏幕面積往往更小，因此一次性顯示的內(nèi)容不多，信息顯示更加清晰。所以對于移動(dòng)端來說，“瀑布流” 看起來是個(gè)明智的選擇。

這是瀑布流的另一個(gè)好處。

“瀑布流” 的滾動(dòng)操作能夠提高參與度

以 Instagram、Facebook、Pinterest 和 Twitter 舉例，瀑布流正是他們?nèi)〉镁薮蟪晒Φ脑蛑弧．?dāng)我們使用這些軟件的時(shí)候，腦海里并沒有任何特定的目標(biāo)。我們每一次滾動(dòng)頁面時(shí)都會(huì)有新的內(nèi)容出現(xiàn)，而不需要將指針放到什么數(shù)字上并點(diǎn)擊它，此時(shí)分頁反而增加了交互成本。

滾動(dòng)是延續(xù)，而點(diǎn)擊是決定。

— ?Josh Porter

在 Instagram 上滾動(dòng)頁面

不過，如果你認(rèn)為瀑布流能解決你的問題，先等等，這是 Nielsen Norman 集團(tuán)對理想解決方案的看法：

瀑布流似乎是分頁形式優(yōu)雅的替代品 。然而，它并不是大多數(shù)網(wǎng)站的合理選擇。如果網(wǎng)站訪問者想要實(shí)現(xiàn)目標(biāo)導(dǎo)向型的活動(dòng)，比如當(dāng)他們需要快速回溯或查找特定信息時(shí)，瀑布流可能就不適合。

—— 《瀑布流并不適用于所有網(wǎng)站》

那么，回到我們最關(guān)心的問題，

放棄分頁而使用瀑布流真的是明智之舉嗎？

Is it wise to get rid of Pagination for Infinite Scrolling?

也許在你做決定之前應(yīng)該考慮以下幾點(diǎn)：

1. 劃過意味著錯(cuò)過！

正如一開始提到的，在瀑布流中定位內(nèi)容是相當(dāng)煩人的，并且會(huì)導(dǎo)致糟糕的用戶體驗(yàn)。而使用分頁的話，即使你記不起確切的頁碼，至少也可以記住大致的頁碼，這樣可以減少導(dǎo)航的麻煩。

2. 分頁利用了你的控制欲

這是心理上的感覺。沒有什么比從我們手中奪走控制權(quán)更褻瀆神明的了。我知道這有點(diǎn)過分，但我們確實(shí)喜歡控制一切，不是嗎？

分頁會(huì)給你一種控制感。除非你愿意，否則它不會(huì)向你展示大量的內(nèi)容。最重要的是，它不會(huì)讓你去猜頁面何時(shí)結(jié)束。

3. 瀑布流會(huì)使?jié)L動(dòng)條失靈

滾動(dòng)條的長度應(yīng)該反映頁面的長度。然而，在瀑布流頁面中，一旦你認(rèn)為你已經(jīng)滑到了頁面盡頭，滾動(dòng)條會(huì)突然失靈，然后顯示雙倍的未讀內(nèi)容。這對用戶來說簡直是個(gè)惡作劇。我們不喜歡被愚弄，隨時(shí)可能會(huì)憤怒地關(guān)掉頁面。

Credits：Giphy

以上就是在 “分頁” 和 “瀑布流” 之間進(jìn)行兩難選擇時(shí)，你應(yīng)該考慮的一切。兩者都有各自的優(yōu)缺點(diǎn)，需要進(jìn)行權(quán)衡才能做出選擇。談?wù)勀銓@件事的看法吧~

原文：https://uxdesign.cc/should-we-get-rid-of-pagination-for-infinite-scrolling-70b20cb21294

作者：Darshan Kanade

譯者：邵俊森

審核：李澤慧、張聿彤

編輯：孫淑雅

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）

往期精選文章：

添加小助手微信，備注「社群」，即可加入讀者群。

瀑布流還是分頁？全面分析教你如何選擇

本文共 2720 字，預(yù)計(jì)閱讀 7 分鐘
TCC 情報(bào)局的第 46 篇干貨分享
2021 年的第 34 篇

我們應(yīng)該選擇在何時(shí)使用分頁或瀑布流？

When should we use Pagination vs Infinite Scroll？

用于圖像還是文字？

“瀑布流” 的滾動(dòng)操作能夠提高參與度

放棄分頁而使用瀑布流真的是明智之舉嗎？

Is it wise to get rid of Pagination for Infinite Scrolling?

1. 劃過意味著錯(cuò)過！

2. 分頁利用了你的控制欲

3. 瀑布流會(huì)使?jié)L動(dòng)條失靈

英雄聯(lián)盟設(shè)計(jì)師揭秘游戲行業(yè)的用戶體驗(yàn)設(shè)計(jì)師角色

案例研究｜康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)師能從日式美學(xué)中學(xué)到什么？

案例研究｜一款為你帶來難忘體驗(yàn)的美食 APP

如何制作打動(dòng)面試官的作品集，這里有一份完整的指導(dǎo)手冊

如何做好用戶體驗(yàn)項(xiàng)目？從一個(gè)好計(jì)劃開始

如何建立設(shè)計(jì)系統(tǒng)

如何把握不同層級(jí)用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)

TCC 視野｜2021 年用戶體驗(yàn)設(shè)計(jì)趨勢分析

瀑布流還是分頁？全面分析教你如何選擇

本文共 2720 字，預(yù)計(jì)閱讀 7 分鐘TCC 情報(bào)局的 第 46 篇 干貨分享2021 年的 第 34 篇

我們應(yīng)該選擇在何時(shí)使用分頁或瀑布流？

When should we use Pagination vs Infinite Scroll？

用于圖像還是文字？

“瀑布流” 的滾動(dòng)操作能夠提高參與度

放棄分頁而使用瀑布流真的是明智之舉嗎？

Is it wise to get rid of Pagination for Infinite Scrolling?

1. 劃過意味著錯(cuò)過！

2. 分頁利用了你的控制欲

3. 瀑布流會(huì)使?jié)L動(dòng)條失靈

瀑布流還是分頁？全面分析教你如何選擇

本文共 2720 字，預(yù)計(jì)閱讀 7 分鐘
TCC 情報(bào)局的第 46 篇干貨分享
2021 年的第 34 篇

我們應(yīng)該選擇在何時(shí)使用分頁或瀑布流？

When should we use Pagination vs Infinite Scroll？

用于圖像還是文字？

放棄分頁而使用瀑布流真的是明智之舉嗎？