如何設(shè)計(jì)產(chǎn)品【評論】模塊

10個(gè)關(guān)鍵點(diǎn)

展示樣式、排序規(guī)則、操作行為顿膨、跳轉(zhuǎn)邏輯捞奕、運(yùn)營操作、被刪除/屏蔽后顯示邏輯傻铣、防呆設(shè)計(jì)、快捷操作、富媒體支持数冬、細(xì)節(jié)支持。

一搀庶、展示樣式

目前市面上流行樣式有:平鋪式拐纱、主題式、蓋樓式哥倔、對話式秸架、混合式幾種。

平鋪式

指所有評論都在一個(gè)層級咆蒿,包括原評論东抹,和對評論的回復(fù),并行顯示沃测。

平鋪式強(qiáng)調(diào)的是回復(fù)內(nèi)容直接的平等缭黔,把每一個(gè)評論都當(dāng)做一個(gè)平等客體。由于各條評論處于同一級別相互之間沒有層級關(guān)系蒂破,更加方便了互相的交流馏谨,所以在“微信朋友圈”這類熟人社交體系下效果非常理想,本身可見用戶之間相對熟悉附迷,這樣的設(shè)計(jì)使得信息溝通更方便惧互。

image.png

主題式

指把原評論作為一級評論,對原評論的回復(fù)喇伯,作為二級評論喊儡,排在一級評論下方。也就是說稻据,將一級評論作為“主題”管宵,允許針對某個(gè)“主題”展開討論。

相比平鋪式評論,主題式評論能讓討論主題更聚焦箩朴,讓優(yōu)質(zhì)評論更能浮出水面岗喉,形成討論氛圍。對運(yùn)營而言炸庞,還可以針對優(yōu)質(zhì)評論展開討論钱床,促進(jìn)曝光,提高運(yùn)營效果埠居。市面上很多注重評論的內(nèi)容平臺均選用該樣式查牌,如貼吧、最右滥壕、簡書纸颜、微博等。
image.png

蓋樓式

指每次對原評論的回復(fù)绎橘,都把原評論內(nèi)容露出胁孙,并帶上自己的評論,以“圈層”樣式呈現(xiàn)称鳞,久而久之就形成無限嵌套的方框樣式涮较,叫做“蓋樓”。

將這一樣式發(fā)揚(yáng)光大的當(dāng)屬網(wǎng)易新聞冈止,這也是它的特色之一狂票,由此誕生出很多經(jīng)典評論效果。但是熙暴,蓋樓式評論在樓層多的情況下勢必要進(jìn)行多層隱藏闺属,且不好對評論進(jìn)行追蹤,視覺效果也容易引起疲勞周霉,
image.png

對話式

指每次對原評論的回復(fù)掂器,就是和評論發(fā)布者的一次對話,這種對話本身也可分為一級诗眨、二級,乃至多級對話孕讳,分別是對評論者匠楚、評論回復(fù)者,回復(fù)評論回復(fù)者的人厂财,以此類推芋簿。

知乎就是典型的對話式評論。對話式會讓評論互動更鮮明璃饱,但其樣式的設(shè)計(jì)卻增加了理解成本与斤,慎用。
image.png

平鋪簡版

指僅能用戶評論僅有一級平鋪展示,不能再次評論撩穿,這也是平鋪的簡單版

這種結(jié)構(gòu)很簡單磷支,但是缺點(diǎn)在于評論區(qū)不會有任何互動,適用于要么不是很重視評論食寡,有個(gè)簡單的評論功能展示用戶的觀點(diǎn)和意見即可雾狈。例如微信公眾號:

image.png

混合式

指以上幾種樣式的混合,有的是一級評論用主題式抵皱,二級評論用平鋪式善榛;有的是以及評論用主題式,二級評論用對話式呻畸;還有的是一級主題移盆、二級對話、三級平鋪伤为。

具體用哪種咒循,也是根據(jù)用戶理解程度和內(nèi)容運(yùn)營傾向性來選擇。
image.png

二钮呀、排序規(guī)則

主流排序規(guī)則有:按發(fā)布時(shí)間剑鞍、按熱門程度,再加上人工精選爽醋。

按發(fā)布時(shí)間

