起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)從兩個(gè)交互細(xì)節(jié)，學(xué)抖音的設(shè)計(jì)策略
產(chǎn)品在面向用戶時(shí)，要做好功能的更新迭代，以更好地契合用戶體驗(yàn)與實(shí)際場(chǎng)景下的用戶需求。在本篇文章里，作者便針對(duì)抖音的評(píng)論「不喜歡」、點(diǎn)贊推薦功能進(jìn)行了交互拆解，并嘗試做了重設(shè)計(jì)方案，一起來(lái)看看吧。
抖音已是世界級(jí)的短視頻流播放平臺(tái)，不論TIKTOK還是抖音，它所面向的巨量用戶及廣泛的用戶特征，都要求抖音需要保持高頻次的更新迭代，以完善靈活的設(shè)計(jì)策略和機(jī)制。
今次簡(jiǎn)要剖析抖音中近期新增的兩個(gè)我個(gè)人比較喜歡的功能：評(píng)論「不喜歡」、點(diǎn)贊推薦，以窺見抖音的交互與業(yè)務(wù)設(shè)計(jì)策略。
一、評(píng)論「不喜歡」
在聊評(píng)論區(qū)之前，不可避免地要聊到社區(qū)氛圍和治理。
社區(qū)氛圍對(duì)任何內(nèi)容社區(qū)類平臺(tái)來(lái)說(shuō)都屬于老大難，評(píng)論區(qū)的氛圍劣質(zhì)程度往往與DAU呈正比，這一點(diǎn)在抖音、嗶哩嗶哩、微博等過億級(jí)社區(qū)平臺(tái)表現(xiàn)得更為明顯，這和平臺(tái)的大用戶量以及不可避免的用戶下沉化息息相關(guān)。?
1. 社區(qū)氛圍??
針對(duì)社區(qū)氛圍，在C端設(shè)計(jì)上一般采取的方式為：
- 新增默認(rèn)展示的推薦區(qū)Tab，展示篩選后的優(yōu)質(zhì)評(píng)論，在表現(xiàn)層面營(yíng)造良社區(qū)氛圍，以引導(dǎo)用戶發(fā)表合適恰當(dāng)?shù)膬?nèi)容；
- 折疊評(píng)論提交入口和展示頁(yè)，增加用戶使用評(píng)論功能的成本，降低觸及；
- 排序規(guī)則改造，默認(rèn)以熱度或推薦排序，可進(jìn)行人工干預(yù)，引導(dǎo)用戶進(jìn)行良性互動(dòng)。
以上措施多在可用性上表現(xiàn)得較差，畢竟僅是通過黑盒機(jī)制或提升使用成本，來(lái)減弱用戶對(duì)不良社區(qū)氛圍的感知。
在用戶層面而言，與用戶期望存在一定的偏差，而且一部分用戶仍然需要一窺評(píng)論區(qū)全貌，難免因以上的措施而受到負(fù)面影響。
2. 社區(qū)治理
采用產(chǎn)品設(shè)計(jì)技巧可以低成本呈現(xiàn)比較優(yōu)質(zhì)的社區(qū)氛圍，而氛圍好壞的根源還是在發(fā)布者身上。
以往的社區(qū)治理多是針對(duì)是否違法違規(guī)展開，在普遍追求優(yōu)質(zhì)氛圍的競(jìng)爭(zhēng)環(huán)境下，大家開始把目光放在了評(píng)論內(nèi)容本身的質(zhì)量問題上。
這意味著需要平臺(tái)有基本的治理能力，也需要有識(shí)別內(nèi)容好壞的能力，隨著NLP（自然語(yǔ)言處理Natural Language Processing）或OCR（字符識(shí)別 Optical Character Recognition）這類能力的發(fā)展，治理手段也高超起來(lái)：
1）內(nèi)容發(fā)布治理
- 評(píng)論內(nèi)容觸發(fā)本地或服務(wù)器端關(guān)鍵詞庫(kù)，轉(zhuǎn)為僅自己可見，嚴(yán)重的直接被刪除；
- 評(píng)論內(nèi)容未通過機(jī)器算法NLP審核，轉(zhuǎn)為僅自己可見，嚴(yán)重的直接被刪除。
2）內(nèi)容質(zhì)量識(shí)別：????
- 機(jī)器算法NLP無(wú)法明確判斷內(nèi)容傾向，轉(zhuǎn)入人工審核流程，審核結(jié)果未出前保持為僅自己可見，按照審核結(jié)果釋放展示或自見或刪除；
- 評(píng)論內(nèi)容被機(jī)器算法NLP識(shí)別為無(wú)意義或低質(zhì)量，被折疊或擊沉；
- 評(píng)論內(nèi)容被「不喜歡」過多，被折疊或擊沉。
以上五類方式中，前幾種為大多數(shù)平臺(tái)所使用，既可保證發(fā)布者最基本的體驗(yàn)，也照顧到平臺(tái)的安全和觀者的清凈。
折疊或擊沉評(píng)論的方法，使用的范圍較窄，比較典型的當(dāng)屬知乎，按其本身強(qiáng)調(diào)專業(yè)性和關(guān)心回答價(jià)值的角度而言，“折疊”是平臺(tái)專業(yè)態(tài)度的體現(xiàn)，用戶一定程度上是可以接受的。
3. 評(píng)論「不喜歡」
評(píng)論區(qū)的「不喜歡」功能已幾乎成了擺設(shè)，一般體現(xiàn)為用戶評(píng)論在收到一定數(shù)量的「不喜歡」后才會(huì)被折疊或擊沉或轉(zhuǎn)為自見。
這只滿足了用戶點(diǎn)擊「不喜歡」時(shí)的投票態(tài)度，無(wú)法體現(xiàn)用戶主動(dòng)參與氛圍治理的姿態(tài)，而且這條評(píng)論會(huì)停留在用戶視野內(nèi)很久，用戶不知道它何時(shí)被處理、會(huì)不會(huì)被處理，既不能保證觀者的體驗(yàn)，也沒有滿足“所見即所得”的設(shè)計(jì)基本法。
在抖音平臺(tái)而言，尤其是面向大基數(shù)的下沉用戶時(shí)，社區(qū)的氛圍治理是必須要解決的“硬骨頭”。
抖音可能采用了如下的措施（驗(yàn)證與猜測(cè)，不代表官方就是這么做的）：
混搭排序規(guī)則：以評(píng)論點(diǎn)贊數(shù)與發(fā)布時(shí)間軸為基礎(chǔ)排序規(guī)則，配合NLP質(zhì)量分，前置部分優(yōu)質(zhì)且有一定熱度或者新發(fā)布的評(píng)論，保證用戶在評(píng)論區(qū)前兩屏得以查看高熱和較新的優(yōu)質(zhì)評(píng)論；
排序公式模擬：在「混搭排序」中，猜測(cè)是采用凈正向點(diǎn)贊+NLP質(zhì)量分的方式進(jìn)行的排序，或是采用評(píng)論質(zhì)量分公式影響排序，對(duì)公式的簡(jiǎn)單模擬：
xyz分別代表LIKE、DISLIKE、NLP識(shí)別分的權(quán)重系數(shù)，應(yīng)當(dāng)由后端控制，可隨時(shí)進(jìn)行調(diào)整?。
「不喜歡」交互設(shè)計(jì)：作為負(fù)點(diǎn)贊方式，在用戶側(cè)的表現(xiàn)是點(diǎn)擊即隱藏該條評(píng)論，符合“所見即所得”的交互規(guī)則，也滿足了用戶「殺滅」負(fù)面內(nèi)容的情緒；在排序影響上，應(yīng)該是抵消了部分的正向點(diǎn)贊，得出評(píng)論的實(shí)時(shí)凈點(diǎn)贊分的權(quán)重，用以影響排序。
抖音采取這種排序邏輯和設(shè)計(jì)策略的優(yōu)勢(shì)在于：
- 可以提升高熱、高質(zhì)量的評(píng)論的觸及和展示效率；
- 社區(qū)治理上，可規(guī)避質(zhì)量較差的評(píng)論呈現(xiàn)，抬升評(píng)論區(qū)氛圍；
- 用戶體驗(yàn)上，既保證了社區(qū)氛圍的舒適感，也在交互層面上做到所見即所得；
- 體現(xiàn)用戶DISLIKE的投票權(quán)，點(diǎn)擊即對(duì)用戶隱藏的方式，一定程度上滿足了用戶對(duì)評(píng)論區(qū)定制的期望，也體現(xiàn)了用戶操作是有權(quán)威性的這一安慰劑式的設(shè)計(jì)理念。
二、點(diǎn)贊推薦
「點(diǎn)贊推薦」的功能釋義為：用戶可以通過打開功能，使自己的朋友或粉絲看到自己所點(diǎn)贊的視頻。
我見之熟悉的原因是之前在Soul時(shí)設(shè)計(jì)但未落地的“轉(zhuǎn)播”功能有異曲同工之處。
本義都是為了促進(jìn)內(nèi)容在用戶側(cè)的自然分發(fā)，提升優(yōu)質(zhì)內(nèi)容的傳播性。
也就是說(shuō)，點(diǎn)贊推薦功能，其實(shí)是Twitter和微博“轉(zhuǎn)推”功能的翻版，微信的「在看」功能亦屬同樣的業(yè)務(wù)邏輯。
在業(yè)務(wù)價(jià)值上，用戶側(cè)內(nèi)容的自然分發(fā)，更易于產(chǎn)生社交互動(dòng)，也有助于用戶之間突破推薦機(jī)制帶來(lái)的信息繭房影響。當(dāng)關(guān)閉朋友可見時(shí)，推薦則成了一種低權(quán)重的流量推薦手段。
在功能設(shè)計(jì)層面上，它是個(gè)比較有趣的功能，既增加了用戶之間互相窺探對(duì)方喜好的途徑，也有助于用戶之間社交關(guān)系的加固。
但在交互設(shè)計(jì)上，我更傾向于抖音在實(shí)驗(yàn)試錯(cuò)，因?yàn)樵摴δ艿慕换ピO(shè)計(jì)方案是失敗的，原因有以下幾點(diǎn)：
1）它在信息設(shè)計(jì)上的門檻過高，使用戶無(wú)法快速的理解這個(gè)功能的影響
“點(diǎn)贊作品不會(huì)推薦給朋友”&“點(diǎn)贊作品會(huì)推薦給朋友”，很難相信，涉及狀態(tài)開關(guān)提醒的文案只有這么弱的差異。如果是有意為之，便有刻意降低用戶感知和認(rèn)知的嫌疑；如果是無(wú)意為之，那這個(gè)方案真的讓人大跌眼鏡。
2）推薦給朋友后的呈現(xiàn)方式，需要用戶適當(dāng)關(guān)注和付出一定的學(xué)習(xí)成本
點(diǎn)擊推薦后的樣式變更，即是告知用戶「推薦」是會(huì)這樣展示給用戶；同時(shí)在設(shè)置拉起的浮層有種動(dòng)圖以演示該效果。表意太弱了。
3）功能開關(guān)的說(shuō)明信息比較復(fù)雜，無(wú)形中抬升了用戶的使用門檻
總的來(lái)說(shuō)，功能是好的，但使用門檻和學(xué)習(xí)成本過高，對(duì)大齡用戶或輕中度用戶而言，功能觸及可能僅僅會(huì)停留在“點(diǎn)贊之后有新的東西出來(lái)了，看一看”而已。
而且在用戶側(cè)會(huì)出于私密性的原因，并不會(huì)愿意保持恒打開「推薦」。因此推薦開關(guān)需要考慮臨時(shí)開關(guān)和總開關(guān)兩個(gè)狀態(tài)。
好的功能，需要好的設(shè)計(jì)。好的設(shè)計(jì)，必定是使用門檻和學(xué)習(xí)成本比較低的。
可以適當(dāng)教育用戶，但不能自說(shuō)自話地教育用戶。
以下按照VADU的設(shè)計(jì)理論對(duì)這個(gè)功能進(jìn)行Redesign的嘗試。
三、方案重設(shè)計(jì)
在重新設(shè)計(jì)之前，需要深入了解業(yè)務(wù)構(gòu)成。
線上版本的「點(diǎn)贊推薦」中涉及到的開關(guān)過多，功能入口表現(xiàn)又稍顯含蓄，在文案的信息設(shè)計(jì)上拔高了使用門檻，重新設(shè)計(jì)將以重點(diǎn)解決這些問題為目標(biāo)。????????????????????
1. 「點(diǎn)贊推薦」線上業(yè)務(wù)構(gòu)成
業(yè)務(wù)的起點(diǎn)，實(shí)是增加推薦手段，引導(dǎo)用戶推薦內(nèi)容給其他用戶。????
在這個(gè)基礎(chǔ)上“增加”了用戶可進(jìn)一步選擇將點(diǎn)贊的內(nèi)容推薦給朋友。只是這一步增加，將「點(diǎn)贊推薦」的流程復(fù)雜化。開關(guān)邏輯見下圖：?????????????
2. 「點(diǎn)贊推薦」拆解與重設(shè)計(jì)??????
在了解了基礎(chǔ)的業(yè)務(wù)邏輯后開始著手。
1）功能入口強(qiáng)化??????（價(jià)值強(qiáng)化）
將功能價(jià)值點(diǎn)表現(xiàn)在入口上，增加用戶決策因子，也使用戶能一眼了解功能含義。
2）功能說(shuō)明浮層信息強(qiáng)化（抵達(dá)性強(qiáng)化）????
點(diǎn)贊作品和推薦作品實(shí)是兩件事，需要在表意上明確區(qū)分，不要給用戶留任何含糊的余地。適當(dāng)情況下可以增加Icon輔助表意。??
3）浮層中的功能開關(guān)交互合理化（抵達(dá)性、可用性強(qiáng)化）????
線上的 保持關(guān)閉/開啟 & 保持開啟/關(guān)閉 的按鈕互斥狀態(tài)，完全不合乎交互設(shè)計(jì)的任何規(guī)則。既不明確，也沒有體現(xiàn)開關(guān)狀態(tài)。可以適當(dāng)增加說(shuō)明，并采用開關(guān)形式解決。?
4）總開關(guān)表意和交互合理化（可用性強(qiáng)化）
原本的浮層說(shuō)明和開關(guān)示意，均存在表意不清的情況。改造原浮層交互為新啟頁(yè)面，在頁(yè)面內(nèi)詳細(xì)釋義功能。???????????????
5）改造總覽
四、綜上所述
從上述案例，我們得以窺見抖音在業(yè)務(wù)細(xì)節(jié)上的打磨，同時(shí)在交互細(xì)節(jié)上的瑕疵點(diǎn)。但這種細(xì)節(jié)的把控和嘗試，都應(yīng)當(dāng)是IT行業(yè)萬(wàn)馬齊喑的今天應(yīng)該去做的，這也是最原本IT公司做過的事情。?????????????
作為設(shè)計(jì)師，能跳脫出來(lái)審視自己，以理論來(lái)作為工作方法論的基底，都是難能可貴的品質(zhì)。
這也正是我回答面試問題“你覺得你比同樣十年經(jīng)驗(yàn)的設(shè)計(jì)師的優(yōu)勢(shì)在哪里”的答案。
跳出設(shè)計(jì)者思維，以普通觀者的視角反觀自己的方法和輸出，以學(xué)術(shù)理論來(lái)指導(dǎo)自己，進(jìn)行適當(dāng)?shù)姆此己图m正，這很重要。
本文由 @無(wú)鹿森 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash，基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
更新個(gè)最新信息：點(diǎn)贊推薦的實(shí)驗(yàn)應(yīng)該是停了，業(yè)務(wù)并未取消，開關(guān)折疊進(jìn)了長(zhǎng)按菜單中。期待后續(xù)抖音如何重新設(shè)計(jì)。
作者用心了，但還是原版的文案更精簡(jiǎn)、表意更明確。另外有些交互（比如開關(guān)還是按鈕的處理）原來(lái)的產(chǎn)品明顯是從業(yè)務(wù)目標(biāo)，而不僅僅是用戶體驗(yàn)上考慮的（比如要引導(dǎo)用戶做開啟），作者在這方面可能還要多考慮考慮
當(dāng)用戶無(wú)法順利使用時(shí)，業(yè)務(wù)目標(biāo)就是偽命題。起碼，這不是抖音這個(gè)體量應(yīng)該做的事。
“你的朋友只可以看到你推薦的作品”這句話有很大歧義啊。第一個(gè)意思是，你的朋友只能看到你推薦的，其他人推薦的看不到。第二個(gè)意思才是作者想表達(dá)的。
我們作為設(shè)計(jì)師或者產(chǎn)品從業(yè)者，將文案與功能聯(lián)系起來(lái)就能知道是什么意思，但普通用戶尤其是大齡用戶很難辨別。
另外「開啟」和「保持關(guān)閉」，點(diǎn)擊后彈窗浮層就可以直接關(guān)閉了。改成開關(guān)后觸發(fā)開啟后，還需要點(diǎn)擊關(guān)閉浮層按鈕，增加一步操作。
點(diǎn)贊推薦這個(gè)交互的設(shè)計(jì)確實(shí)已有很多現(xiàn)有的類型，有的時(shí)候很有用有的時(shí)候就深受其擾。取消推薦的設(shè)計(jì)是必要的，感謝作者的分析。