Designing Effective Comment Sections: Layouts, Entry Points, and Sorting

1. The Meaning of Comments

Product perspective: Boost activity, increase user stickiness, foster interaction, and create a positive atmosphere; goals vary with product type and scenario.

User perspective: Users comment to share opinions or attitudes and seek feedback; they read comments to understand others' views and gain insights.

2. Comment Entry Design

Consider whether "write comment" or "view comment" is more important for the desired experience.

Bottom placement: Example – Toutiao keeps the write comment box at the bottom and provides a separate view comment entry, emphasizing writing. QQ Moments also shows the input box directly, encouraging interaction.

New page: For longer comment threads, a separate page keeps the main view tidy; clicking shows both reading and writing options. Weibo and NetEase Cloud Music use this approach.

3. Comment Structure

Two main structures:

Linear: Flat list where first‑level and second‑level comments are treated equally, offering uniform exposure but lacking conversational continuity. Example – WeChat Moments.

Tree: Hierarchical view with primary comments as trunks and replies as branches, providing clear dialogue flow. Example – Weibo shows only first‑level comments on the main page, with replies on a secondary page.

4. Comment Sorting

Sorting criteria depend on product positioning and user needs.

Time dimension: Descending (newest on top) improves continuity; Ascending (newest at bottom) suits live‑stream or barrage scenarios where input is at the bottom.

Like count: Prioritizes highly liked comments, encouraging quality content and community activity.

Reply count: Highlights highly interactive comments, drawing attention to hot topics.

5. Summary

When designing a comment feature, consider:

What is the purpose of the comment function?

Which experience matters more: writing or viewing comments?

Choose an appropriate structure (linear or tree) based on product type.

Select sorting mechanisms (time, likes, replies) aligned with product goals and desired atmosphere.