通常默認(rèn)是按發(fā)布時(shí)間倒序蚁署,再進(jìn)一步可支持用戶可選正序、倒序排列蚂四。

值得注意的是光戈,對主題式評論,通常一級評論默認(rèn)倒序遂赠,目的是讓用戶看到最新評論久妆,一級評論下的二級評論則是默認(rèn)正序,目的是讓用戶理解討論進(jìn)展跷睦。還有一點(diǎn)筷弦,就是一級評論默認(rèn)倒序的時(shí)間,建議取一級評論下抑诸,二級評論的最新發(fā)布時(shí)間烂琴,這樣能保證一級評論的排序是按評論本身的討論進(jìn)展來更新的。

按熱門程度

則需要計(jì)算所有評論的“熱度值”蜕乡,根據(jù)此來排序奸绷。

熱度值一般取評論的點(diǎn)贊數(shù)、回復(fù)數(shù)2個(gè)維度层玲,按權(quán)重進(jìn)行線性求和計(jì)算号醉,有的還支持“點(diǎn)踩數(shù)”反症、“舉報(bào)數(shù)”等負(fù)面維度,此外畔派,為了避免馬太效應(yīng)铅碍,還要考慮加入時(shí)間衰減因子,算法優(yōu)化方案有很多父虑。

三该酗、操作行為

主流操作行為有:點(diǎn)贊、回復(fù)士嚎、復(fù)制呜魄、舉報(bào)、刪除莱衩、分享

點(diǎn)贊

要考慮點(diǎn)贊爵嗅、取消點(diǎn)贊后的贊數(shù)變更邏輯,是否需要服務(wù)端同步更新笨蚁,點(diǎn)擊后的動效睹晒,點(diǎn)贊后的消息提醒機(jī)制等。

回復(fù)

要考慮回復(fù)彈窗的出現(xiàn)括细、收起時(shí)機(jī)伪很,回復(fù)字符限制,回復(fù)是否支持換行符奋单,是否支持鍵盤提交锉试,是否允許空字符提交,回復(fù)頁面彈窗大小览濒,按鈕布局等呆盖。

復(fù)制

要考慮可復(fù)制區(qū)域,復(fù)制交互(長按/點(diǎn)擊)贷笛,復(fù)制后的提示效果等

舉報(bào)

要考慮是舉報(bào)文字還是舉報(bào)人应又,舉報(bào)后的提示,舉報(bào)后的數(shù)據(jù)審核等

刪除

要考慮發(fā)布人支持刪除功能乏苦,刪除時(shí)是否出現(xiàn)彈窗提醒株扛?刪除后狀態(tài)何時(shí)同步?刪除是硬刪除還是軟刪除汇荐?等等

分享

要考慮可分享平臺洞就,分享文案,分享后的打開樣式拢驾,是分享成網(wǎng)頁還是分享成圖片等奖磁。

跳轉(zhuǎn)邏輯

跳轉(zhuǎn)邏輯改基,主要是考慮由于發(fā)布了評論繁疤,或回復(fù)了評論咖为,哪些地方會產(chǎn)生相關(guān)入口,以及這些入口點(diǎn)擊的跳轉(zhuǎn)位置稠腊,包括:

  • 我發(fā)布的:通常會在“我的”里面躁染,或者“消息中心”,可查找自己發(fā)布過的評論架忌,這些評論點(diǎn)擊后可跳轉(zhuǎn)到對應(yīng)評論頁面吞彤,如果是主題式評論,對應(yīng)跳轉(zhuǎn)到評論二級頁叹放。
  • 回復(fù)我的:有人回復(fù)我的評論饰恕,在“我的”或“消息中心”會收到消息,該消息需要可點(diǎn)擊跳轉(zhuǎn)到評論頁面井仰。
  • 個(gè)人動態(tài):用戶發(fā)布評論或回復(fù)評論埋嵌,都屬于個(gè)人行為,如果產(chǎn)品存在個(gè)人主頁俱恶,那應(yīng)該將該行為記錄在個(gè)人主頁雹嗦,以“動態(tài)”形式出現(xiàn),其他人可在查看用戶動態(tài)時(shí)合是,找到該用戶對哪個(gè)文章發(fā)表了哪些評論了罪,并支持評論頁跳轉(zhuǎn)和文章頁跳轉(zhuǎn)。

