熱評(píng) 湯圓

整理的好詳細(xì),碼住!

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

編者注:FEED 流已成為線上內(nèi)容平臺(tái)的標(biāo)配,在某些層面上也有著負(fù)面的評(píng)價(jià)。作為設(shè)計(jì)師,我們?cè)撊绾螒?yīng)對(duì)這一挑戰(zhàn)?這篇來(lái)自國(guó)外體驗(yàn)設(shè)計(jì)專欄 UX Collective 的優(yōu)秀文章梳理了 FEED 瀏覽體驗(yàn)的發(fā)明歷程以及應(yīng)用場(chǎng)景,從多個(gè)角度分析優(yōu)缺點(diǎn),并給出現(xiàn)階段可實(shí)施的優(yōu)化手段,讓我們一起來(lái)看看吧。

相關(guān)干貨:

無(wú)限滾動(dòng)的體驗(yàn)是糟糕的嗎?作為設(shè)計(jì)師,我們應(yīng)該如何在體驗(yàn)易用性和人性之間取得平衡?

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

在很多線上社交和內(nèi)容平臺(tái),無(wú)限滾動(dòng)已經(jīng)成為標(biāo)準(zhǔn)配置。在使用 TikTok 時(shí),除了“累了吧,放松一下拇指?!钡奶崾疽龑?dǎo)用戶放下手機(jī),刷視頻 FEED 是沒(méi)有明確的停止按鈕的,但這個(gè)提示也常常被用戶忽略。TikTok 真的希望用戶放下手機(jī)嗎,如果用戶真的控制使用時(shí)長(zhǎng),為什么要提供用戶一個(gè)不斷持續(xù)、永無(wú)止境的、完全按照用戶喜好定制化的內(nèi)容流呢?

不久之前,社交媒體的信息流也曾是有終點(diǎn)的。用戶能夠滾動(dòng)到頁(yè)面的底部,或者再次看到已經(jīng)瀏覽過(guò)的內(nèi)容。Facebook 和 Instagram 的信息流是按時(shí)間順序排列的,你可以看看朋友們的最新更新,然后跳去其他應(yīng)用程序或者干點(diǎn)別的。而現(xiàn)在因?yàn)闊o(wú)限下拉,內(nèi)容流變得沒(méi)有盡頭——你可以看到朋友們的更新、大數(shù)據(jù)算法認(rèn)為你感興趣的內(nèi)容,以及更早的內(nèi)容穿插交替出現(xiàn)。這樣就能保證你可以不停地刷、刷、刷。

我們——無(wú)論是用戶還是用戶體驗(yàn)專業(yè)人員,大多認(rèn)為這種做法是正常的。在注意力經(jīng)濟(jì)的時(shí)代,能抓住用戶注意力的時(shí)間當(dāng)然越長(zhǎng)越好,對(duì)吧?

但無(wú)限滾動(dòng)帶來(lái)的技術(shù)和社會(huì)問(wèn)題比它能解決的還要多。

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

1. 分頁(yè)加載和無(wú)限滾動(dòng)

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

我們所知道的無(wú)限滾動(dòng)是由 Aza Raskin 在 2006 年發(fā)明,他當(dāng)時(shí)在一家名為 Humanized 的用戶體驗(yàn)公司工作,他同時(shí)也是播客“Your Undivided Attention(全神貫注)”的聯(lián)合主持人之一。

他想創(chuàng)造一項(xiàng)新的技術(shù)去替代大家所熟悉的翻頁(yè)操作,也就是瀏覽的內(nèi)容被分成多個(gè)頁(yè)面,通過(guò)在底部的分頁(yè)器控件去特定頁(yè)面。我們?cè)谝恍╇娚唐脚_(tái)的網(wǎng)站上仍然可以看到這種體驗(yàn),就像下面的例子一樣。

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

分頁(yè)使得用戶需要主動(dòng)點(diǎn)擊翻頁(yè),這似乎不是什么大問(wèn)題。但滑動(dòng)下拉明顯比點(diǎn)擊操作更簡(jiǎn)單,也不需要等待加載,特別是手機(jī)等移動(dòng)設(shè)備的觸摸屏操作。如果用戶在翻閱內(nèi)容時(shí)翻到了第 12 頁(yè),相比無(wú)盡的信息流,他會(huì)更容易意識(shí)到所花費(fèi)的時(shí)間。

