評(píng)論區(qū)提供了用戶(hù)與用戶(hù)、讀者與創(chuàng)作者及用戶(hù)與平臺(tái)之間的互動(dòng)交流，本身也是內(nèi)容衍生品。近期工作涉及，就簡(jiǎn)單記一下看到的。
概述：一. 評(píng)論區(qū)結(jié)構(gòu)；二. 評(píng)論上傳圖片；三. 一個(gè)小疏漏。

一. 評(píng)論區(qū)結(jié)構(gòu)

常見(jiàn)的評(píng)論區(qū)結(jié)構(gòu)，分為3類(lèi)：

No.1 主題式設(shè)計(jì)（樹(shù)形分支結(jié)構(gòu)）
每條主評(píng)論（一級(jí)評(píng)論）都作為一個(gè)“主題”，而這條主評(píng)論的回復(fù)（二級(jí)評(píng)論）都被當(dāng)成“主題”的子集。

舉個(gè)栗子就是微博：

優(yōu)點(diǎn)：
1.內(nèi)容更聚焦，前后對(duì)話(huà)清晰；
2.便于篩選優(yōu)質(zhì)評(píng)論（利于運(yùn)營(yíng)）；
3.對(duì)于一級(jí)評(píng)論而言，密度更大，展示更多。
/
缺點(diǎn)：
1.回復(fù)的二級(jí)評(píng)論隱藏較深，要再次展開(kāi)查看新內(nèi)容（為彌補(bǔ)這個(gè)缺點(diǎn) 大多應(yīng)用都露出部分回復(fù)，提高可見(jiàn)性）；
2.易被蹭熱門(mén)一級(jí)評(píng)論“前排灌水”。

題外話(huà)：對(duì)比微博和云音樂(lè)，都是主題式設(shè)計(jì)，但對(duì)于回復(fù)評(píng)論處理，卻有不同。

微博 是僅@原評(píng)論用戶(hù)：「用戶(hù)A 回復(fù) 用戶(hù)B：回復(fù)內(nèi)容CCC」。相比較會(huì)更節(jié)省空間，犧牲的是他人視角的上下文閱讀（當(dāng)兩人的回復(fù)中間插入了別人的回復(fù)時(shí)，閱讀不連貫）；
云音樂(lè) 引用原評(píng)論：除了展示 用戶(hù)A 的回復(fù)內(nèi)容，還會(huì)引用 用戶(hù)B 的原評(píng)論一起展示出來(lái)。閱讀上稍好，但容易造成平鋪式的問(wèn)題，原評(píng)論信息不斷重復(fù)。

No.2 平鋪式設(shè)計(jì)
所有評(píng)論/回復(fù)都是一級(jí)頁(yè)面，無(wú)二級(jí)頁(yè)面，每一條都作為新的評(píng)論展示出來(lái)，層級(jí)并行。

舉個(gè)栗子就是： 豆瓣小組

優(yōu)點(diǎn)：
1.對(duì)每一條回復(fù)來(lái)說(shuō)，曝光相對(duì)平均，對(duì)優(yōu)質(zhì)二級(jí)評(píng)論有利；
2.適用于對(duì)于評(píng)論量不大項(xiàng)目 / 或運(yùn)營(yíng)初期，利于渲染熱評(píng)氛圍。
/
缺點(diǎn)：
1.產(chǎn)生討論時(shí)，閱讀連貫性差，米有上下文交代；
2.回復(fù)的內(nèi)容屬于二次互動(dòng)行為，易產(chǎn)生與原文章無(wú)關(guān)或重復(fù)冗余評(píng)論。

No.3 蓋樓式設(shè)計(jì)

指每次對(duì)原評(píng)論的回復(fù)，都把原評(píng)論內(nèi)容露出，并帶上自己的評(píng)論，以“圈層”樣式呈現(xiàn)，久而久之就形成無(wú)限嵌套的方框樣式，叫做“蓋樓”。

不常見(jiàn)，不多說(shuō)。

二. 評(píng)論上傳圖片