四聪全、運(yùn)營操作

所謂運(yùn)營操作泊藕,是指運(yùn)營可以從后臺干涉用戶的評論行為和評論結(jié)果。正向干涉包括:評論加精荔烧、評論置頂吱七;負(fù)向干涉包括:評論屏蔽、評論刪除鹤竭、評論人封禁踊餐、敏感詞替換等。

評論加精

支持運(yùn)營挑選優(yōu)質(zhì)評論臀稚,在前端給予“精華”的標(biāo)記吝岭,有的App也叫“神評論”、“有用”等……

評論置頂

如字面意思吧寺,將某個(gè)評論窜管,置頂?shù)皆u論列表首位,給予公示

評論屏蔽

將某條評論暫時(shí)對他人不可見稚机。體驗(yàn)更好的做法幕帆,還可以通知發(fā)布評論人其內(nèi)容被屏蔽,要求其修改后申請解除屏蔽赖条,經(jīng)審核后評論可重新出現(xiàn)失乾。

評論刪除

直接從后臺將評論刪除常熙,不可恢復(fù)。

評論人封禁

通常是和“舉報(bào)”關(guān)聯(lián)碱茁,對于頻繁發(fā)布垃圾評論者予以封禁裸卫,令其不可再發(fā)評論。當(dāng)然也應(yīng)該允許其申請解封纽竣。

敏感詞替換

通常做法是構(gòu)建敏感詞庫墓贿,如果評論某些文字命中詞庫,則將敏感詞替換為“*”蜓氨。

被刪除/屏蔽后顯示邏輯

當(dāng)某條評論被刪除聋袋,或屏蔽后,可以有兩種做法穴吹,要么是直接刪除舱馅,要么是當(dāng)前區(qū)塊保留,被刪除文字變成“評論已刪除”刀荒。尤其是主題式評論代嗤,由于某條一級評論可能關(guān)聯(lián)多條二級評論,如果一級評論被刪除缠借,其二級評論是否需要全部刪除干毅,需要產(chǎn)品經(jīng)理根據(jù)評論價(jià)值來決策。建議這種情況還是保留二級評論泼返。

五硝逢、防呆設(shè)計(jì)

所謂防呆設(shè)計(jì),是指需要思考如何通過產(chǎn)品設(shè)計(jì)绅喉,防止用戶誤操作渠鸽。包括:

評論草稿箱

也就是說評論框輸入文字,未發(fā)送前柴罐,如果誤點(diǎn)擊了取消區(qū)域徽缚,自動替用戶保存當(dāng)前輸入文字,而再次出現(xiàn)評論框時(shí)革屠,還能將之前文字恢復(fù)凿试。這個(gè)功能還有個(gè)降級方案,就是用戶取消輸入框時(shí)似芝,彈出Alert告知用戶是否要取消那婉。

評論字?jǐn)?shù)提醒

當(dāng)字?jǐn)?shù)輸入過多時(shí),通過紅字提醒用戶超限党瓮,“發(fā)送”按鈕置灰详炬。

六、快捷操作

輸入文字對用戶而言是個(gè)高成本的事寞奸,而評論本身是個(gè)表達(dá)態(tài)度的渠道呛谜,那我們是否可以設(shè)計(jì)一些簡單的交互行為幫助用戶迅速表態(tài)呢傲醉?所謂快捷操作,就是針對這點(diǎn)的解決方案呻率。可以是:

快速表態(tài)

在評論區(qū)設(shè)計(jì)表態(tài)按鈕呻引,比如:踩礼仗、一般、贊逻悠、太棒了元践,用戶直接點(diǎn)擊即可,類似投票行為童谒。典型案例如天天快報(bào)单旁、橘子娛樂。

評論區(qū)直接輸入表情/顏文字

用戶可在發(fā)評論時(shí)饥伊,選擇表情圖發(fā)布象浑,或快速選擇顏文字發(fā)布。像搜狐新聞琅豆、鳳凰新聞愉豺、網(wǎng)易新聞都可以直接發(fā)表情。

七茫因、富媒體支持