尼爾森·諾曼認(rèn)為,無(wú)限滾動(dòng)降低了交互成本,并且增加了用戶參與度。無(wú)限滾動(dòng)讓內(nèi)容瀏覽永遠(yuǎn)沒(méi)有盡頭,用戶無(wú)需等待加載和復(fù)雜的交互操作,就有更多的內(nèi)容可以瀏覽,如果出現(xiàn)煩人的廣告,輕輕一劃就能讓它消失。

2. 無(wú)限滾動(dòng)的優(yōu)點(diǎn)

  1. 提供無(wú)縫、連續(xù)的內(nèi)容
  2. 干擾最小化 = 跳出率降低
  3. 適合移動(dòng)設(shè)備體驗(yàn)
  4. 降低操作成本
  5. 提高用戶參與度

這一切都促使了用戶在使用無(wú)限滾動(dòng)體驗(yàn)的應(yīng)用上花費(fèi)更多時(shí)間。再次強(qiáng)調(diào),注意力經(jīng)濟(jì)需要抓住并維持用戶的注意力才能賺錢(qián)。但作為設(shè)計(jì)師,一些負(fù)面因素仍需要我們?nèi)リP(guān)注和思考。首先是無(wú)限滾動(dòng)的在技術(shù)方面的問(wèn)題。

3. 技術(shù)上的不友好

搜索引擎優(yōu)化(SEO)不太喜歡無(wú)限滾動(dòng)。就像 Google Search Central Blog 所寫(xiě)的:網(wǎng)絡(luò)爬蟲(chóng)不能很好地模仿人工用戶的行為,比如滾動(dòng)下拉或點(diǎn)擊加載,所以爬蟲(chóng)無(wú)法獲取信息流中的所有內(nèi)容,這會(huì)導(dǎo)致這些內(nèi)容無(wú)法出現(xiàn)在 Google 的搜索結(jié)果中。要使無(wú)限滾動(dòng)的頁(yè)面符合“搜索引擎友好”,必須將其轉(zhuǎn)換為分頁(yè)組件的頁(yè)面。

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

對(duì)于用戶來(lái)說(shuō),在 FEED 流中重新找到某個(gè)已經(jīng)看過(guò)的內(nèi)容是困難的。我們都有過(guò)這樣的經(jīng)歷,上滑試圖回憶起我們?cè)谀睦锟吹竭^(guò)某個(gè)帖子。除非加入收藏,否則我無(wú)法找到半小時(shí)前刷過(guò)的 TikTok。

對(duì)于可以無(wú)限加載內(nèi)容的信息流,顯然需要大量的數(shù)據(jù)加載。如果網(wǎng)速不好或者是被困在沒(méi)有 WiFi 的咖啡館,這可能意味著用戶要盯著加載了一半的頁(yè)面,感到挫敗地不停試圖刷新。

FEED 流也給無(wú)障礙設(shè)計(jì)(如屏幕朗讀功能)的可用性帶來(lái)了挑戰(zhàn)。在 FEED 流頁(yè)面中,屏幕朗讀功能可能只能識(shí)別并朗讀頁(yè)面的頂部。一般來(lái)說(shuō),搜索欄和返回等全局導(dǎo)航控件都會(huì)被固定在頁(yè)面的頂部。但在 FEED 中,不存在所謂的導(dǎo)航和頁(yè)腳,依賴無(wú)障礙功能或者是使用外置鍵盤(pán)的用戶不可能順利地使用常規(guī)的命令找到他們想要的功能。

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

4. 無(wú)限 FEED 的缺點(diǎn)

  1. 對(duì) SEO 不友好
  2. 很難重新找到曾經(jīng)瀏覽過(guò)的內(nèi)容
  3. 頁(yè)面加載更有負(fù)擔(dān)
  4. 無(wú)障礙體驗(yàn)的支持問(wèn)題
  5. 卡頓的體驗(yàn)
  6. 用戶會(huì)一直刷刷刷,停不下來(lái)

二、我們?yōu)槭裁礋o(wú)法停止刷刷刷

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

還記得 Aza Raskin 嗎?他就像小說(shuō)中的弗蘭肯斯坦博士一樣,后悔自己的發(fā)明。2019 年他在一條推文中說(shuō)道:

