內(nèi)容是無(wú)止境的，但用戶的耐心不是。

什么是無(wú)限滾動(dòng)？

這是一種網(wǎng)站設(shè)計(jì)技術(shù)，當(dāng)用戶向下滾動(dòng)一個(gè)頁(yè)面時(shí)，更多的內(nèi)容會(huì)自動(dòng)并持續(xù)地在底部加載，從而使用戶不必再點(diǎn)擊下一個(gè)頁(yè)面。

無(wú)限滾動(dòng)背后的理念是讓人們享受無(wú)摩擦的瀏覽體驗(yàn)。他們可以瀏覽網(wǎng)站，隨意瀏覽內(nèi)容，而不需要一個(gè)煩人的“下一頁(yè)”按鈕打斷他們的瀏覽。

然而，如果沒(méi)有一個(gè)自然的終點(diǎn)，人們就會(huì)繼續(xù)往前走。事實(shí)上，《無(wú)限滾動(dòng)》就是為了吸引你而設(shè)計(jì)的。

阿扎·拉斯金會(huì)稱之為上癮。他會(huì)知道；他設(shè)計(jì)的。在過(guò)去的幾年里，他一直在進(jìn)行某種道歉之旅，警告人們讓人上癮的科技帶來(lái)的心理和社會(huì)弊病，同時(shí)他還打著道德設(shè)計(jì)的旗幟集結(jié)軍隊(duì)。

拉斯金在接受《華爾街日?qǐng)?bào)》采訪時(shí)表示，他制作無(wú)限滾動(dòng)屏的初衷很單純：他希望用戶不再需要再做另一個(gè)他認(rèn)為他們并不關(guān)心的選擇。他認(rèn)為，如果用戶已經(jīng)在滾動(dòng)，他們可能只是想要更多的內(nèi)容，那么為什么不為他們加載它，并繼續(xù)在下面添加內(nèi)容呢？這對(duì)其他人也有意義，這個(gè)想法開始流行起來(lái)?，F(xiàn)在，無(wú)限滾動(dòng)在社交媒體平臺(tái)、博客和電子商務(wù)網(wǎng)站無(wú)處不在。

雖然無(wú)限滾動(dòng)屏可以為用戶提供流暢的瀏覽體驗(yàn)，但許多網(wǎng)站設(shè)計(jì)師認(rèn)為還有更好的方法來(lái)瀏覽網(wǎng)站。

反對(duì)無(wú)限滾動(dòng)的案例

這可能會(huì)導(dǎo)致社交媒體成癮

2022年，美國(guó)參議員喬?！せ衾?Josh Hawley)推出了《減少社交媒體成癮技術(shù)(SMART)法案》(Social Media Addiction Reduction Technology Act)。如果獲得通過(guò)，該法案將禁止社交媒體平臺(tái)使用某些做法，包括“無(wú)限滾動(dòng)”(無(wú)限滾動(dòng))，該法案稱其利用人類心理。

圍繞著社交媒體成癮的流行程度和影響的問(wèn)題仍然存在爭(zhēng)議，需要更多的研究來(lái)得出說(shuō)服性設(shè)計(jì)(如無(wú)限滾動(dòng))對(duì)成癮的影響。

盡管如此，謹(jǐn)慎的網(wǎng)站設(shè)計(jì)師在執(zhí)行類似老虎機(jī)的功能前還是要三思而后行。

相關(guān)的

他幫助構(gòu)建了讓人上癮的社會(huì)循環(huán)，現(xiàn)在他想幫你擺脫困境

它冒著違反易訪問(wèn)性的風(fēng)險(xiǎn)

無(wú)限滾動(dòng)會(huì)讓用戶的導(dǎo)航變得特別困難。那些依賴輔助技術(shù)來(lái)訪問(wèn)網(wǎng)站頁(yè)腳、邊欄和其他相關(guān)頁(yè)面的人，在不斷加載內(nèi)容的界面上可能無(wú)法這樣做。無(wú)限滾動(dòng)冒著疏遠(yuǎn)這些用戶的風(fēng)險(xiǎn)，并且在此過(guò)程中違反了Web內(nèi)容可訪問(wèn)性準(zhǔn)則。