對某些UGC向的內(nèi)容產(chǎn)品蚪拦,評論區(qū)甚至支持發(fā)靜態(tài)圖、發(fā)音頻冻押、發(fā)GIF動圖驰贷、發(fā)視頻,這時(shí)也就需要對應(yīng)的發(fā)布流程設(shè)計(jì)和后臺存儲邏輯洛巢。

八括袒、細(xì)節(jié)支持

這里就要從用戶體驗(yàn)角度,考慮各種特殊情況的產(chǎn)品細(xì)節(jié)了稿茉,我能想到的比如:

評論支持識別超鏈接

這里需要考慮超鏈接的識別邏輯(需要頭部是http或https箱熬,尾部是空格進(jìn)行識別),超鏈接的字?jǐn)?shù)計(jì)算(對于限制字?jǐn)?shù)的輸入框狈邑,超鏈接可以統(tǒng)一為10個(gè)字符)城须,超鏈接發(fā)布后的顯示樣式(簡單的可以直接顯示鏈接地址;好一點(diǎn)的顯示為“鏈接地址”四個(gè)字米苹;再好一點(diǎn)的取鏈接地址對于網(wǎng)址的title顯示糕伐,如知乎)

發(fā)評論時(shí),鍵盤設(shè)置問題

評論框輸入評論時(shí)蘸嘶,需要考慮是否將“發(fā)布”按鈕設(shè)置在鍵盤上良瞧。如果需要考慮評論換行陪汽,那“完成”鍵應(yīng)該作為換行鍵,否則點(diǎn)擊“完成”應(yīng)該是直接提交褥蚯。

評論點(diǎn)擊區(qū)域細(xì)節(jié)

評論區(qū)有很多元素挚冤,需要告知開發(fā)哪些區(qū)域可點(diǎn),點(diǎn)擊跳轉(zhuǎn)到哪些地方赞庶。如下圖所示:

image.png

后端產(chǎn)品設(shè)計(jì)

一训挡、前端需求分析

1.為什么做評論功能?

用戶評論可以打通用戶與用戶歧强、用戶與產(chǎn)品之間的界限澜薄,提供雙向甚至多向的溝通手段,增強(qiáng)產(chǎn)品的關(guān)系留存摊册。評論功能不再以用戶發(fā)表意見為唯一目的肤京,同時(shí)還營造出了一種隱藏在屏幕背后的社群關(guān)系。

2.評論分類

評論可以區(qū)分為一級評論及二級評論(回復(fù))兩種茅特,詳細(xì)定義如下:

image.png

3.從用戶查看/發(fā)表評論兩種行為出發(fā)分析用戶的使用動機(jī)

用戶對評論功能的使用可區(qū)分為查看及發(fā)表兩種行為忘分,總體說來,用戶查看評論核心動機(jī)在于能夠有所收獲白修,這就要求評論內(nèi)容必須具有價(jià)值饭庞;用戶發(fā)表評論的核心動機(jī)在于表達(dá)并能夠獲得反饋及得到認(rèn)同。產(chǎn)品類型不同熬荆,查看及發(fā)表評論動機(jī)差異較大舟山,詳見如下分析:

image.png

4.從自己產(chǎn)品出發(fā),詳述產(chǎn)品功能不同用戶使用動機(jī)的差異

就我們自己的產(chǎn)品而言卤恳,作為國企背景運(yùn)營商類工具型應(yīng)用累盗,存在如下特殊性:

功能模塊的多樣性,評論作用有差異

評論機(jī)制多與業(yè)務(wù)辦理突琳、客服服務(wù)相結(jié)合若债,同時(shí)隨著產(chǎn)品中增加了資訊類內(nèi)容, 評論功能也會出現(xiàn)在資訊內(nèi)容下拆融;對于以上三種不同功能(業(yè)務(wù)辦理蠢琳、客戶服務(wù)及資訊),用戶使用評論動機(jī)也有所不同:

image.png

5.評論功能產(chǎn)品設(shè)計(jì)詳述

不同類型產(chǎn)品的評論功能的設(shè)計(jì)也應(yīng)不同镜豹,產(chǎn)品的最終形態(tài)是為產(chǎn)品功能的核心作用服務(wù)的傲须。以下從評論功能的頁面元素來分析評論區(qū)的細(xì)節(jié)設(shè)計(jì):

(1)頁面整體設(shè)計(jì):

