The design of the comment module

The following is a comparison of some of the product's comments module design, including the mechanism, advantages and disadvantages

NetEase Blog New Blog Center dynamic

Mechanism: Most recent comments appear at the front, you can comment on any comment and comments (reply comments directly "xx reply xx show), time Information and Reply button immediately after the comment content, comment box on the top

Advantages: The display space is very compact, the latest comments easy to note

Disadvantages: After many replies, the information is very messy, it is difficult to clear up and down the context of the comments, it is easy to see the foggy

NetEase e-mail Micro-blog

Mechanism: Comments displayed in the order of release, reply So-and-so person in the form of @XX (reviewers and the nickname of the reviewer used a different link color, this is a very nice detail design), comment input box at the bottom

Advantages: According to the time to present a review of the item most in line with people's understanding habits, look very comfortable, not like the new blog center looked so uncomfortable

Disadvantage: After this @xx of the relevant comments to the time sequence, not very able to straighten out the contextual context

BUZZ

Mechanism: Comments displayed in the order of release, there is no direct entry of @ So-and-so person, reviewer nickname with link color and bold

Pros: Reviewer nickname and comment content text color, thickness difference, not easy to confuse

Disadvantage: Reply to a comment need to manually enter "@ So-and-So"

Qzone Personal Center Dynamic

Mechanism: Comments show the overall chronological order, but reply to a comment information or multiple replies are arranged in a two-level presentation mode under the initial comments, time information and response button line to show

Advantages: Very consistent with the user's understanding of the context, a clear contextual context, a certain critical information (line of sight: Reviewer-comment Content-time information + Comment button, the most important comment content is not easy to ignore)

Disadvantage: The comment mechanism is a bit closed, only to reply to the first comment, but not to reply to the first comment of the level two comment again. But at the same time this is also a disadvantage, because the qzone itself is a bit closed, more inclined to focus on the quality of interaction, rather than the breadth of interaction, but if it is micro-blogging can be used in the mailbox microblogging mode (for any comment can be @)

Sina Micro Blog

Mechanism: Same as new blog center, but more optimized for presentation

Advantages: The information is not back to the dense, comment display and operation (reply delete) is not a line, the lead image easy to identify

Disadvantage: The page is a bit too loose

NetEase Weibo

Mechanism: Current comments are displayed separately, other historical comments are mixed together, and comments and forwarding are mixed together

Advantages: Not Found

Shortcomings: unintelligible, do not use their brains to copy the design of others

NetEase Blog Comments (after revision)

Mechanism: Similar to Qzone's personal center dynamics, the difference is that recent comments are at the top, and there is the ability to respond to someone's comments multiple times.

Advantages: Visual presentation is clear, the latest comments are easy to see (and this is also a disadvantage, the reason has been elaborated)

Disadvantages: Multiple @ After may not be able to understand the specific @ which message

NetEase Forum Thread

Mechanism: Cover Building type

Advantages: Contextual Context at a glance, spectacular, lively, there is a desire for onlookers

Disadvantages: Show more space, thread in this way is still very suitable, the earlier blog comment is also used this way, after the revision, or feel the change is more reasonable (after all, personal blog and forum posts users [Bo and onlookers] mentality is still not the same)

In contrast, for the review module design, summed up several points:

1. Which form is more excellent need to combine the nature and character of the product

2. No matter what the product has some common points, the individual or inclined to comment on the publication of the time has been published, through a number of details designed to show primary and secondary different information

3. Overall evaluation: Qzone and NetEase blog Log page comment presentation way are good; show space to be more compact, NetEase microblog mailbox version of the comments design is very good

Article Source: sunddy8469.blog.163.com reprint Please indicate the source link.