它使腳不可能達(dá)到

網(wǎng)站可訪問(wèn)性和用戶體驗(yàn)顧問(wèn)阿德里安·羅塞利(Adrian Roselli)告訴內(nèi)置軟件，他偶爾會(huì)看到客戶端在頁(yè)面底部添加了一個(gè)頁(yè)腳，并進(jìn)行無(wú)限滾動(dòng)。這是一個(gè)太常見的錯(cuò)誤了，它讓“關(guān)于”和“聯(lián)系”鏈接遙不可及，這給那些試圖訪問(wèn)相關(guān)信息但無(wú)法訪問(wèn)的用戶帶來(lái)了麻煩。

羅塞利說(shuō)，對(duì)于新手或只使用鍵盤的用戶來(lái)說(shuō)，試圖導(dǎo)航到無(wú)法訪問(wèn)的內(nèi)容是非常令人沮喪的，因?yàn)殡S著時(shí)間的推移，越來(lái)越多的內(nèi)容被加載。

“這會(huì)把他們逼瘋的?！?

它可能導(dǎo)致用戶失去他們的位置

假設(shè)一個(gè)電子商務(wù)商店使用無(wú)限滾動(dòng)將其所有產(chǎn)品顯示在一個(gè)頁(yè)面上，而不是將它們劃分為每個(gè)頁(yè)面顯示十幾種產(chǎn)品。

當(dāng)用戶看到一個(gè)他們喜歡的商品時(shí)，他們可能會(huì)點(diǎn)擊一個(gè)單獨(dú)的產(chǎn)品在一個(gè)新的頁(yè)面上查看它。如果他們想繼續(xù)瀏覽，他們會(huì)點(diǎn)擊“返回”按鈕，希望回到他們離開的地方。但大多數(shù)情況下，他們不會(huì)這樣做。它們將返回到前一頁(yè)的頂部。為了回到點(diǎn)擊之前的位置，他們必須再次向下滾動(dòng)。

精明的互聯(lián)網(wǎng)用戶為了避免這種煩惱，可以通過(guò)點(diǎn)擊控制鍵來(lái)創(chuàng)建新的標(biāo)簽頁(yè)，而不會(huì)在滾動(dòng)頁(yè)面中丟失它們的位置。但任何依賴于用戶使用高級(jí)策略以避免令人沮喪的體驗(yàn)的設(shè)計(jì)都需要重新審視。

它會(huì)降低特定目標(biāo)用戶的速度

無(wú)限滾動(dòng)對(duì)于目標(biāo)驅(qū)動(dòng)型用戶來(lái)說(shuō)是個(gè)麻煩。

如果用戶訪問(wèn)了一個(gè)網(wǎng)站，并且清楚地知道他們想要什么，但是他們想要的是無(wú)限滾動(dòng)的內(nèi)容，他們?nèi)匀槐黄认葹g覽一堆無(wú)關(guān)的內(nèi)容。沒(méi)有辦法快速跳到他們的目標(biāo)目的地。

羅塞利說(shuō)：“如果我在一個(gè)產(chǎn)品網(wǎng)站上想要一條褲子，那是字母‘p’，我不想翻看字母表中的其他15個(gè)字母?！薄白屛尹c(diǎn)擊‘p’，然后跳到無(wú)限滾動(dòng)的那部分?！?

它混淆了用戶的直覺(jué)

一些博客和新聞網(wǎng)站也使用無(wú)限滾動(dòng)。它們?cè)谝粋€(gè)無(wú)休止?jié)L動(dòng)的頁(yè)面上堆疊文章，當(dāng)用戶向下滾動(dòng)時(shí)，每篇連續(xù)的文章都會(huì)在地址欄中創(chuàng)建一個(gè)新的URL。

這可能會(huì)鼓勵(lì)被動(dòng)用戶逗留并閱讀“再看一篇”文章，這有助于提高網(wǎng)站的頁(yè)面瀏覽量和退回率——但它會(huì)給大多數(shù)訪問(wèn)者帶來(lái)令人沮喪的體驗(yàn)。

