關于「我的點贊、評論」背后邏輯的設計思考
點贊和評論對于內容型產品來說是一個基礎功能,但對于產品設計師來說,深藏一些值得深挖和思考的細節。本文作者對此進行了分析,希望對你有幫助。
當用戶可以和內容發生互動時,產品中往往會加入「我的點贊和評論」功能。
對于設計師來說,這個界面看似沒有任何挑戰,可能覺得「不就一列表嘛分分鐘搞定」,但其中卻深藏一些值得深挖和思考的細節。
之前在做類似需求時,我花了些時間去挖掘這個界面背后的邏輯,并將思考過程和成果沉淀成文章,希望對你有所啟發。
一、我的點贊、評論是什么
這個功能入口一般在個人中心,并且和其他功能聚合在獨立的版塊中,比如「消息私信」、「我的收藏」、「瀏覽歷史」、「下載管理」等等。
「我的評論」功能優先級一般弱于「我的點贊」,因此有的產品不會外顯,而是和「我的點贊」聚合到二級頁的tab上,便于用戶橫劃手勢切換。
從業務屬性上看,貌似是單純的體驗導向型功能,和業務并不搭嘎(其實并不是)。
用戶需求上看,主要滿足用戶「信息的獲取、調用和刪除」。比如瀏覽或查找之前贊、評過的內容,或者刪除自己的評論。
根據BJ Fogg提出的福格行為模型,一個人行為的發生至少要滿足三個條件:動機、能力和觸發。這個場景下,用戶動機是「信息的獲取、調用和刪除」,觸發通常是用戶的內部觸發(也就是主動發起的決策和行為),能力即用戶在此付出的成本。
動機和觸發的可發揮空間小,因此設計師能夠發力的點,就是降低用戶在此頁面的能力要求,幫助用戶高效得完成查找、閱讀和點擊行為。
要實現這個目標,無非是縮短路徑、層級清晰、建少視噪等等。但是一開始的布局框架又該如何搭建?下面,我結合市面主流的內容型競品,從宏觀角度上來探索是否存在一個萬用的、固定的框架類型。
二、關于布局框架
因為標題具有最高的決策權重,因此信息流側重長文本展示。另外,「我的點贊、評論」必定遵循時間排序來符合用戶習慣,所以這兩個因子決定了這個界面,只能以縱向的內容流展示。
但這樣太籠統了,通過內容型競品的研究拆分,我發現這個場景下的框架基本分為兩大類:動態流和列表流。再細分的話,又可以根據「用戶模塊」和「互動模塊」的有無分為五類,先來說說「我的評論」。
1. 我的評論-雙模塊動態流
這個框架的特征,除了必要的內容區外,同時包含了「用戶模塊」和「互動模塊」
用戶模塊即包含了用戶頭像、用戶昵稱和發布時間的版塊。這個模塊符合功能預期,通過自身信息的露出來強化「我的」掌控感。另外頭像錨點也利于視覺錨定,快速瀏覽。
而互動模塊即用戶對內容的操作集合,包括點贊、評論、分享等等。這個模塊多是為了強調互動,引導用戶繼續參與到內容中;
所有競品中,百度、騰訊新聞、頭條和qq瀏覽器均維持了這樣的布局,其中時間位置、新聞樣式有差異。
另外,騰訊直接把評論的刪除按鈕外顯并強化了,雖說對內容有明顯的視覺干擾,但基本符合大部分用戶來到這里的動機,對,就是來刪評的,所以倒沒什么可說的。
2. 我的評論-單模塊動態流
這個框架的特征,是只包含了「用戶模塊」,不存在「互動模塊」。競品中只有UC這一個例子,互動屬性被截斷,讓界面整體更加沉浸。另外,相比前一個框架,屏效也有明顯的提升。
說完了「我的評論」場景,再來看看「我的點贊」。
3. 我的點贊-雙模塊動態流
此處可以再細分兩類,一類是共同包含了「用戶模塊」和「互動模塊」,另一類則把「用戶模塊」給替換成了「創作者模塊」。
前者一共2個競品使用了此框架:知乎和qq瀏覽器。除了表現層的樣式、布局外基本沒有什么差別。
后者則包括頭條和微博。他們直接保留了原創作者的模塊,而且一旦內容對應的創作者沒被你關注,還直接外顯關注按鈕。并且樣式上看,微博很明顯在特意強化創作者模塊,不論是較大的頭像尺寸、還是主色強顯的昵稱和關注按鈕。
至于為什么這么搞,后面會說。
4. 我的點贊-單模塊列表流
這個框架的特征,是只包含了「用戶模塊」,不存在「互動模塊」。和「我的評論」一樣,只有uc一個競品。相比前者,同樣提升了內容的沉浸。
5. 我的點贊-零模塊列表流
這個框架只保留了內容模塊,因此可以完全聚焦于某一類型內容的聚合,強調瀏覽效率,所以模塊上更加精簡和單一。優勢上無疑是更加沉浸,效率更高,屏效更高。
競品中,網易、騰訊新聞均使用了此框架。雖然輔助信息用文字的形式標明了來源和評論數,但整體依舊歸屬于內容。
那么問題來了,這些框架的背后有什么客觀依據可以支持?它們和各自產品的業務本身主張又有什么關聯?
三、框架背后的邏輯
任何內容型平臺的正向循環,都離不開三個方面:內容創作者、內容和內容消費者。宏觀上說,內容平臺需要做的就是去不斷得強化這個閉環,讓三者互相賦能,以此收獲長期穩定的收益。
比如平臺通過各類激勵政策(如流量包、現金獎勵)、創作工具(如剪映、各色各樣的道具模板)和對優質內容的扶持,來激勵創作者生產內容。優質內容又可以反向提升創作者影響力。
另外,通過鼓勵消費者對創作者的關注,來沉淀關系鏈,一方面內容供給滿足個性化訂閱的需要,另一方面反向激勵創作者持續產出。雙方收獲了各自的利益,也就更難以離開平臺。
而創作者和消費者之間,又是滿足和反哺的關系。因此正是這樣的背后邏輯支撐了內容型產品的發展。
當然,對于「我的點贊、評論」來說,因為用戶的動機導致內容成分占主導地位。所以,社交屬性、內容互動的增減與否,主要受產品自身定位、以及業務方向的影響。
這也可以解釋為什么微博保留了up主信息模塊,就是由于微博本身定位強社交,絕大部分的內容生產、傳播基于產品內沉淀的社交鏈,甚至你關注的人點贊了什么內容,都會通過底tab的紅點來吸引你去點擊。
也正因此,微博在「我的點贊」界面中,采用的是「創作者模塊」來表達社交屬性,以此鼓勵、引導用戶去社交互動。此框架下,除了內容外,還強調了消費者對創作者、及其內容的關系。
而頭條本身定位是個性化資訊服務,但后續的業務方向也開始向社交傾斜,不論是早前就有的新人推薦卡片、微頭條還是創作者門檻的降低,都意味著頭條正在朝著微博社交化的道路不斷邁進。
頭條目的很明顯,將過去松散的用戶關系,通過社交鏈的沉淀來轉化為關注+粉絲的強關系。(提一嘴,頭條和微博一開始其實是互惠抱團的關系,后來頭條開始涉足社交后,因為觸碰到了微博對市場的獨有控制,兩家就開始不斷互撕,其實歸根究底還是為了利益)
也正因此,頭條的框架和微博一致,都采用了「創作者模塊」,而非常規的「用戶模塊」。
而其他的雙模塊框架,即「用戶模塊」+「互動模塊」,除了內容外,則只強調消費者和內容的互動關系,這和產品本身并非強社交的定位有關。
單模塊框架,除了內容外,只強調消費者個人身份,此時缺失了和內容、創作者的關系,互動感弱化,沉浸感開始強化。
零模塊框架,則讓用戶完完全全得聚焦到內容當中,沉浸感最高。此時「我的點贊」更多得類似收藏功能,來作為承載個性化內容的容器。
四、使用場景總結
最后,來大致梳理下每種框架的使用場景。
如果產品當前定位與微博類似都傾向于強社交,或者業務方向開始向社交偏移,那么可以使用內容+創作者模塊+互動模塊的框架(「我的評論」涉及用戶自己的評論,需要用用戶模塊);
如果產品當前對社交沒有那么重的需求,那么可以根據實際場景細分兩類:
1.希望強調用戶對內容的互動:可使用內容+用戶模塊+互動模塊的框架;
2.希望用戶沉浸于內容中,可以使用內容+用戶模塊,或者純內容的框架。前者的優勢在于保留互動以及通過自身信息的露出來強化「我的」掌控感,另外頭像錨點也利于視覺錨定,快速瀏覽;后者的優勢在于高屏效和完完全全的沉浸感。
一句話,根據產品當前的狀態和訴求,框架沒有絕對的對錯之分,只是適不適合而已。
五、最后
任何的設計形式,任何看似簡單的細節,必然存在一個客觀依據作為支撐,要么是業務、要么是用戶。所以,我們設計師要做的,就是多從這兩個維度,不斷得去理性思考、深挖背后的邏輯,從而做出更合理的決策,讓設計有理有據。
希望這篇干貨對你有所啟發。
我是Andrew,我們下期見。
專欄作家
Andrewchen;微信公眾號:轉行人的設計筆記,人人都是產品經理專欄作家。中科院碩士自學轉行,擅長通過文字幫助年輕設計師成長和提效。延遲滿足、長期主義。
本文原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Unsplash,基于CC0協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
學習了,點贊哈哈哈