1. 傳圖

a. 傳圖到服務(wù)器一般來(lái)說(shuō)有兩種選擇：
一是先選擇本地上傳，點(diǎn)擊發(fā)布后再統(tǒng)一傳到服務(wù)器（節(jié)約編輯中的流程時(shí)間、減少選錯(cuò)圖重復(fù)上傳浪費(fèi)流量及便于離線(xiàn)后斷點(diǎn)重新發(fā)布，但圖片上傳狀態(tài)和錯(cuò)誤信息不好實(shí)時(shí)掌握）；二是選圖后就直接上傳，等傳輸全完成后才發(fā)布。

b. 關(guān)于圖片審核和不通過(guò)圖片
先發(fā)后審。
不通過(guò)的圖則不再展示（不占位，當(dāng)出現(xiàn)大量違規(guī)圖時(shí)，占位默認(rèn)圖對(duì)他人來(lái)說(shuō)本身也算是垃圾信息。）
展示大家會(huì)不會(huì)心知肚明原因然后一大堆求原圖呢。

2. 圖片展示

針對(duì)單圖（只有一張圖）多圖（不少于2張）兩種情況，自我提出了三種圖片顯示比例方案：

a. 統(tǒng)一固定 1:1 寬高比

邏輯簡(jiǎn)單粗暴，多圖時(shí)為了節(jié)省空間，展示樣式?jīng)]有爭(zhēng)議；
但單圖的問(wèn)題就很大，基于原圖裁剪過(guò)多，預(yù)覽圖識(shí)別性差，幾乎每張圖都需要再次點(diǎn)擊看原圖才能知道內(nèi)容。

b. 依據(jù)原圖比例套模板

按原圖比例，定了3種模板：方圖、寬圖、長(zhǎng)圖，對(duì)應(yīng)著嵌套。
這樣做法沒(méi)什么大問(wèn)題，長(zhǎng)圖會(huì)被裁剪也是合理的，但非長(zhǎng)圖時(shí)就和我的初衷有點(diǎn)出入，沒(méi)有很好解決原圖被裁減的問(wèn)題。基于此，又有了第三種。

c. 原圖等比縮放
將單圖劃分為兩種形式：長(zhǎng)圖和單圖。
長(zhǎng)圖判斷：高 / 寬 > 3
-> true 則走長(zhǎng)圖裁剪邏輯
-> else 則走等比縮放

等比縮放能讓非長(zhǎng)圖的單圖不會(huì)被裁剪，更還原圖片信息；而長(zhǎng)圖時(shí)則固定寬高，頂部裁剪，保留圖片頭部信息作為預(yù)覽。

題外話(huà)：多圖時(shí)，因?yàn)闃邮皆颍?jīng)常看到的是一種「逼死強(qiáng)迫癥」的非3倍數(shù)，這時(shí)往往用戶(hù)喜歡發(fā)所謂的「占位圖」來(lái)湊齊。
騰訊視頻 doki 區(qū)則對(duì)這種情況做了處理（5圖/7圖/8圖時(shí)），
比如以下情敵們發(fā)的圖：

三. 一個(gè)小疏漏

方案3忘記定最小圖片范圍了，如果發(fā)了個(gè)比 emoji 還要小的圖片，預(yù)覽圖可能就看不清了（不過(guò)這種情景也很少吧）。
做法是定個(gè)最小值，執(zhí)行放大之術(shù)。

如果你覺(jué)得我哪里想的不好，請(qǐng)不吝拉我一把，簡(jiǎn)信評(píng)論都可。

參考文章：
非常感謝下列文章，文中部分觀點(diǎn)的來(lái)源
10個(gè)關(guān)鍵點(diǎn)，告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊
關(guān)于評(píng)論區(qū)的產(chǎn)品設(shè)計(jì)
評(píng)論結(jié)構(gòu)設(shè)計(jì)及防刷

拓展閱讀：
ask：怎樣引導(dǎo)社區(qū)的評(píng)論氛圍？
為什么公眾號(hào)留言不能互相回復(fù)