萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 評論模塊的設計

評論模塊的設計

  下面對比一些產品的評論模塊的設計,包括機制、優點、缺點

  網易博客新版博客中心動態

  機制:最新評論顯示在最前面,可以對任何一條評論和評論回復再評論(回復評論直接“XX回復XX顯示),時間信息和回復按鈕緊接著評論內容後面,評論框在最上面

  優點:展示空間很緊湊,最新評論容易注意到

  缺點:多次回復之後,信息呈現非常之亂;很難理清前後條評論的上下語境,很容易看得雲裡霧裡的

  網易郵箱微博

  機制:評論顯示按發布先後順序顯示,回復某某人以 @XX 形式顯示(評論者和被評論者的昵稱用了不同的鏈接色,這是個人覺得很贊的一個細節設計),評論輸入框在最下面

  優點:按時間先後呈現評論條目最符合人的認識習慣,看著很舒服,不會像新博客中心看著那麼難受

  缺點:對此@XX之後的各相關評論給時間先後順序打亂,不是很能理順上下文語境

  BUZZ

  機制:評論顯示按發布先後順序顯示,沒有@某某人的直接入口,評論者昵稱用鏈接色且粗體

  優點:評論者昵稱和評論內容文字顏色、粗細區別,不易混淆

  缺點:回復某評論需要手動輸入“@某某”

  QZONE個人中心動態

  機制:評論顯示整體按時間先後順序顯示,但回復某條評論的信息或多次回復的信息都是以二級呈現方式排布在初始評論下面,時間信息和回復按鈕換行顯示

  優點:很符合用戶的認識習慣,上下文語境一目了然,某條評論信息主次分明(視線流:評論者——評論內容——時間信息+評論按鈕,最重要的評論內容不容易被忽視)

  缺點:評論機制有點封閉,只能回復第一條評論,而不能回復第一條評論的二級評論再次評論。但同時這個也是缺點,因為Qzone本身就是有點封閉,更傾向注重互動的質量,而不是互動的廣度,但如果是微博的話可以采用郵箱微博的模式(對任何評論都可以@)

  新浪微博

  機制:跟新版博客中心的相同,但呈現上更優化

  優點:信息不回密密麻麻,評論顯示和操作(回復刪除)不在一行,帶頭像易識別

  缺點:頁面有點過於松散

  網易微博

  機制:當前評論單獨顯示,其他歷史評論混在一起,評論和轉發也混在一起

  優點:沒發現

  缺點:不知所雲,不動腦筋的照搬別人的設計

  網易博客內日志評論(改版後)

  機制:跟qzone個人中心動態有些相似,不同的是最近的評論顯示在最前面,還有就是能多次回復某人的評論

  優點:視覺呈現上條理清晰,最新評論很容易被看到(同時這也是個缺點了,理由已闡述)

  缺點:多次@後可能分不清楚具體@哪條信息了

  網易論壇跟帖

  機制:蓋樓式

  優點:上下文語境一目了然,壯觀,熱鬧,很有圍觀的欲望

  缺點:顯示比較占空間,跟帖采用這種方式還是很適合的,早前博客日志評論也是采用這次方式,後改版,還是覺得改的比較合理(畢竟個人博客和論壇跟帖的用戶[博主和圍觀者]心態還是不一樣的)

  對比完畢,針對評論模塊的設計,總結幾點:

  1. 采用哪種形式更優需要結合產品的性質和性格

  2. 不管什麼產品又有一些共通點,個人還是傾向評論條目按評論發布時間先後顯示,要通過一些細節設計來呈現主次不同的信息

  3. 整體評價:QZONE和網易博客日志頁評論呈現方式都不錯;展示空間若要再緊湊點的話,網易微博郵箱版的評論設計很不錯

  文章來源:sunddy8469.blog.163.com 轉載請注明出處鏈接。

copyright © 萬盛學電腦網 all rights reserved