內容是無止境的,但用戶的耐心不是。
什么是無限滾動?
這是一種網(wǎng)站設計技術,當用戶向下滾動一個頁面時,更多的內容會自動并持續(xù)地在底部加載,從而使用戶不必再點擊下一個頁面。
無限滾動背后的理念是讓人們享受無摩擦的瀏覽體驗。他們可以瀏覽網(wǎng)站,隨意瀏覽內容,而不需要一個煩人的“下一頁”按鈕打斷他們的瀏覽。
然而,如果沒有一個自然的終點,人們就會繼續(xù)往前走。事實上,《無限滾動》就是為了吸引你而設計的。
阿扎·拉斯金會稱之為上癮。他會知道;他設計的。在過去的幾年里,他一直在進行某種道歉之旅,警告人們讓人上癮的科技帶來的心理和社會弊病,同時他還打著道德設計的旗幟集結軍隊。
拉斯金在接受《華爾街日報》采訪時表示,他制作無限滾動屏的初衷很單純:他希望用戶不再需要再做另一個他認為他們并不關心的選擇。他認為,如果用戶已經(jīng)在滾動,他們可能只是想要更多的內容,那么為什么不為他們加載它,并繼續(xù)在下面添加內容呢?這對其他人也有意義,這個想法開始流行起來。現(xiàn)在,無限滾動在社交媒體平臺、博客和電子商務網(wǎng)站無處不在。
雖然無限滾動屏可以為用戶提供流暢的瀏覽體驗,但許多網(wǎng)站設計師認為還有更好的方法來瀏覽網(wǎng)站。
反對無限滾動的案例
這可能會導致社交媒體成癮
2019年,美國參議員喬希·霍利(Josh Hawley)推出了《減少社交媒體成癮技術(SMART)法案》(Social Media Addiction Reduction Technology Act)。如果獲得通過,該法案將禁止社交媒體平臺使用某些做法,包括“無限滾動”(無限滾動),該法案稱其利用人類心理。
圍繞著社交媒體成癮的流行程度和影響的問題仍然存在爭議,需要更多的研究來得出說服性設計(如無限滾動)對成癮的影響。
盡管如此,謹慎的網(wǎng)站設計師在執(zhí)行類似老虎機的功能前還是要三思而后行。
相關的
他幫助構建了讓人上癮的社會循環(huán),現(xiàn)在他想幫你擺脫困境
它冒著違反易訪問性的風險
無限滾動會讓用戶的導航變得特別困難。那些依賴輔助技術來訪問網(wǎng)站頁腳、邊欄和其他相關頁面的人,在不斷加載內容的界面上可能無法這樣做。無限滾動冒著疏遠這些用戶的風險,并且在此過程中違反了Web內容可訪問性準則。
它使腳不可能達到
網(wǎng)站可訪問性和用戶體驗顧問阿德里安·羅塞利(Adrian Roselli)告訴內置軟件,他偶爾會看到客戶端在頁面底部添加了一個頁腳,并進行無限滾動。這是一個太常見的錯誤了,它讓“關于”和“聯(lián)系”鏈接遙不可及,這給那些試圖訪問相關信息但無法訪問的用戶帶來了麻煩。
羅塞利說,對于新手或只使用鍵盤的用戶來說,試圖導航到無法訪問的內容是非常令人沮喪的,因為隨著時間的推移,越來越多的內容被加載。
“這會把他們逼瘋的。”
它可能導致用戶失去他們的位置
假設一個電子商務商店使用無限滾動將其所有產(chǎn)品顯示在一個頁面上,而不是將它們劃分為每個頁面顯示十幾種產(chǎn)品。
當用戶看到一個他們喜歡的商品時,他們可能會點擊一個單獨的產(chǎn)品在一個新的頁面上查看它。如果他們想繼續(xù)瀏覽,他們會點擊“返回”按鈕,希望回到他們離開的地方。但大多數(shù)情況下,他們不會這樣做。它們將返回到前一頁的頂部。為了回到點擊之前的位置,他們必須再次向下滾動。
精明的互聯(lián)網(wǎng)用戶為了避免這種煩惱,可以通過點擊控制鍵來創(chuàng)建新的標簽頁,而不會在滾動頁面中丟失它們的位置。但任何依賴于用戶使用高級策略以避免令人沮喪的體驗的設計都需要重新審視。
它會降低特定目標用戶的速度
無限滾動對于目標驅動型用戶來說是個麻煩。
如果用戶訪問了一個網(wǎng)站,并且清楚地知道他們想要什么,但是他們想要的是無限滾動的內容,他們仍然被迫先瀏覽一堆無關的內容。沒有辦法快速跳到他們的目標目的地。
羅塞利說:“如果我在一個產(chǎn)品網(wǎng)站上想要一條褲子,那是字母‘p’,我不想翻看字母表中的其他15個字母。”“讓我點擊‘p’,然后跳到無限滾動的那部分。”
它混淆了用戶的直覺
一些博客和新聞網(wǎng)站也使用無限滾動。它們在一個無休止?jié)L動的頁面上堆疊文章,當用戶向下滾動時,每篇連續(xù)的文章都會在地址欄中創(chuàng)建一個新的URL。
這可能會鼓勵被動用戶逗留并閱讀“再看一篇”文章,這有助于提高網(wǎng)站的頁面瀏覽量和退回率——但它會給大多數(shù)訪問者帶來令人沮喪的體驗。
用戶界面和用戶體驗設計顧問Hugh Guiney說,網(wǎng)站設計“打破了網(wǎng)絡的思維模式”。
“很久以來,每個頁面都只有一個URL,”他說。“現(xiàn)在每個頁面的url數(shù)就像n個。”
互聯(lián)網(wǎng)用戶在閱讀一篇在線文章時希望有一種進展感,在完成一篇文章時希望有一種終結感。但無限的滾動會破壞這一點,導致迷失方向。
桂尼說,在使用無限滾動的新聞網(wǎng)站上,用戶很容易不小心滾動過他們讀過的文章,復制下一篇文章的URL,并把錯誤的文章分享給他們的朋友。這是在使用分頁的網(wǎng)站上不會發(fā)生的事情。
無限滾動的替代方案
網(wǎng)站設計師不需要在他們的網(wǎng)站或應用程序中添加無限滾動。相反,他們可以選擇兩個常見的選項之一:分頁和加載更多按鈕。
分頁
分頁可能是組織web內容的最明顯的方法。它涉及到將內容劃分為離散的頁面,每個頁面填充有限數(shù)量的條目。它很清晰,并提供用戶所期望的內容。分頁幾乎沒有什么奇怪的地方。
它還可以讓用戶了解物品的位置。例如,在電子商務網(wǎng)站上購買帽子的用戶可能會看到第四頁,然后意識到選擇越來越少,并回憶起他們最喜歡的選項在第二頁或左右。對于分頁來說,返回到特定hat的位置是一項非常簡單的任務。
加載更多按鈕
“更多加載”按鈕通常放在一大塊內容下面,詢問用戶是否想看到更多結果。與《無限滾動》不同的是,它并沒有假設它們會這樣做。這給了他們一個自然的終點,一個繼續(xù)的選擇。它允許用戶在需要時訪問頁腳。
與分頁不同,load-more按鈕不會將內容分解為離散的、按編號或字母排序的頁面。
不過,帶有“更多加載”按鈕的網(wǎng)站的體驗與無限滾動的網(wǎng)站有點相似。例如,在用戶點擊“加載更多”幾次后,他們有一個大的項目合并頁面,而不是多個項目頁面。因此,無限滾動的缺點仍然存在:點擊鏈接后仍然很難回到原來的位置,用戶仍然無法從完成一個頁面中獲得進展的感覺。
包容性設計有多種形式
無限滾動的例子
無縫移動滾動
刪除頁面底部的頁碼和按鈕,支持無限滾動,可能會為用戶帶來優(yōu)雅、無縫的瀏覽體驗。尤其是在移動設備上,用戶已經(jīng)習慣用拇指滑動,而不是點擊按鈕來獲取額外內容。
偶然瀏覽
當用戶的主要動作是隨意瀏覽社交媒體時,無限滾動也是一種直觀的設計選擇。在這種情況下,信息的及時性是至關重要的,每一點信息都具有同等的重要性。而且總是有新的更新。
“如果你把這些信息分頁,它真的沒有任何意義,”基尼說。當你翻到第二頁的時候,第一頁的結果已經(jīng)出現(xiàn)了。這使得無限滾動——而不是分頁——自然適合于用戶通常沒有特定目標的社交提要。
無限滾動也適用于聊天風格的應用程序,比如短信或Slack,用戶通常不需要找到特定的信息,也不用擔心看到所有東西。羅塞利說:“那些真的只是瞬間,你沉浸在其中,又沉浸在其中。”
制作《無限滾動》的技巧
通常情況下,網(wǎng)站設計師都希望避免無限滾動。但羅塞利說,如果他們決定使用它,他們應該記住幾件事。
不要在無限滾動后放置內容
把一個網(wǎng)站的頁腳粘貼在無止境的加載內容的海洋下,用戶承擔了一個西西弗斯的任務。他們會因此生你的氣的。這樣做是對的。把重要的信息放在容易拿到的地方。
當用戶點擊“后退”按鈕時,讓他們回到原來的位置
沒有什么比失去你的位置,不得不滾動相同的內容,只是回到你停止的地方更令人沮喪的了。在后端編寫代碼,讓用戶回到他們原來的地方。
提供跳躍前進的能力
不要讓你的用戶為了找到他們想要的東西而去滾動他們知道他們不需要的內容,從而浪費時間。包括按鈕,讓他們跳轉到特定的字母或數(shù)字。
讓它為只有鍵盤的用戶工作
以這樣一種方式構建和測試您的無限滾動,以便僅使用鍵盤的用戶和屏幕閱讀器的用戶能夠按照預期體驗到您的頁面。他們不應該點擊“標簽”按鈕一百次才到達他們需要去的地方。解決方案可能是包括一個選項來關閉無限滾動,并允許用戶使用分頁或加載更多按鈕,如果他們愿意。
首先測試
羅塞利說:“在花時間寫代碼之前,先弄清楚你要解決的問題是什么。”例如,如果網(wǎng)站設計師想增加在網(wǎng)站上的時間,降低跳出率,他們就應該創(chuàng)建原型,在不同用戶(包括殘疾用戶)中進行測試,看看設計是否真的支持這個目標。
無論設計者最終決定采取什么路線——無限滾動,加載更多按鈕,分頁,甚至只是一個搜索欄——首先測試它,收集用戶反饋是最重要的步驟。