用戶界面和用戶體驗(yàn)設(shè)計(jì)顧問(wèn)Hugh Guiney說(shuō)，網(wǎng)站設(shè)計(jì)“打破了網(wǎng)絡(luò)的思維模式”。

“很久以來(lái)，每個(gè)頁(yè)面都只有一個(gè)URL，”他說(shuō)?！艾F(xiàn)在每個(gè)頁(yè)面的url數(shù)就像n個(gè)?！?

互聯(lián)網(wǎng)用戶在閱讀一篇在線文章時(shí)希望有一種進(jìn)展感，在完成一篇文章時(shí)希望有一種終結(jié)感。但無(wú)限的滾動(dòng)會(huì)破壞這一點(diǎn)，導(dǎo)致迷失方向。

桂尼說(shuō)，在使用無(wú)限滾動(dòng)的新聞網(wǎng)站上，用戶很容易不小心滾動(dòng)過(guò)他們讀過(guò)的文章，復(fù)制下一篇文章的URL，并把錯(cuò)誤的文章分享給他們的朋友。這是在使用分頁(yè)的網(wǎng)站上不會(huì)發(fā)生的事情。

無(wú)限滾動(dòng)的替代方案

網(wǎng)站設(shè)計(jì)師不需要在他們的網(wǎng)站或應(yīng)用程序中添加無(wú)限滾動(dòng)。相反，他們可以選擇兩個(gè)常見的選項(xiàng)之一：分頁(yè)和加載更多按鈕。

分頁(yè)

分頁(yè)可能是組織web內(nèi)容的最明顯的方法。它涉及到將內(nèi)容劃分為離散的頁(yè)面，每個(gè)頁(yè)面填充有限數(shù)量的條目。它很清晰，并提供用戶所期望的內(nèi)容。分頁(yè)幾乎沒(méi)有什么奇怪的地方。

它還可以讓用戶了解物品的位置。例如，在電子商務(wù)網(wǎng)站上購(gòu)買帽子的用戶可能會(huì)看到第四頁(yè)，然后意識(shí)到選擇越來(lái)越少，并回憶起他們最喜歡的選項(xiàng)在第二頁(yè)或左右。對(duì)于分頁(yè)來(lái)說(shuō)，返回到特定hat的位置是一項(xiàng)非常簡(jiǎn)單的任務(wù)。

加載更多按鈕

“更多加載”按鈕通常放在一大塊內(nèi)容下面，詢問(wèn)用戶是否想看到更多結(jié)果。與《無(wú)限滾動(dòng)》不同的是，它并沒(méi)有假設(shè)它們會(huì)這樣做。這給了他們一個(gè)自然的終點(diǎn)，一個(gè)繼續(xù)的選擇。它允許用戶在需要時(shí)訪問(wèn)頁(yè)腳。

與分頁(yè)不同，load-more按鈕不會(huì)將內(nèi)容分解為離散的、按編號(hào)或字母排序的頁(yè)面。

不過(guò)，帶有“更多加載”按鈕的網(wǎng)站的體驗(yàn)與無(wú)限滾動(dòng)的網(wǎng)站有點(diǎn)相似。例如，在用戶點(diǎn)擊“加載更多”幾次后，他們有一個(gè)大的項(xiàng)目合并頁(yè)面，而不是多個(gè)項(xiàng)目頁(yè)面。因此，無(wú)限滾動(dòng)的缺點(diǎn)仍然存在：點(diǎn)擊鏈接后仍然很難回到原來(lái)的位置，用戶仍然無(wú)法從完成一個(gè)頁(yè)面中獲得進(jìn)展的感覺(jué)。

包容性設(shè)計(jì)有多種形式

無(wú)限滾動(dòng)的例子

無(wú)縫移動(dòng)滾動(dòng)