評論功能大體上可分為內(nèi)嵌評論頁及獨(dú)立評論頁,內(nèi)嵌評論頁是指評論直接展現(xiàn)在內(nèi)容/商品下方的頁面的設(shè)計(jì)方式趟脂,如淘寶泰讽、今日頭條、微博等;獨(dú)立評論頁是指需要跳轉(zhuǎn)才能看到評論的頁面設(shè)計(jì)方式已卸,如知乎等佛玄。評論頁面整體設(shè)計(jì)除了展現(xiàn)樣式以外,還涉及到邏輯的設(shè)定累澡,比如一級評論是按照時(shí)間順序排列還是按照點(diǎn)贊數(shù)倒敘排列梦抢,當(dāng)發(fā)表時(shí)間一致點(diǎn)贊數(shù)量一致時(shí)該如何排序,都需要產(chǎn)品經(jīng)理根據(jù)自己產(chǎn)品的特性來決定愧哟。

image.png

就我們自己的產(chǎn)品而言奥吩,由于頁面來源和性質(zhì)不同,一部分頁面為自有頁面翅雏,可進(jìn)行改造增加評論區(qū),因此設(shè)計(jì)成嵌評論頁人芽;一部分頁面為外部H5頁面望几,由于無法修改頁面內(nèi)容,所以增加了留言浮窗萤厅,需要跳轉(zhuǎn)后可以查看及發(fā)表評論橄抹。

(2)發(fā)表評論入口設(shè)計(jì):

發(fā)表評論的入口可區(qū)分為發(fā)表一級評論和二級評論的入口。

發(fā)表一級評論的入口一般會存在于頁面當(dāng)中惕味,位置可能是常駐頁面某個(gè)位置楼誓,如常駐在頁面底部,如網(wǎng)易云音樂名挥、今日頭條等疟羹,或者是以懸浮框形式常駐頁面右下角,如百度知道禀倔,發(fā)表評論的引導(dǎo)性較強(qiáng)榄融;也可能是在頁面中央,如公眾號及得到“寫留言”入口救湖,放置在頁面中央愧杯,需要對內(nèi)容有一定的了解后才可有發(fā)表評論;亦或需要完成某種行為才可發(fā)表評論鞋既,一般發(fā)表評論入口在其他頁面力九,如淘寶,需要在我的-待評價(jià)中發(fā)表評論邑闺,一級評論的發(fā)表入口設(shè)計(jì)可根據(jù)自己產(chǎn)品需要自行決定跌前;

發(fā)表二級評論的入口可跟隨內(nèi)容露出留言按鈕,引導(dǎo)性較強(qiáng)陡舅;也可通過點(diǎn)擊交互給出回復(fù)入口舒萎,引導(dǎo)性較弱。二級評論的發(fā)表入口設(shè)計(jì)也需要根據(jù)自己產(chǎn)品的需要自行決定。

image.png
image.png
image.png

(3)評論內(nèi)容輸入頁面設(shè)計(jì):

按照評論內(nèi)容的長短可將評論內(nèi)容區(qū)分為長評和短評兩種臂寝,頁面交互方式可分為當(dāng)前頁輸入和跳轉(zhuǎn)后輸入兩種方式:

針對較長評論輸入框占位需要較大章鲤,甚至可以占用整頁空間,可隨時(shí)查看之前輸入的內(nèi)容咆贬,以便形成章節(jié)體系败徊,如知乎的回答問題頁面,長評輸入一般需要跳轉(zhuǎn)到新的頁面掏缎,但需要在跳轉(zhuǎn)后的頁面中提示用戶是針對何內(nèi)容發(fā)表的評論皱蹦,因此一般會展現(xiàn)出文章的主題或者商品名稱等。

針對于短評眷蜈,輸入框給出一行空間即可沪哺,如今日頭條的評論,由于用戶發(fā)表的內(nèi)容本身也不會很長酌儒,所以輸入框無需很大辜妓。短評的輸入框一般在當(dāng)前頁即可。

在豆瓣書評中忌怎,按照評論長短區(qū)分了短評和討論兩塊區(qū)域籍滴,美妝類產(chǎn)品“閨蜜美妝”可針對產(chǎn)品發(fā)表長評或者短評,滿足不同受眾的不同需求榴啸。