“從無(wú)限滾動(dòng)中得到的一個(gè)教訓(xùn)是:極致的易用并不意味著對(duì)用戶或人性最為有益?!?/p>

一條標(biāo)記著“#社交媒體成癮”標(biāo)簽的推文下,有這樣的評(píng)論:“無(wú)限滾動(dòng)的創(chuàng)造者 Aza Raskin 在設(shè)計(jì)這個(gè)功能時(shí)抱著高尚的意圖。如今 Raskin 認(rèn)為每天我們浪費(fèi)在無(wú)限 FEED 中的時(shí)間相當(dāng)于 20 萬(wàn)人的壽命?!?/p>

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

滑動(dòng)是不假思索的,甚至是無(wú)意識(shí)的。通過(guò)不間斷的微量多巴胺刺激,用戶保持在手機(jī)上持續(xù)地滑動(dòng)。FEED 流會(huì)根據(jù)你的興趣和喜好進(jìn)行個(gè)性化定制,令你一直保持興奮。我的 TikTok 會(huì)隨著我當(dāng)下沉迷的內(nèi)容逐漸變化。如果我想了解彩繪玻璃,TikTok 每隔幾分鐘就會(huì)向我推送一段彩繪玻璃藝術(shù)家的視頻。時(shí)間悄然溜走,而我沉迷其中。

1. 讓人上癮的設(shè)計(jì)

無(wú)論是否應(yīng)用無(wú)限 FEED 的設(shè)計(jì),社交媒體平臺(tái)都令人上癮。每個(gè)從事用戶研究的人都知道心理學(xué)家斯金納(B.F. Skinner )和他那聽(tīng)起來(lái)可怕的“斯金納箱(Skinner Box,直譯為剝皮箱——譯者注)”。別擔(dān)心,被放入這個(gè)盒子的老鼠沒(méi)有被剝皮,而是被用來(lái)進(jìn)行行為研究。斯金納從中得出的發(fā)現(xiàn)在那之后的幾十年里,被應(yīng)用于全球各地的商業(yè)實(shí)踐中。

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

簡(jiǎn)而言之,這些實(shí)驗(yàn)基于操縱性條件反射的,也就是利用獎(jiǎng)勵(lì)和懲罰來(lái)鼓勵(lì)或阻止某行為。當(dāng)老鼠按下一個(gè)杠桿時(shí),要么給予獎(jiǎng)勵(lì),要么給予電擊。獎(jiǎng)勵(lì)使它們可能再次按下杠桿,而電擊使它們不太愿意再按下杠桿?,F(xiàn)在人盡皆知的道理,但是斯金納的實(shí)驗(yàn)成果是理解現(xiàn)代人類(lèi)行為的基礎(chǔ)。

社交媒體的運(yùn)作基于斯金納的實(shí)驗(yàn),也就是利用積極反饋加強(qiáng)平臺(tái)預(yù)想中的行為。老鼠按了一下操縱桿得到了獎(jiǎng)勵(lì),所以他們不停地按下杠桿。與社交媒體的相似之處是顯而易見(jiàn)的: 我們?yōu)g覽我們的訂閱源,尋找能引起我們興趣的令人愉快的帖子。并不是所有的帖子都很有趣,但是我們會(huì)繼續(xù)滾動(dòng)來(lái)尋求多巴胺的刺激。

2. 上癮和焦慮

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

社交媒體和賭博很像,按下刷新按鈕就像拉下老虎機(jī)的拉桿,用戶像期待勝利的獎(jiǎng)勵(lì)一樣,期待刷到與自己共鳴的有趣內(nèi)容。特里斯坦 · 哈里斯(Tristan Harris)曾擔(dān)任谷歌的設(shè)計(jì)倫理學(xué)專家,也是播客“Your Undivided Attention(全神貫注)”的另一位聯(lián)合主持人。他研究發(fā)現(xiàn)驚喜的獎(jiǎng)勵(lì)刺激著我們不停地重復(fù)之前的行為,更令人擔(dān)憂的是,它甚至?xí)淖兇竽X的結(jié)構(gòu)。

