從兩個交互細(xì)節(jié),學(xué)抖音的設(shè)計策略

5 評論 6747 瀏覽 39 收藏 16 分鐘
🔗 B端产品经理需要更多地关注客户的商业需求、痛点、预算、决策流程等,而C端产品经理需要更多地关注用户的个人需求

產(chǎn)品在面向用戶時,要做好功能的更新迭代,以更好地契合用戶體驗(yàn)與實(shí)際場景下的用戶需求。在本篇文章里,作者便針對抖音的評論「不喜歡」、點(diǎn)贊推薦功能進(jìn)行了交互拆解,并嘗試做了重設(shè)計方案,一起來看看吧。

抖音已是世界級的短視頻流播放平臺,不論TIKTOK還是抖音,它所面向的巨量用戶及廣泛的用戶特征,都要求抖音需要保持高頻次的更新迭代,以完善靈活的設(shè)計策略和機(jī)制。

今次簡要剖析抖音中近期新增的兩個我個人比較喜歡的功能:評論「不喜歡」、點(diǎn)贊推薦,以窺見抖音的交互與業(yè)務(wù)設(shè)計策略。

一、評論「不喜歡」

在聊評論區(qū)之前,不可避免地要聊到社區(qū)氛圍和治理。

社區(qū)氛圍對任何內(nèi)容社區(qū)類平臺來說都屬于老大難,評論區(qū)的氛圍劣質(zhì)程度往往與DAU呈正比,這一點(diǎn)在抖音、嗶哩嗶哩、微博等過億級社區(qū)平臺表現(xiàn)得更為明顯,這和平臺的大用戶量以及不可避免的用戶下沉化息息相關(guān)。?

1. 社區(qū)氛圍??

針對社區(qū)氛圍,在C端設(shè)計上一般采取的方式為:

  1. 新增默認(rèn)展示的推薦區(qū)Tab,展示篩選后的優(yōu)質(zhì)評論,在表現(xiàn)層面營造良社區(qū)氛圍,以引導(dǎo)用戶發(fā)表合適恰當(dāng)?shù)膬?nèi)容;
  2. 折疊評論提交入口和展示頁,增加用戶使用評論功能的成本,降低觸及;
  3. 排序規(guī)則改造,默認(rèn)以熱度或推薦排序,可進(jìn)行人工干預(yù),引導(dǎo)用戶進(jìn)行良性互動。

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

以上措施多在可用性上表現(xiàn)得較差,畢竟僅是通過黑盒機(jī)制或提升使用成本,來減弱用戶對不良社區(qū)氛圍的感知。

在用戶層面而言,與用戶期望存在一定的偏差,而且一部分用戶仍然需要一窺評論區(qū)全貌,難免因以上的措施而受到負(fù)面影響。

2. 社區(qū)治理

采用產(chǎn)品設(shè)計技巧可以低成本呈現(xiàn)比較優(yōu)質(zhì)的社區(qū)氛圍,而氛圍好壞的根源還是在發(fā)布者身上。

以往的社區(qū)治理多是針對是否違法違規(guī)展開,在普遍追求優(yōu)質(zhì)氛圍的競爭環(huán)境下,大家開始把目光放在了評論內(nèi)容本身的質(zhì)量問題上。

這意味著需要平臺有基本的治理能力,也需要有識別內(nèi)容好壞的能力,隨著NLP(自然語言處理Natural Language Processing)或OCR(字符識別 Optical Character Recognition)這類能力的發(fā)展,治理手段也高超起來:

1)內(nèi)容發(fā)布治理

  1. 評論內(nèi)容觸發(fā)本地或服務(wù)器端關(guān)鍵詞庫,轉(zhuǎn)為僅自己可見,嚴(yán)重的直接被刪除;
  2. 評論內(nèi)容未通過機(jī)器算法NLP審核,轉(zhuǎn)為僅自己可見,嚴(yán)重的直接被刪除。

2)內(nèi)容質(zhì)量識別:????

  1. 機(jī)器算法NLP無法明確判斷內(nèi)容傾向,轉(zhuǎn)入人工審核流程,審核結(jié)果未出前保持為僅自己可見,按照審核結(jié)果釋放展示或自見或刪除;
  2. 評論內(nèi)容被機(jī)器算法NLP識別為無意義或低質(zhì)量,被折疊或擊沉;
  3. 評論內(nèi)容被「不喜歡」過多,被折疊或擊沉。

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

