中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本篇文章以網易新聞評論區為例，為大家講解了五種評論區的設計模式，并且講述了使用每種模式的原由，供大家參考。

評論區設計有多種模式，本文以網易新聞評論區為例，只討論蓋樓模式。

網易評論區，分三部分：熱門跟帖——精彩蓋樓——最新跟帖。有時沒有“精彩蓋樓”、“最新跟帖”部分，如果跟帖數超過7層，就會折疊。

如下圖：

和大多數評論區一樣，“網易新聞評論區”采用的是頭像（包含名字，時間）在左上角，點贊在右上角，評論文本在頭像和點贊的下方。這種設計很常見，大家都很適應，也喜歡。

下文是我小改的五個樣式：

樣式一：

1. 頭像從評論文本的左上角移至右下角；
2. 頭像從圓形變成方形；
3. 點贊從評論文本右上角移至中下邊（評論文本的中間下邊）；
4. 刪掉一些信息（地址等），只保留頭像，名字，時間；
5. 每一條評論的都顯示樓層。

如下圖：

理由：

1. 頭像從評論文本左上角移至評論文本右下角。

熟人社交里，頭像有識別作用，有展示個性作用，陌生人的即時通社交領域，也有這兩個作用，但是陌生人評論區卻沒有。在陌生人評論區，用戶在意的是評論內容。

名字和頭像在評論區，不做識別作用，是定位作用，定位上一段評論的結束和新一段評論的開始。

放左上角，表示“上一段評論結束（如有上一段），這一段要開始了”；放在右下角，表示“這一段評論結束了，下一段評論要開始了（如有下一段）”。

對比頭像放在左上角和右下角：

上面這張圖里，圓頭像傳遞出——上一段評論“哈哈哈哈”結束了，這一段評論“亞里士多德哲學……”開始了。

上面這張圖里，方頭像傳遞出——這一段評論“據大量的歷史……”結束了，下一段評論“感謝所有，不曾擁有”要開始了。

兩個位置的頭像，都起到了非常清晰的定位作用，也就是這兩個位置都可以。

每個評論前的數字，既標注樓層，也起到分段的作用。

樓層數字嵌入評論中，評論區左側看起來整齊，很漂亮。

頭像下移，評論文本上移，用戶第一時間就能看到評論，提升閱讀效率，從而提升閱讀體驗。

2. 頭像從圓變成方。

文本和頭像都用方形，界面好看點。

3. 點贊從右上角移至中下邊。點贊放中間，對于左撇子和右撇子的用戶，都容易觸發點贊；點贊的左邊空白，利于用戶定位下一段評論?？词謾C，我們習慣性從上往下，點贊放下面，也是利于觸發。

4. 刪掉一些信息，只保留頭像，名字，時間。

5. 每一個層評論的都會顯示樓層，而且放在評論開頭。

樓層數字有兩個作用：

1. 定位，看到“1.”就表示開啟新的評論；
2. 用來告訴用戶跟帖總數，比如下圖，第二段評論的“41.”，第三段評論的“3.”，是告訴用戶，這段評論共“41條”，“3條”。

樣式二：

如上圖，在“樣式一”的基礎上對多樓層評論做一個折疊，超過兩層的評論（不含兩層），就會只展示最早的評論和最新的評論。

用戶點擊“點擊展開隱藏評論”就可以看到所有的評論。展開后，會在展開頁面懸浮一個倒箭頭符號，本文圖一就有。點擊倒箭頭符號，收起隱藏評論。

理由：對多樓層跟帖做折疊處理，利于用戶觀看效率，如果用戶不感興趣這條評論，可以一個上滑操作輕松跳過。選擇第一條評論展示，是為了定位，告訴用戶，這個評論樓是哪條帖子開始的。

比如上圖第二段評論的第一條：

這是告訴用戶，樓層是又這條評論引發的。

“點擊展開隱藏評論”，左對齊，形式上美觀，同時減少對用戶定位的干擾。

樣式三：

在“樣式一”的基礎上，把超過兩層評論的長評論段的樓層隱藏起來，只展示最后一條。有隱藏樓層的，會在最新評論用戶頭頂做一個箭頭符號，，點擊正箭頭符號，評論會展開成本文圖一的樣子。

理由：只顯示最后一條，很漂亮。但會給用戶造成閱讀困惱，不支持用在新聞評論區。

樣式四：

在“樣式三”的基礎上，把頭像縮小，去掉姓名和時間。

理由：陌生人評論區，姓名和頭像都是起定位作用，頭像往往能清晰的起到定位作用，所以只保留頭像就可以了。這個界面很簡單，也很漂亮，有些評論區是可以用的。

樣式五：

在“樣式二”的基礎上，把把頭像縮小，去掉姓名和時間。

理由：頁面簡潔，定位清晰，點贊順手。這個模式我算是最喜歡了，簡介又不混亂，本人手小，點贊放在中間，真是很順手。

樣式暫時做到這里吧，還有幾個樣式，都是微改，沒什么大變化。對于以上的五個樣式，核心的是頭像形狀的變化，頭像位置的變化，點贊位置的變化，樓層數字。

關于“熱門跟帖”和“精彩蓋樓”的設計，本文暫不討論。

本文由 @言吉 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議