? ? ? ?今天逛社區(qū)的時(shí)候剛好看到有個(gè)人問如何設(shè)計(jì)評(píng)論功能膜毁，本人從9月份到現(xiàn)在一直在與評(píng)論功能做抗?fàn)幉匠瘢瑥那岸说胶笈_(tái)悴晰，持續(xù)做著優(yōu)化~算是有一丟丟經(jīng)驗(yàn)和設(shè)計(jì)心得~總體來說：產(chǎn)品最終呈現(xiàn)的形態(tài)是商業(yè)目標(biāo)和核心流程的體現(xiàn)趋艘，因此產(chǎn)品設(shè)計(jì)成什么樣子是與產(chǎn)品類型和商業(yè)目標(biāo)緊密相聯(lián)的娇澎。下面將從前端和后臺(tái)的需求出發(fā)詳述評(píng)論功能的設(shè)計(jì)門道：
一.前端需求及設(shè)計(jì)
1.為什么做評(píng)論功能笨蚁？
? ? ? ? 用戶評(píng)論可以打通用戶與用戶、用戶與產(chǎn)品之間的界限九火，提供雙向甚至多向的溝通手段赚窃，增強(qiáng)產(chǎn)品的關(guān)系留存。評(píng)論功能不再以用戶發(fā)表意見為唯一目的岔激，同時(shí)還營(yíng)造出了一種隱藏在屏幕背后的社群關(guān)系勒极。
2.評(píng)論分類
? ?評(píng)論可以區(qū)分為一級(jí)評(píng)論及二級(jí)評(píng)論（回復(fù)）兩種，詳細(xì)定義如下：
3.從用戶查看/發(fā)表評(píng)論兩種行為出發(fā)分析用戶的使用動(dòng)機(jī)
? ? ? ?用戶對(duì)評(píng)論功能的使用可區(qū)分為查看及發(fā)表兩種行為虑鼎，總體說來辱匿，用戶查看評(píng)論核心動(dòng)機(jī)在于能夠有所收獲键痛，這就要求評(píng)論內(nèi)容必須具有價(jià)值；用戶發(fā)表評(píng)論的核心動(dòng)機(jī)在于表達(dá)并能夠獲得反饋及得到認(rèn)同匾七。產(chǎn)品類型不同絮短，查看及發(fā)表評(píng)論動(dòng)機(jī)差異較大，詳見如下分析：
4.從自己產(chǎn)品出發(fā)昨忆，詳述產(chǎn)品功能不同用戶使用動(dòng)機(jī)的差異
?就我們自己的產(chǎn)品而言丁频，作為國(guó)企背景運(yùn)營(yíng)商類工具型應(yīng)用，存在如下特殊性：
（1）功能模塊的多樣性邑贴，評(píng)論作用有差異：評(píng)論機(jī)制多與業(yè)務(wù)辦理席里、客服服務(wù)相結(jié)合，同時(shí)隨著產(chǎn)品中增加了資訊類內(nèi)容拢驾， 評(píng)論功能也會(huì)出現(xiàn)在資訊內(nèi)容下奖磁；對(duì)于以上三種不同功能（業(yè)務(wù)辦理、客戶服務(wù)及資訊）繁疤，用戶使用評(píng)論動(dòng)機(jī)也有所不同：
5.評(píng)論功能產(chǎn)品設(shè)計(jì)詳述：
? ? ? ?不同類型產(chǎn)品的評(píng)論功能的設(shè)計(jì)也應(yīng)不同咖为，產(chǎn)品的最終形態(tài)是為產(chǎn)品功能的核心作用服務(wù)的。以下從評(píng)論功能的頁面元素來分析評(píng)論區(qū)的細(xì)節(jié)設(shè)計(jì)：
（1）頁面整體設(shè)計(jì)：
? ? ? 評(píng)論功能大體上可分為內(nèi)嵌評(píng)論頁及獨(dú)立評(píng)論頁稠腊，內(nèi)嵌評(píng)論頁是指評(píng)論直接展現(xiàn)在內(nèi)容/商品下方的頁面的設(shè)計(jì)方式躁染，如淘寶、今日頭條麻养、微博等褐啡；獨(dú)立評(píng)論頁是指需要跳轉(zhuǎn)才能看到評(píng)論的頁面設(shè)計(jì)方式，如知乎等鳖昌。評(píng)論頁面整體設(shè)計(jì)除了展現(xiàn)樣式以外备畦，還涉及到邏輯的設(shè)定，比如一級(jí)評(píng)論是按照時(shí)間順序排列還是按照點(diǎn)贊數(shù)倒敘排列许昨，當(dāng)發(fā)表時(shí)間一致點(diǎn)贊數(shù)量一致時(shí)該如何排序懂盐，都需要產(chǎn)品經(jīng)理根據(jù)自己產(chǎn)品的特性來決定。
? ? ? ?就我們自己的產(chǎn)品而言糕档，由于頁面來源和性質(zhì)不同莉恼，一部分頁面為自有頁面，可進(jìn)行改造增加評(píng)論區(qū)速那，因此設(shè)計(jì)成嵌評(píng)論頁俐银；一部分頁面為外部H5頁面，由于無法修改頁面內(nèi)容端仰，所以增加了留言浮窗捶惜，需要跳轉(zhuǎn)后可以查看及發(fā)表評(píng)論。
（2）發(fā)表評(píng)論入口設(shè)計(jì)：
? ? ? ?發(fā)表評(píng)論的入口可區(qū)分為發(fā)表一級(jí)評(píng)論和二級(jí)評(píng)論的入口荔烧。
? ? ? ?發(fā)表一級(jí)評(píng)論的入口一般會(huì)存在于頁面當(dāng)中吱七，位置可能是常駐頁面某個(gè)位置汽久，如常駐在頁面底部，如網(wǎng)易云音樂踊餐、今日頭條等景醇，或者是以懸浮框形式常駐頁面右下角，如百度知道吝岭，發(fā)表評(píng)論的引導(dǎo)性較強(qiáng)三痰；也可能是在頁面中央，如公眾號(hào)及得到“寫留言”入口窜管，放置在頁面中央酒觅，需要對(duì)內(nèi)容有一定的了解后才可有發(fā)表評(píng)論；亦或需要完成某種行為才可發(fā)表評(píng)論微峰，一般發(fā)表評(píng)論入口在其他頁面，如淘寶抒钱，需要在我的-待評(píng)價(jià)中發(fā)表評(píng)論蜓肆，一級(jí)評(píng)論的發(fā)表入口設(shè)計(jì)可根據(jù)自己產(chǎn)品需要自行決定；
? ? ? 發(fā)表二級(jí)評(píng)論的入口可跟隨內(nèi)容露出留言按鈕谋币，引導(dǎo)性較強(qiáng)仗扬；也可通過點(diǎn)擊交互給出回復(fù)入口，引導(dǎo)性較弱蕾额。二級(jí)評(píng)論的發(fā)表入口設(shè)計(jì)也需要根據(jù)自己產(chǎn)品的需要自行決定早芭。
（3）評(píng)論內(nèi)容輸入頁面設(shè)計(jì)：
? ? ? ?按照評(píng)論內(nèi)容的長(zhǎng)短可將評(píng)論內(nèi)容區(qū)分為長(zhǎng)評(píng)和短評(píng)兩種诅蝶，頁面交互方式可分為當(dāng)前頁輸入和跳轉(zhuǎn)后輸入兩種方式：
? ? ? 針對(duì)較長(zhǎng)評(píng)論輸入框占位需要較大退个，甚至可以占用整頁空間，可隨時(shí)查看之前輸入的內(nèi)容调炬，以便形成章節(jié)體系语盈，如知乎的回答問題頁面，長(zhǎng)評(píng)輸入一般需要跳轉(zhuǎn)到新的頁面缰泡，但需要在跳轉(zhuǎn)后的頁面中提示用戶是針對(duì)何內(nèi)容發(fā)表的評(píng)論刀荒，因此一般會(huì)展現(xiàn)出文章的主題或者商品名稱等。
? ? ? 針對(duì)于短評(píng)棘钞，輸入框給出一行空間即可缠借，如今日頭條的評(píng)論，由于用戶發(fā)表的內(nèi)容本身也不會(huì)很長(zhǎng)宜猜，所以輸入框無需很大泼返。短評(píng)的輸入框一般在當(dāng)前頁即可。
? ? ? 在豆瓣書評(píng)中宝恶，按照評(píng)論長(zhǎng)短區(qū)分了短評(píng)和討論兩塊區(qū)域符隙，美妝類產(chǎn)品“閨蜜美妝”可針對(duì)產(chǎn)品發(fā)表長(zhǎng)評(píng)或者短評(píng)趴捅，滿足不同受眾的不同需求。
? ? ?除以上交互方式以外霹疫，輸入框中可輸入的內(nèi)容可以是文字拱绑、圖片、甚至是視頻丽蝎、音頻等猎拨，對(duì)于電商類產(chǎn)品可以增加星級(jí)評(píng)分等元素。
（4）二級(jí)評(píng)論樣式設(shè)計(jì)：
? ? ? ?二級(jí)評(píng)論設(shè)計(jì)主要分為兩種形式（具體須根據(jù)產(chǎn)品特性及二級(jí)評(píng)論數(shù)量決定采用何種展現(xiàn)方式）：
? ? ? ?其一為折疊式屠阻，以一級(jí)評(píng)論為主红省，展示所有二級(jí)評(píng)論，優(yōu)點(diǎn)是一級(jí)評(píng)論及對(duì)應(yīng)的二級(jí)評(píng)論可以形成清晰地對(duì)應(yīng)關(guān)系国觉，上下文聯(lián)系緊密吧恃；缺點(diǎn)為評(píng)論展示的位置受限，假設(shè)如果二級(jí)留言內(nèi)容較多麻诀，用戶發(fā)表的評(píng)論需要多次點(diǎn)擊才能展現(xiàn)出來痕寓。同時(shí)二級(jí)評(píng)論的點(diǎn)贊限制較多，如下圖從百度知道評(píng)論區(qū)可以看出二級(jí)評(píng)論難以給出點(diǎn)贊區(qū)域蝇闭。針對(duì)折疊式呻率，一般優(yōu)先露出n條二級(jí)評(píng)論，其他評(píng)論可在當(dāng)前頁面中無限展開或需要跳轉(zhuǎn)到新的頁面查看全部呻引，如微博礼仗、百度貼吧等。如果二級(jí)評(píng)論和一級(jí)評(píng)論之間聯(lián)系緊密逻悠，比如問答類產(chǎn)品建議采用該種方式元践，如果二級(jí)評(píng)論數(shù)量較多建議采用跳轉(zhuǎn)到新的頁面查看全部二級(jí)評(píng)論的交互方式。
? ? ? ?其二為平鋪式童谒，打破一級(jí)及二級(jí)評(píng)論的差異卢厂，將所有評(píng)論平鋪開，缺點(diǎn)是一級(jí)評(píng)論和二級(jí)評(píng)論之間的上線文聯(lián)系較弱惠啄，優(yōu)點(diǎn)為展示位置較靈活慎恒，不必須折疊在一級(jí)評(píng)論中，如網(wǎng)易新聞撵渡。
（5）互動(dòng)機(jī)制（點(diǎn)贊融柬、回復(fù)入口、認(rèn)可趋距、水等）設(shè)計(jì)：
? ? ? ? 互動(dòng)機(jī)制可分為強(qiáng)互動(dòng)和弱互動(dòng)兩種方式：
? ? ? ? 其中強(qiáng)互動(dòng)為回復(fù)他人評(píng)論粒氧，弱互動(dòng)為點(diǎn)贊、認(rèn)可节腐、水等外盯。反饋機(jī)制是評(píng)論區(qū)必備設(shè)計(jì)摘盆，可增強(qiáng)用戶之間的聯(lián)系。用戶可根據(jù)自身需要選擇強(qiáng)弱互動(dòng)方式饱苟。不同產(chǎn)品之間互動(dòng)機(jī)制有所差異孩擂，一般評(píng)論區(qū)標(biāo)配的互動(dòng)機(jī)制包含回復(fù)（包括用戶之間回復(fù)及用戶與運(yùn)營(yíng)人員之間的回復(fù)）及點(diǎn)贊這兩種。對(duì)于垂直社區(qū)類產(chǎn)品箱熬，如PMCAFF中可對(duì)他人評(píng)論進(jìn)行認(rèn)可类垦、水、分享等城须。其他的交互邏輯蚤认，比如是否支持用戶回復(fù)自己評(píng)論、是否支持他人刪除自己留言糕伐、是否可對(duì)二級(jí)評(píng)論進(jìn)行點(diǎn)贊等邏輯可以根據(jù)產(chǎn)品需要自行設(shè)計(jì)砰琢。
（6）評(píng)論功能分區(qū)：
? ? ? ? 如網(wǎng)易新聞將評(píng)論區(qū)劃分為熱門跟帖和最新跟帖兩個(gè)區(qū)域，豆瓣書評(píng)分為評(píng)論和討論區(qū)兩個(gè)模塊良瞧，淘寶區(qū)分評(píng)論區(qū)和問大家區(qū)氯析，產(chǎn)品經(jīng)理可根據(jù)產(chǎn)品特性及評(píng)論數(shù)量決定是否需要分區(qū)。
（7）其他關(guān)聯(lián)功能設(shè)計(jì)：
? ? ? ?與評(píng)論功能緊密相關(guān)的功能為消息提醒功能莺褒，對(duì)于用戶之間互動(dòng)方式的不同，提醒方式也應(yīng)做差別處理雪情，如針對(duì)運(yùn)營(yíng)人員或者其他用戶的的回復(fù)遵岩，這種強(qiáng)互動(dòng)方式需要及時(shí)推送，以便活躍氛圍巡通，并且可在消息提醒中點(diǎn)擊查看完整回復(fù)內(nèi)容尘执、可快捷回復(fù)、可跳轉(zhuǎn)回發(fā)表評(píng)論頁面等宴凉；而針對(duì)點(diǎn)贊誊锭、認(rèn)可等其他弱互動(dòng)方式，就無需進(jìn)行推送弥锄，支持跳轉(zhuǎn)回發(fā)表評(píng)論頁面即可丧靡。
二.后臺(tái)需求及設(shè)計(jì)
? ? ? ?評(píng)論功能不僅涉及到前端交互也涉及到后臺(tái)邏輯，以下為根據(jù)自己產(chǎn)品整理的后臺(tái)設(shè)計(jì)思路（備注：我們的評(píng)論區(qū)名稱為留言區(qū)）：
1.后臺(tái)需求匯總：
? ? ? ?就我們自己產(chǎn)品而言籽暇，具有公司具有國(guó)企背景温治，產(chǎn)品具有平臺(tái)屬性，不僅to c戒悠，也要to b熬荆，因此在滿足用戶的需求的同時(shí)也要滿足各省運(yùn)營(yíng)人員的需求，由該屬性出發(fā)绸狐，后臺(tái)需求匯總?cè)缦拢?/p>
a.由于公司具有國(guó)企屬性卤恳，又是運(yùn)營(yíng)商性質(zhì)累盗，因此用戶評(píng)論內(nèi)容傾向不確定（可能會(huì)有辱罵等內(nèi)容），因此增設(shè)審核機(jī)制突琳，以確保內(nèi)容的健康性若债。審核機(jī)制包括機(jī)器審核和人工審核兩種，其中人工審核需要在留言后臺(tái)完成本今，具體說來拆座，對(duì)于健康內(nèi)容可審核通過展現(xiàn)在用戶前端界面中，對(duì)于存在問題的內(nèi)容可審核不通過冠息，運(yùn)營(yíng)人員可通過私信方式回復(fù)用戶挪凑，從而最大程度上滿足用戶個(gè)性化需求。而且對(duì)于不同功能模塊審核需求不同逛艰，如業(yè)務(wù)辦理模塊可能發(fā)生用戶辱罵等內(nèi)容較多躏碳，需要審核，而資訊模塊散怖，由于不涉及到辦理等與金錢掛鉤的敏感問題菇绵，因此審核需求不大。
b.由于用戶希望能夠在產(chǎn)品中獲得相關(guān)問題答案镇眷，需要運(yùn)營(yíng)人員可回復(fù)用戶留言咬最，因此在后臺(tái)增設(shè)回復(fù)機(jī)制，其中回復(fù)功能的設(shè)計(jì)邏輯包括是否可以多次回復(fù)欠动、回復(fù)后是否可以刪除等永乌，根據(jù)各自產(chǎn)品特性自行決定。
c.由于用戶反饋問題較為集中具伍，因此增設(shè)置頂功能翅雏，提高用戶使用效率。在設(shè)計(jì)置頂功能時(shí)特別糾結(jié)以下兩點(diǎn)：（1）是否需要像大眾點(diǎn)評(píng)一樣人芽，將優(yōu)質(zhì)留言蓋上“優(yōu)質(zhì)點(diǎn)評(píng)”的標(biāo)簽望几？（2）是否需要將置頂?shù)膬?nèi)容永遠(yuǎn)置頂? 最后還是希望業(yè)務(wù)辦理類模塊能夠更加公正客觀（至少看起來是這樣的），而非用“優(yōu)質(zhì)”標(biāo)簽來強(qiáng)迫用戶閱讀萤厅，而且不希望用戶在多次進(jìn)入留言頁時(shí)看到相同的置頂內(nèi)容橄抹，所以采用了通過后臺(tái)調(diào)整點(diǎn)贊數(shù)的方式，使得置頂內(nèi)容能夠暫時(shí)排序第一位惕味，至于能夠排在第一位多久害碾，還需要依靠其他用戶的投票；
d.由于公司架構(gòu)區(qū)分總部和各省分公司赦拘，因此需要?jiǎng)澐纸巧珯?quán)限慌随，在留言后臺(tái)可設(shè)置總管理員和分省運(yùn)營(yíng)人員兩種角色，不同角色擁有的權(quán)限不同：總管理員可看到全國(guó)內(nèi)容、可對(duì)留言進(jìn)行復(fù)審阁猜、并且可看到分省運(yùn)營(yíng)人員的操作記錄丸逸，實(shí)現(xiàn)整體上把控整個(gè)產(chǎn)品的運(yùn)營(yíng)的質(zhì)量，分省管理員僅可審核剃袍、回復(fù)本省用戶發(fā)表的留言黄刚。角色權(quán)限劃分可使功能使用范圍更加明確，有助于評(píng)論功能健康發(fā)展民效。
e.由于公司框架特性憔维，帶來的另一個(gè)問題是針對(duì)全國(guó)用戶可見內(nèi)容——業(yè)務(wù)辦理也好，faq內(nèi)容也好畏邢，由于不同省份之間規(guī)則差異业扒，不同省份用戶之間會(huì)形成比較，容易造成用戶投訴舒萎，因此留言可見范圍可勾選——實(shí)現(xiàn)用戶留言及運(yùn)營(yíng)人員回復(fù)可針對(duì)用戶自己可見程储、可對(duì)本省用戶可見及全國(guó)可見。
f.其它常規(guī)后臺(tái)需求包括時(shí)間篩選臂寝、功能模塊篩選章鲤、省份篩選、審核類型篩選咆贬、回復(fù)類型篩選败徊、置頂類型篩選、留言內(nèi)容搜索等掏缎，能夠滿足運(yùn)營(yíng)人員精準(zhǔn)化查找的需求皱蹦。
2.前端與后臺(tái)的關(guān)聯(lián)如下流程圖所示：
? ? ? 整理好產(chǎn)品前后臺(tái)關(guān)聯(lián)邏輯有助于后臺(tái)產(chǎn)品的設(shè)計(jì)，如下流程圖為我整理的自己產(chǎn)品的前后臺(tái)邏輯：
3.后臺(tái)設(shè)計(jì)最終原型
? ? ? ?根據(jù)以上分析御毅，輸出留言后臺(tái)最終產(chǎn)品產(chǎn)品原型，之后開發(fā)并優(yōu)化迭代怜珍。
完(?′?‵?)Ｉ L???????~多有不足端蛆，歡迎討論交流~~