以上五類方式中,前幾種為大多數(shù)平臺所使用,既可保證發(fā)布者最基本的體驗(yàn),也照顧到平臺的安全和觀者的清凈。

折疊或擊沉評論的方法,使用的范圍較窄,比較典型的當(dāng)屬知乎,按其本身強(qiáng)調(diào)專業(yè)性和關(guān)心回答價值的角度而言,“折疊”是平臺專業(yè)態(tài)度的體現(xiàn),用戶一定程度上是可以接受的。

3. 評論「不喜歡」

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

評論區(qū)的「不喜歡」功能已幾乎成了擺設(shè),一般體現(xiàn)為用戶評論在收到一定數(shù)量的「不喜歡」后才會被折疊或擊沉或轉(zhuǎn)為自見。

這只滿足了用戶點(diǎn)擊「不喜歡」時的投票態(tài)度,無法體現(xiàn)用戶主動參與氛圍治理的姿態(tài),而且這條評論會停留在用戶視野內(nèi)很久,用戶不知道它何時被處理、會不會被處理,既不能保證觀者的體驗(yàn),也沒有滿足“所見即所得”的設(shè)計基本法。

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

在抖音平臺而言,尤其是面向大基數(shù)的下沉用戶時,社區(qū)的氛圍治理是必須要解決的“硬骨頭”。

抖音可能采用了如下的措施(驗(yàn)證與猜測,不代表官方就是這么做的):

混搭排序規(guī)則:以評論點(diǎn)贊數(shù)與發(fā)布時間軸為基礎(chǔ)排序規(guī)則,配合NLP質(zhì)量分,前置部分優(yōu)質(zhì)且有一定熱度或者新發(fā)布的評論,保證用戶在評論區(qū)前兩屏得以查看高熱和較新的優(yōu)質(zhì)評論;

排序公式模擬:在「混搭排序」中,猜測是采用凈正向點(diǎn)贊+NLP質(zhì)量分的方式進(jìn)行的排序,或是采用評論質(zhì)量分公式影響排序,對公式的簡單模擬:

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

xyz分別代表LIKE、DISLIKE、NLP識別分的權(quán)重系數(shù),應(yīng)當(dāng)由后端控制,可隨時進(jìn)行調(diào)整?。

「不喜歡」交互設(shè)計:作為負(fù)點(diǎn)贊方式,在用戶側(cè)的表現(xiàn)是點(diǎn)擊即隱藏該條評論,符合“所見即所得”的交互規(guī)則,也滿足了用戶「殺滅」負(fù)面內(nèi)容的情緒;在排序影響上,應(yīng)該是抵消了部分的正向點(diǎn)贊,得出評論的實(shí)時凈點(diǎn)贊分的權(quán)重,用以影響排序。

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

抖音采取這種排序邏輯和設(shè)計策略的優(yōu)勢在于:

  1. 可以提升高熱、高質(zhì)量的評論的觸及和展示效率;
  2. 社區(qū)治理上,可規(guī)避質(zhì)量較差的評論呈現(xiàn),抬升評論區(qū)氛圍;
  3. 用戶體驗(yàn)上,既保證了社區(qū)氛圍的舒適感,也在交互層面上做到所見即所得;
  4. 體現(xiàn)用戶DISLIKE的投票權(quán),點(diǎn)擊即對用戶隱藏的方式,一定程度上滿足了用戶對評論區(qū)定制的期望,也體現(xiàn)了用戶操作是有權(quán)威性的這一安慰劑式的設(shè)計理念。

二、點(diǎn)贊推薦

「點(diǎn)贊推薦」的功能釋義為:用戶可以通過打開功能,使自己的朋友或粉絲看到自己所點(diǎn)贊的視頻。

我見之熟悉的原因是之前在Soul時設(shè)計但未落地的“轉(zhuǎn)播”功能有異曲同工之處。

本義都是為了促進(jìn)內(nèi)容在用戶側(cè)的自然分發(fā),提升優(yōu)質(zhì)內(nèi)容的傳播性。

也就是說,點(diǎn)贊推薦功能,其實(shí)是Twitter和微博“轉(zhuǎn)推”功能的翻版,微信的「在看」功能亦屬同樣的業(yè)務(wù)邏輯。

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