除以上交互方式以外孽惰,輸入框中可輸入的內(nèi)容可以是文字、圖片鸥印、甚至是視頻勋功、音頻等,對于電商類產(chǎn)品可以增加星級評分等元素库说。

image.png

(4)二級評論樣式設(shè)計(jì):

二級評論設(shè)計(jì)主要分為兩種形式(具體須根據(jù)產(chǎn)品特性及二級評論數(shù)量決定采用何種展現(xiàn)方式):

其一為折疊式酝润,以一級評論為主,展示所有二級評論璃弄,優(yōu)點(diǎn)是一級評論及對應(yīng)的二級評論可以形成清晰地對應(yīng)關(guān)系要销,上下文聯(lián)系緊密;缺點(diǎn)為評論展示的位置受限夏块,假設(shè)如果二級留言內(nèi)容較多疏咐,用戶發(fā)表的評論需要多次點(diǎn)擊才能展現(xiàn)出來。同時(shí)二級評論的點(diǎn)贊限制較多脐供,如下圖從百度知道評論區(qū)可以看出二級評論難以給出點(diǎn)贊區(qū)域浑塞。

針對折疊式,一般優(yōu)先露出n條二級評論政己,其他評論可在當(dāng)前頁面中無限展開或需要跳轉(zhuǎn)到新的頁面查看全部酌壕,如微博、百度貼吧等。如果二級評論和一級評論之間聯(lián)系緊密卵牍,比如問答類產(chǎn)品建議采用該種方式果港,如果二級評論數(shù)量較多建議采用跳轉(zhuǎn)到新的頁面查看全部二級評論的交互方式。

其二為平鋪式糊昙,打破一級及二級評論的差異辛掠,將所有評論平鋪開,缺點(diǎn)是一級評論和二級評論之間的上線文聯(lián)系較弱释牺,優(yōu)點(diǎn)為展示位置較靈活萝衩,不必須折疊在一級評論中,如網(wǎng)易新聞没咙。

image.png

(5)互動機(jī)制(點(diǎn)贊猩谊、回復(fù)入口、認(rèn)可祭刚、水等)設(shè)計(jì):

互動機(jī)制可分為強(qiáng)互動和弱互動兩種方式:

其中強(qiáng)互動為回復(fù)他人評論牌捷,弱互動為點(diǎn)贊、認(rèn)可袁梗、水等宜鸯。反饋機(jī)制是評論區(qū)必備設(shè)計(jì)憔古,可增強(qiáng)用戶之間的聯(lián)系遮怜。用戶可根據(jù)自身需要選擇強(qiáng)弱互動方式。不同產(chǎn)品之間互動機(jī)制有所差異鸿市,一般評論區(qū)標(biāo)配的互動機(jī)制包含回復(fù)(包括用戶之間回復(fù)及用戶與運(yùn)營人員之間的回復(fù))及點(diǎn)贊這兩種锯梁。

對于垂直社區(qū)類產(chǎn)品,如PMCAFF中可對他人評論進(jìn)行認(rèn)可焰情、水陌凳、分享等。其他的交互邏輯内舟,比如是否支持用戶回復(fù)自己評論合敦、是否支持他人刪除自己留言、是否可對二級評論進(jìn)行點(diǎn)贊等邏輯可以根據(jù)產(chǎn)品需要自行設(shè)計(jì)验游。

image.png

(6)評論功能分區(qū):

如網(wǎng)易新聞將評論區(qū)劃分為熱門跟帖和最新跟帖兩個(gè)區(qū)域充岛,豆瓣書評分為評論和討論區(qū)兩個(gè)模塊,淘寶區(qū)分評論區(qū)和問大家區(qū)耕蝉,產(chǎn)品經(jīng)理可根據(jù)產(chǎn)品特性及評論數(shù)量決定是否需要分區(qū)崔梗。

(7)其他關(guān)聯(lián)功能設(shè)計(jì):

