Comment Tree Container for Hierarchical Thread Navigation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing comment display systems in online communities face challenges with large volumes of comments, leading to disorganized and inefficient navigation due to pagination and scroll loading, making it difficult for users to directly see replies and quoted comments, resulting in low efficiency and chaotic visual effects.
Innovation Solution
A method and device for processing comment information by generating a comment tree with nodes representing each piece of information, creating comment containers for parent and child nodes, and allowing users to unfold and switch between them through touch events, enabling focused viewing of relevant comments.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If all comment information is displayed in chronological order, then the complete comment history is preserved, but the visual organization becomes chaotic and navigation becomes inefficient
Solution Approach 1:
The patent segments comment information into hierarchical groups based on association relationships (e.g., parent comments and child comments). Each group is organized with a clear parent-child structure, allowing comments to be divided into manageable units rather than displayed as a single chronological list. This segmentation enables users to navigate organized comment groups rather than scrolling through all comments sequentially.
Solution Approach 2:
The patent introduces a hierarchical dimension to comment organization by creating parent-child relationships between comments. Instead of a single-dimensional chronological display, comments are arranged in multiple levels with parent comments at higher levels and child comments (replies) at lower levels. This multi-dimensional organization allows users to navigate vertically through comment threads while maintaining chronological order within each thread.
2Loss of information
If quoted comments and current comments are displayed together, then the logical relationship between comments is preserved, but the visual layout becomes disorganized
Solution Approach 1:
The patent implements a nested structure where child comments (replies) are visually contained within or associated with their parent comments. Each comment group displays the parent comment as the primary element, with child comments nested underneath or indented relative to the parent. This nesting approach preserves the quoted-comment relationship while creating a clear hierarchical visual layout that avoids chaos.
Solution Approach 2:
The patent uses spatial positioning in multiple dimensions to distinguish between parent and child comments. Child comments are positioned at different spatial locations (e.g., indented to the right, or positioned below and offset from) their parent comments, creating a visual hierarchy that clearly shows relationships without mixing all comments in a single linear sequence. This dimensional separation maintains logical relationships while improving visual organization.
3Quantity of substance
If pagination or scroll loading is used for large volumes of comments, then all comments can be accessed, but user efficiency decreases and navigation becomes complex
Solution Approach 1:
The patent performs preliminary organization of comments into hierarchical groups before display. Comments are pre-grouped by their association relationships (parent-child links) and structured into comment groups with designated parent and child nodes. This preliminary structuring allows users to directly navigate to specific comment threads without scrolling through pagination or loading content incrementally, significantly improving access efficiency for large volumes of comments.
Solution Approach 2:
The patent divides large volumes of comments into smaller, manageable comment groups based on hierarchical relationships. Each group contains a parent comment and its associated child comments, creating discrete units that can be independently viewed and navigated. This segmentation eliminates the need for pagination across all comments, as users can jump directly to relevant comment groups without scrolling through unrelated comments on multiple pages.
4Ease of operation
If comment containers are created for each target node, then focused viewing of specific comments is enabled, but the device complexity increases
Solution Approach 1:
The patent implements a universal comment container structure that can display any comment group regardless of its specific content or hierarchy level. The container is designed with standardized elements (parent comment display area, child comment display area, expansion/collapse controls) that work for all comment groups. This universal design allows focused viewing of any specific comment thread while avoiding the need to create specialized display structures for different comment types, thereby limiting the increase in system complexity.
Data Source
AI summary
A comment information processing method includes: acquiring a plurality of pieces of comment information, and generating a comment tree comprising a plurality of nodes according to an association relationship between the plurality of pieces of comment information, wherein the plurality of nodes correspond to the plurality of pieces of comment information on a one-to-one basis; generating a comment container for each target node in the plurality of nodes, the comment container being used for presenting the comment information corresponding to a parent node and immediate child nodes thereof; and changing, once a first touch event for the comment information corresponding to an immediate child node is detected, the immediate child node into the parent node of the comment container where the immediate child node is located, and presenting in the comment container the comment information corresponding to the changed parent node and the immediate child nodes thereof.