在業(yè)務(wù)價值上,用戶側(cè)內(nèi)容的自然分發(fā),更易于產(chǎn)生社交互動,也有助于用戶之間突破推薦機(jī)制帶來的信息繭房影響。當(dāng)關(guān)閉朋友可見時,推薦則成了一種低權(quán)重的流量推薦手段。

在功能設(shè)計層面上,它是個比較有趣的功能,既增加了用戶之間互相窺探對方喜好的途徑,也有助于用戶之間社交關(guān)系的加固。

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

但在交互設(shè)計上,我更傾向于抖音在實(shí)驗(yàn)試錯,因?yàn)樵摴δ艿慕换ピO(shè)計方案是失敗的,原因有以下幾點(diǎn):

1)它在信息設(shè)計上的門檻過高,使用戶無法快速的理解這個功能的影響

“點(diǎn)贊作品不會推薦給朋友”&“點(diǎn)贊作品會推薦給朋友”,很難相信,涉及狀態(tài)開關(guān)提醒的文案只有這么弱的差異。如果是有意為之,便有刻意降低用戶感知和認(rèn)知的嫌疑;如果是無意為之,那這個方案真的讓人大跌眼鏡。

2)推薦給朋友后的呈現(xiàn)方式,需要用戶適當(dāng)關(guān)注和付出一定的學(xué)習(xí)成本

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

點(diǎn)擊推薦后的樣式變更,即是告知用戶「推薦」是會這樣展示給用戶;同時在設(shè)置拉起的浮層有種動圖以演示該效果。表意太弱了。

3)功能開關(guān)的說明信息比較復(fù)雜,無形中抬升了用戶的使用門檻

總的來說,功能是好的,但使用門檻和學(xué)習(xí)成本過高,對大齡用戶或輕中度用戶而言,功能觸及可能僅僅會停留在“點(diǎn)贊之后有新的東西出來了,看一看”而已。

而且在用戶側(cè)會出于私密性的原因,并不會愿意保持恒打開「推薦」。因此推薦開關(guān)需要考慮臨時開關(guān)和總開關(guān)兩個狀態(tài)。

好的功能,需要好的設(shè)計。好的設(shè)計,必定是使用門檻和學(xué)習(xí)成本比較低的。

可以適當(dāng)教育用戶,但不能自說自話地教育用戶。

以下按照VADU的設(shè)計理論對這個功能進(jìn)行Redesign的嘗試。

三、方案重設(shè)計

在重新設(shè)計之前,需要深入了解業(yè)務(wù)構(gòu)成。

線上版本的「點(diǎn)贊推薦」中涉及到的開關(guān)過多,功能入口表現(xiàn)又稍顯含蓄,在文案的信息設(shè)計上拔高了使用門檻,重新設(shè)計將以重點(diǎn)解決這些問題為目標(biāo)。????????????????????

1. 「點(diǎn)贊推薦」線上業(yè)務(wù)構(gòu)成

業(yè)務(wù)的起點(diǎn),實(shí)是增加推薦手段,引導(dǎo)用戶推薦內(nèi)容給其他用戶。????

在這個基礎(chǔ)上“增加”了用戶可進(jìn)一步選擇將點(diǎn)贊的內(nèi)容推薦給朋友。只是這一步增加,將「點(diǎn)贊推薦」的流程復(fù)雜化。開關(guān)邏輯見下圖:?????????????

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

2. 「點(diǎn)贊推薦」拆解與重設(shè)計??????

在了解了基礎(chǔ)的業(yè)務(wù)邏輯后開始著手。

1)功能入口強(qiáng)化??????(價值強(qiáng)化)

將功能價值點(diǎn)表現(xiàn)在入口上,增加用戶決策因子,也使用戶能一眼了解功能含義。

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

2)功能說明浮層信息強(qiáng)化(抵達(dá)性強(qiáng)化)????

點(diǎn)贊作品和推薦作品實(shí)是兩件事,需要在表意上明確區(qū)分,不要給用戶留任何含糊的余地。適當(dāng)情況下可以增加Icon輔助表意。??

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

3)浮層中的功能開關(guān)交互合理化(抵達(dá)性、可用性強(qiáng)化)????

線上的 保持關(guān)閉/開啟 & 保持開啟/關(guān)閉 的按鈕互斥狀態(tài),完全不合乎交互設(shè)計的任何規(guī)則。既不明確,也沒有體現(xiàn)開關(guān)狀態(tài)??梢赃m當(dāng)增加說明,并采用開關(guān)形式解決。?

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