與評論功能緊密相關(guān)的功能為消息提醒功能,對于用戶之間互動方式的不同垒在,提醒方式也應(yīng)做差別處理蒜魄,如針對運(yùn)營人員或者其他用戶的的回復(fù),這種強(qiáng)互動方式需要及時(shí)推送,以便活躍氛圍谈为,并且可在消息提醒中點(diǎn)擊查看完整回復(fù)內(nèi)容旅挤、可快捷回復(fù)、可跳轉(zhuǎn)回發(fā)表評論頁面等峦阁;而針對點(diǎn)贊谦铃、認(rèn)可等其他弱互動方式,就無需進(jìn)行推送榔昔,支持跳轉(zhuǎn)回發(fā)表評論頁面即可驹闰。

二、后臺需求及設(shè)計(jì)

評論功能不僅涉及到前端交互也涉及到后臺邏輯撒会,以下為根據(jù)自己產(chǎn)品整理的后臺設(shè)計(jì)思路(備注:我們的評論區(qū)名稱為留言區(qū)):

1嘹朗、后臺需求匯總

就我們自己產(chǎn)品而言,具有公司具有國企背景诵肛,產(chǎn)品具有平臺屬性屹培,不僅to c,也要to b怔檩,因此在滿足用戶的需求的同時(shí)也要滿足各省運(yùn)營人員的需求褪秀,由該屬性出發(fā),后臺需求匯總?cè)缦拢?/p>

a.由于公司具有國企屬性薛训,又是運(yùn)營商性質(zhì)媒吗,因此用戶評論內(nèi)容傾向不確定(可能會有辱罵等內(nèi)容),因此增設(shè)審核機(jī)制乙埃,以確保內(nèi)容的健康性闸英。審核機(jī)制包括機(jī)器審核和人工審核兩種,其中人工審核需要在留言后臺完成介袜,具體說來甫何,對于健康內(nèi)容可審核通過展現(xiàn)在用戶前端界面中,對于存在問題的內(nèi)容可審核不通過遇伞,運(yùn)營人員可通過私信方式回復(fù)用戶辙喂,從而最大程度上滿足用戶個(gè)性化需求。而且對于不同功能模塊審核需求不同鸠珠,如業(yè)務(wù)辦理模塊可能發(fā)生用戶辱罵等內(nèi)容較多巍耗,需要審核,而資訊模塊跳芳,由于不涉及到辦理等與金錢掛鉤的敏感問題芍锦,因此審核需求不大。

b.由于用戶希望能夠在產(chǎn)品中獲得相關(guān)問題答案飞盆,需要運(yùn)營人員可回復(fù)用戶留言娄琉,因此在后臺增設(shè)回復(fù)機(jī)制次乓,其中回復(fù)功能的設(shè)計(jì)邏輯包括是否可以多次回復(fù)、回復(fù)后是否可以刪除等孽水,根據(jù)各自產(chǎn)品特性自行決定票腰。

c.由于用戶反饋問題較為集中,因此增設(shè)置頂功能女气,提高用戶使用效率杏慰。在設(shè)計(jì)置頂功能時(shí)特別糾結(jié)以下兩點(diǎn):(1)是否需要像大眾點(diǎn)評一樣,將優(yōu)質(zhì)留言蓋上“優(yōu)質(zhì)點(diǎn)評”的標(biāo)簽炼鞠?(2)是否需要將置頂?shù)膬?nèi)容永遠(yuǎn)置頂? 最后還是希望業(yè)務(wù)辦理類模塊能夠更加公正客觀(至少看起來是這樣的)缘滥,而非用“優(yōu)質(zhì)”標(biāo)簽來強(qiáng)迫用戶閱讀,而且不希望用戶在多次進(jìn)入留言頁時(shí)看到相同的置頂內(nèi)容谒主,所以采用了通過后臺調(diào)整點(diǎn)贊數(shù)的方式朝扼,使得置頂內(nèi)容能夠暫時(shí)排序第一位,至于能夠排在第一位多久霎肯,還需要依靠其他用戶的投票擎颖;

d.由于公司架構(gòu)區(qū)分總部和各省分公司,因此需要?jiǎng)澐纸巧珯?quán)限观游,在留言后臺可設(shè)置總管理員和分省運(yùn)營人員兩種角色搂捧,不同角色擁有的權(quán)限不同:總管理員可看到全國內(nèi)容、可對留言進(jìn)行復(fù)審懂缕、并且可看到分省運(yùn)營人員的操作記錄允跑,實(shí)現(xiàn)整體上把控整個(gè)產(chǎn)品的運(yùn)營的質(zhì)量,分省管理員僅可審核提佣、回復(fù)本省用戶發(fā)表的留言吮蛹。角色權(quán)限劃分可使功能使用范圍更加明確荤崇,有助于評論功能健康發(fā)展拌屏。