刪除頁(yè)面底部的頁(yè)碼和按鈕，支持無(wú)限滾動(dòng)，可能會(huì)為用戶帶來(lái)優(yōu)雅、無(wú)縫的瀏覽體驗(yàn)。尤其是在移動(dòng)設(shè)備上，用戶已經(jīng)習(xí)慣用拇指滑動(dòng)，而不是點(diǎn)擊按鈕來(lái)獲取額外內(nèi)容。

偶然瀏覽

當(dāng)用戶的主要?jiǎng)幼魇请S意瀏覽社交媒體時(shí)，無(wú)限滾動(dòng)也是一種直觀的設(shè)計(jì)選擇。在這種情況下，信息的及時(shí)性是至關(guān)重要的，每一點(diǎn)信息都具有同等的重要性。而且總是有新的更新。

“如果你把這些信息分頁(yè)，它真的沒(méi)有任何意義，”基尼說(shuō)。當(dāng)你翻到第二頁(yè)的時(shí)候，第一頁(yè)的結(jié)果已經(jīng)出現(xiàn)了。這使得無(wú)限滾動(dòng)——而不是分頁(yè)——自然適合于用戶通常沒(méi)有特定目標(biāo)的社交提要。

無(wú)限滾動(dòng)也適用于聊天風(fēng)格的應(yīng)用程序，比如短信或Slack，用戶通常不需要找到特定的信息，也不用擔(dān)心看到所有東西。羅塞利說(shuō)：“那些真的只是瞬間，你沉浸在其中，又沉浸在其中。”

制作《無(wú)限滾動(dòng)》的技巧

通常情況下，網(wǎng)站設(shè)計(jì)師都希望避免無(wú)限滾動(dòng)。但羅塞利說(shuō)，如果他們決定使用它，他們應(yīng)該記住幾件事。

不要在無(wú)限滾動(dòng)后放置內(nèi)容

把一個(gè)網(wǎng)站的頁(yè)腳粘貼在無(wú)止境的加載內(nèi)容的海洋下，用戶承擔(dān)了一個(gè)西西弗斯的任務(wù)。他們會(huì)因此生你的氣的。這樣做是對(duì)的。把重要的信息放在容易拿到的地方。

當(dāng)用戶點(diǎn)擊“后退”按鈕時(shí)，讓他們回到原來(lái)的位置

沒(méi)有什么比失去你的位置，不得不滾動(dòng)相同的內(nèi)容，只是回到你停止的地方更令人沮喪的了。在后端編寫代碼，讓用戶回到他們?cè)瓉?lái)的地方。

提供跳躍前進(jìn)的能力

不要讓你的用戶為了找到他們想要的東西而去滾動(dòng)他們知道他們不需要的內(nèi)容，從而浪費(fèi)時(shí)間。包括按鈕，讓他們跳轉(zhuǎn)到特定的字母或數(shù)字。

讓它為只有鍵盤的用戶工作

以這樣一種方式構(gòu)建和測(cè)試您的無(wú)限滾動(dòng)，以便僅使用鍵盤的用戶和屏幕閱讀器的用戶能夠按照預(yù)期體驗(yàn)到您的頁(yè)面。他們不應(yīng)該點(diǎn)擊“標(biāo)簽”按鈕一百次才到達(dá)他們需要去的地方。解決方案可能是包括一個(gè)選項(xiàng)來(lái)關(guān)閉無(wú)限滾動(dòng)，并允許用戶使用分頁(yè)或加載更多按鈕，如果他們?cè)敢狻?

首先測(cè)試

羅塞利說(shuō)：“在花時(shí)間寫代碼之前，先弄清楚你要解決的問(wèn)題是什么?！崩纾绻W(wǎng)站設(shè)計(jì)師想增加在網(wǎng)站上的時(shí)間，降低跳出率，他們就應(yīng)該創(chuàng)建原型，在不同用戶(包括殘疾用戶)中進(jìn)行測(cè)試，看看設(shè)計(jì)是否真的支持這個(gè)目標(biāo)。

無(wú)論設(shè)計(jì)者最終決定采取什么路線——無(wú)限滾動(dòng)，加載更多按鈕，分頁(yè)，甚至只是一個(gè)搜索欄——首先測(cè)試它，收集用戶反饋是最重要的步驟。