4)總開關(guān)表意和交互合理化(可用性強(qiáng)化)

原本的浮層說明和開關(guān)示意,均存在表意不清的情況。改造原浮層交互為新啟頁面,在頁面內(nèi)詳細(xì)釋義功能。???????????????

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

5)改造總覽

從兩個交互細(xì)節(jié)學(xué)抖音的設(shè)計策略

四、綜上所述

從上述案例,我們得以窺見抖音在業(yè)務(wù)細(xì)節(jié)上的打磨,同時在交互細(xì)節(jié)上的瑕疵點(diǎn)。但這種細(xì)節(jié)的把控和嘗試,都應(yīng)當(dāng)是IT行業(yè)萬馬齊喑的今天應(yīng)該去做的,這也是最原本IT公司做過的事情。?????????????

作為設(shè)計師,能跳脫出來審視自己,以理論來作為工作方法論的基底,都是難能可貴的品質(zhì)。

這也正是我回答面試問題“你覺得你比同樣十年經(jīng)驗(yàn)的設(shè)計師的優(yōu)勢在哪里”的答案。

跳出設(shè)計者思維,以普通觀者的視角反觀自己的方法和輸出,以學(xué)術(shù)理論來指導(dǎo)自己,進(jìn)行適當(dāng)?shù)姆此己图m正,這很重要。

本文由 @無鹿森 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 更新個最新信息:點(diǎn)贊推薦的實(shí)驗(yàn)應(yīng)該是停了,業(yè)務(wù)并未取消,開關(guān)折疊進(jìn)了長按菜單中。期待后續(xù)抖音如何重新設(shè)計。

    來自上海 回復(fù)
  2. 作者用心了,但還是原版的文案更精簡、表意更明確。另外有些交互(比如開關(guān)還是按鈕的處理)原來的產(chǎn)品明顯是從業(yè)務(wù)目標(biāo),而不僅僅是用戶體驗(yàn)上考慮的(比如要引導(dǎo)用戶做開啟),作者在這方面可能還要多考慮考慮

    來自北京 回復(fù)
    1. 當(dāng)用戶無法順利使用時,業(yè)務(wù)目標(biāo)就是偽命題。起碼,這不是抖音這個體量應(yīng)該做的事。

      來自上海 回復(fù)
    2. “你的朋友只可以看到你推薦的作品”這句話有很大歧義啊。第一個意思是,你的朋友只能看到你推薦的,其他人推薦的看不到。第二個意思才是作者想表達(dá)的。
      我們作為設(shè)計師或者產(chǎn)品從業(yè)者,將文案與功能聯(lián)系起來就能知道是什么意思,但普通用戶尤其是大齡用戶很難辨別。
      另外「開啟」和「保持關(guān)閉」,點(diǎn)擊后彈窗浮層就可以直接關(guān)閉了。改成開關(guān)后觸發(fā)開啟后,還需要點(diǎn)擊關(guān)閉浮層按鈕,增加一步操作。

      來自上海 回復(fù)
  3. 點(diǎn)贊推薦這個交互的設(shè)計確實(shí)已有很多現(xiàn)有的類型,有的時候很有用有的時候就深受其擾。取消推薦的設(shè)計是必要的,感謝作者的分析。

    來自山東 回復(fù)
专题
80230人已学习19篇文章
当AI已然成为新的焦点和风口,产品经理该如何抓住这个风口顺势飞起?
专题
14527人已学习12篇文章
与C端调研不一样的是,虽然方法论可能相同,但实际操作的时候,B端和G端总会遇到各种各样的问题。本专题的文章分享了B端和G端的客户调研经验。
专题
12547人已学习12篇文章
所谓SOP,即标准作业程序,指将某一事件的标准操作步骤和要求以统一的格式描述出来,用于指导和规范日常的工作。本专题的文章分享了SOP创作指南。
专题
15737人已学习12篇文章
CDP,即客户数据平台,是企业用来集中管理和整合客户数据的工具。本专题的文章分享了什么是CDP和如何搭建CDP平台。
专题
16067人已学习13篇文章
在产品工作中,产品的可行性分析就太重要了,这是产品从想法到实施必须经历的。本专题的文章分享了如何做产品可行性分析。
专题
14297人已学习13篇文章
互联网IT技术与产业的结合,衍生出了许多生命力强大的平台经济,货运领域就是如此衍生而来的。本专题的文章帮助大家了解货运平台。