e.由于公司框架特性,帶來的另一個(gè)問題是針對全國用戶可見內(nèi)容——業(yè)務(wù)辦理也好术荤,faq內(nèi)容也好倚喂,由于不同省份之間規(guī)則差異,不同省份用戶之間會形成比較瓣戚,容易造成用戶投訴端圈,因此留言可見范圍可勾選——實(shí)現(xiàn)用戶留言及運(yùn)營人員回復(fù)可針對用戶自己可見、可對本省用戶可見及全國可見子库。

f.其它常規(guī)后臺需求包括時(shí)間篩選舱权、功能模塊篩選、省份篩選仑嗅、審核類型篩選宴倍、回復(fù)類型篩選张症、置頂類型篩選、留言內(nèi)容搜索等鸵贬,能夠滿足運(yùn)營人員精準(zhǔn)化查找的需求俗他。

2、前端與后臺的關(guān)聯(lián)

整理好產(chǎn)品前后臺關(guān)聯(lián)邏輯有助于后臺產(chǎn)品的設(shè)計(jì)阔逼,如下流程圖為我整理的自己產(chǎn)品的前后臺邏輯:

image.png

3.后臺設(shè)計(jì)最終原型

根據(jù)以上分析兆衅,輸出留言后臺最終產(chǎn)品產(chǎn)品原型,之后開發(fā)并優(yōu)化迭代嗜浮。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末羡亩,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子危融,更是在濱河造成了極大的恐慌夕春,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,826評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件专挪,死亡現(xiàn)場離奇詭異及志,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)寨腔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評論 3 395
  • 文/潘曉璐 我一進(jìn)店門速侈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人迫卢,你說我怎么就攤上這事倚搬。” “怎么了乾蛤?”我有些...
    開封第一講書人閱讀 164,234評論 0 354
  • 文/不壞的土叔 我叫張陵每界,是天一觀的道長。 經(jīng)常有香客問我家卖,道長眨层,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,562評論 1 293
  • 正文 為了忘掉前任上荡,我火速辦了婚禮趴樱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘酪捡。我一直安慰自己叁征,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,611評論 6 392
  • 文/花漫 我一把揭開白布逛薇。 她就那樣靜靜地躺著捺疼,像睡著了一般。 火紅的嫁衣襯著肌膚如雪永罚。 梳的紋絲不亂的頭發(fā)上啤呼,一...
    開封第一講書人閱讀 51,482評論 1 302
  • 那天议薪,我揣著相機(jī)與錄音,去河邊找鬼媳友。 笑死斯议,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的醇锚。 我是一名探鬼主播哼御,決...
    沈念sama閱讀 40,271評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼焊唬!你這毒婦竟也來了恋昼?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,166評論 0 276
  • 序言:老撾萬榮一對情侶失蹤赶促,失蹤者是張志新(化名)和其女友劉穎液肌,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鸥滨,經(jīng)...
    沈念sama閱讀 45,608評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嗦哆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,814評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了婿滓。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片老速。...
    茶點(diǎn)故事閱讀 39,926評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖凸主,靈堂內(nèi)的尸體忽然破棺而出橘券,到底是詐尸還是另有隱情,我是刑警寧澤卿吐,帶...
    沈念sama閱讀 35,644評論 5 346
  • 正文 年R本政府宣布旁舰,位于F島的核電站,受9級特大地震影響嗡官,放射性物質(zhì)發(fā)生泄漏箭窜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,249評論 3 329
  • 文/蒙蒙 一谨湘、第九天 我趴在偏房一處隱蔽的房頂上張望绽快。 院中可真熱鬧芥丧,春花似錦紧阔、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至物遇,卻和暖如春乖仇,著一層夾襖步出監(jiān)牢的瞬間憾儒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評論 1 269
  • 我被黑心中介騙來泰國打工乃沙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留起趾,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,063評論 3 370
  • 正文 我出身青樓警儒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子比藻,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,871評論 2 354

推薦閱讀更多精彩內(nèi)容