挪威的一項(xiàng)相關(guān)研究認(rèn)為,社交媒體不僅會(huì)讓人上癮,還會(huì)增加焦慮和抑郁的概率。用戶被吸引到他們的訂閱的內(nèi)容中,這些內(nèi)容往往反映出世界上最糟糕的情況。聽(tīng)說(shuō)過(guò)末日刷屏(doomscrolling)嗎?這是指在社交媒體或新聞網(wǎng)站上不斷瀏覽負(fù)面、令人沮喪的新聞或信息的行為。24 小時(shí)中報(bào)道的新聞很少是令人愉快的。用戶瀏覽了幾個(gè)小時(shí)的新聞可能全是關(guān)于森林大火、大規(guī)模槍擊事件、令人發(fā)指的犯罪案件等等不幸的悲劇。讓大腦長(zhǎng)時(shí)間沉浸在這種內(nèi)容中對(duì)心理健康沒(méi)有任何好處,大數(shù)據(jù)算法帶來(lái)了對(duì)未來(lái)的悲觀和恐懼的情緒,將大腦中的負(fù)反饋回路進(jìn)一步加強(qiáng)。

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

三、對(duì)商業(yè)收益有好處,但對(duì)人不好

“如果你不為產(chǎn)品付費(fèi),那么你就是產(chǎn)品的一部分?!暴`杰倫 · 拉尼爾

瀏覽社交媒體到底浪費(fèi)了多少時(shí)間?真的相當(dāng)于 20 萬(wàn)人的壽命嗎。這真的很難被量化,但仍是需要被認(rèn)真思考的問(wèn)題。坦率地說(shuō),簡(jiǎn)單易用又讓人上癮的無(wú)限 FEED 流確實(shí)顯著增加了社交媒體的使用時(shí)長(zhǎng),這對(duì) TikTok 和 Facebook 的股東來(lái)說(shuō)是好消息,但這對(duì)用戶來(lái)說(shuō)是有益的嗎?還是對(duì)社會(huì)有好處?我們是不是應(yīng)該限制無(wú)限 FEED 流?

作為設(shè)計(jì)師,我們需要思考設(shè)計(jì)將如何影響人們,而不是僅僅將底線放在對(duì)商業(yè)利潤(rùn)的關(guān)注上。在理想情況下,我相信設(shè)計(jì)師會(huì)堅(jiān)守自己的首要責(zé)任是為用戶負(fù)責(zé),而不是為利益服務(wù)。

我們必須在收益至上,比如讓用戶永遠(yuǎn)不停地刷刷刷,與設(shè)計(jì)倫理的之間找到平衡。從設(shè)計(jì)倫理的角度出發(fā),我們首先要弄清楚人們究竟在無(wú)限 FEED 流上浪費(fèi)了多少時(shí)間,以及下列三個(gè)問(wèn)題:

  1. 長(zhǎng)時(shí)間使用社交媒體,將如何影響用戶的心理的?
  2. 我們?cè)鯓硬拍茏屆總€(gè)人都能無(wú)障礙地使用?
  3. 如果無(wú)限 FEED 流將帶來(lái)不健康的后果,如何防止用戶過(guò)度沉迷?

四、如何限制用戶的刷刷刷

既然大量的相關(guān)研究和證據(jù)都表明,像 TikTok 這樣無(wú)限滾動(dòng)的 FEED 流并不是消磨周六夜晚最健康的方式,我們?cè)撊绾巫層脩敉O聛?lái)?對(duì)此,有幾個(gè)設(shè)計(jì)解決方案。

1. 增加「加載更多」按鈕

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

“加載更多”按鈕不會(huì)在頁(yè)面自動(dòng)加載內(nèi)容,是一種分割內(nèi)容同時(shí)避免翻頁(yè)的方案。這對(duì)無(wú)障礙體驗(yàn)的輔助功能也更友好。點(diǎn)擊這個(gè)按鈕的操作成本并不高,但為用戶提供了一個(gè)停下來(lái)的合理節(jié)點(diǎn)。

2. 到頭了!

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

我知道這個(gè)方案存在一些爭(zhēng)議。當(dāng)用戶已經(jīng)按照時(shí)間順序?yàn)g覽完了所有更新、推薦和相關(guān)用戶等所有內(nèi)容的時(shí)候,提示內(nèi)容流的底部。這是個(gè)讓用戶逛逛網(wǎng)站其他板塊或者放下手機(jī)出去走走的機(jī)會(huì)。

3. 時(shí)間統(tǒng)計(jì)和提示

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

盡管我文章中對(duì) TikTok 持懷疑態(tài)度,但我還是要贊揚(yáng)他們嘗試限制用戶在這個(gè)應(yīng)用上的使用時(shí)間。在名為“數(shù)字健康”的工具中,用戶可以自行設(shè)置屏幕時(shí)間的上限。大多數(shù)操作系統(tǒng),比如 iOS,都有類(lèi)似的功能限制屏幕時(shí)間和那些容易令人沉迷的應(yīng)用。

4. 考慮什么對(duì)人們最好,而不是對(duì)商業(yè)最好

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

避免末日刷屏(doomscrolling),不健康的社交媒體習(xí)慣,以及自我矮化不僅僅是用戶的責(zé)任。技術(shù)的設(shè)計(jì)者首先需要考慮將對(duì)人們產(chǎn)生的影響。我們可不想像 Aza Raskin 一樣,眼睜睜地看著我們的創(chuàng)造物肆虐,浪費(fèi) 20 萬(wàn)人的生命。

五、無(wú)限 FEED 流有無(wú)限的力量

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

自 2006 年以來(lái),無(wú)限 FEED 流成為社交媒體標(biāo)準(zhǔn)的原因有很多。無(wú)縫連續(xù)的內(nèi)容瀏覽體驗(yàn)提高了用戶參與度。在注意力經(jīng)濟(jì)中,只要能保持用戶的眼睛停留在屏幕上,就贏了,所以像 TikTok、Instagram 和 Facebook 這樣的平臺(tái)借此獲得了巨大的成功。

然而,這些連續(xù)的內(nèi)容源也有一些技術(shù)陷阱。無(wú)限 FEED 流并未針對(duì) SEO 技術(shù)進(jìn)行優(yōu)化,用戶很容易迷失在內(nèi)容流中,很難再次找到曾經(jīng)瀏覽過(guò)的內(nèi)容。內(nèi)容的無(wú)限加載,增加的頁(yè)面負(fù)載可能給網(wǎng)絡(luò)帶來(lái)壓力。

在心理健康方面,上癮的無(wú)限信息流迫使用戶一直刷新滾動(dòng)頁(yè)面到拇指疲勞。無(wú)限加載的 FEED 流被設(shè)計(jì)成讓用戶像賭博機(jī)前的賭徒或斯金納盒里的老鼠一樣,尋找更多多巴胺的快感。社交媒體的無(wú)限 FEED 流造成的時(shí)間虛度以及末日刷屏(doomscrolling)加強(qiáng)了大腦的負(fù)反饋回路,增加焦慮和抑郁的風(fēng)險(xiǎn)。

Aza Raskin 從無(wú)限滾動(dòng)的發(fā)明者轉(zhuǎn)變?yōu)橹铝τ谂u(píng)技術(shù)影響的播客主持人。我們應(yīng)該積極創(chuàng)新,但我們必須考慮到這些創(chuàng)新可能為人帶來(lái)的影響而不僅僅是收益。

六、我們的思考:讓設(shè)計(jì)更有溫度

本文探討了 FEED 流在商業(yè)收益上獲得巨大成功的背后,用戶在身心健康和生活方式上的負(fù)面影響,以及相應(yīng)的改進(jìn)舉措。

作為設(shè)計(jì)師,我們致力于解決問(wèn)題,為用戶帶來(lái)更好、更愉悅的產(chǎn)品體驗(yàn)。而只著眼于關(guān)注用戶或商業(yè)收益,可能帶來(lái)意想不到的負(fù)面后果和棘手的問(wèn)題。我們正身處于 AI 技術(shù)代際變革的時(shí)代背景下,重大的科技發(fā)展往往帶來(lái)生產(chǎn)力和生產(chǎn)關(guān)系等方面的顯著變化,需要我們思考全新的設(shè)計(jì)框架和方法。我們應(yīng)當(dāng)意識(shí)到我們所掌握的知識(shí)和創(chuàng)造力,擁有著將產(chǎn)品體驗(yàn)導(dǎo)向積極影響的力量。

讓設(shè)計(jì)為科技賦予積極的溫度,讓優(yōu)質(zhì)的體驗(yàn)惠及更廣的人群。

歡迎關(guān)注作者的微信公眾號(hào):「百度MEUX」

刷抖音停不下來(lái)?深度解析無(wú)限滾動(dòng)的Feed流設(shè)計(jì)

收藏 81
點(diǎn)贊 110

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。