Nested Content Affordances in Scrollable Streams
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Social networking platforms face challenges in effectively displaying related content within a content stream, limiting user engagement and interaction with similar or relevant content items.
Innovation Solution
A method and system that allow users to scroll through a sequence of content items, visually indicate focus items, and upon user selection, display related content items based on predefined criteria such as source, type, or similarity scores, while maintaining the original content items' positions in the stream.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If related content items are displayed within the content stream, then user engagement and interaction with relevant content is improved, but the complexity of the display system and content stream layout increases
Solution Approach 1:
The patent embeds related content items within the existing content stream structure by nesting them inside focus item containers. When a user focuses on a content item, related items are nested within that item's visual container, allowing the display system to show additional content without creating a separate parallel display structure. This nesting approach improves user engagement by making related content immediately visible while avoiding the complexity of managing multiple independent display layers.
Solution Approach 2:
The patent introduces a secondary scrolling dimension perpendicular to the main content stream flow. While the primary content stream scrolls vertically (first axis), related content items can be scrolled horizontally or laterally (second axis) within the focus item container. This dimensional approach allows the system to display multiple content items simultaneously without increasing the vertical complexity of the content stream structure, thereby improving user engagement while maintaining display system simplicity.
2Productivity
If multiple content items are displayed concurrently, then user interaction opportunities increase, but the layout disruption and visual complexity of the content stream increases
Solution Approach 1:
The patent implements a dynamic layout system where the display configuration adapts based on user interaction state. When a user focuses on a content item (through scrolling or selection), the system dynamically transforms the static content stream into an interactive focus mode that reveals related content items. This dynamic approach allows multiple content items to be displayed concurrently only when needed for user interaction, while maintaining the simple linear layout during normal scrolling, thus increasing interaction opportunities without permanent layout disruption.
Solution Approach 2:
The patent applies different display qualities and configurations to different regions of the interface. The main content stream maintains its simple linear layout for efficient scanning, while specific focus item containers receive enhanced local treatment by displaying related content items within their boundaries. This local quality differentiation allows multiple content items to be displayed concurrently in specific areas without disrupting the overall content stream layout, as the enhanced display is confined to localized focus regions rather than affecting the entire stream.
3Loss of information
If related content items are integrated into the content stream, then relevance and context are improved, but the difficulty of detecting and managing content relationships increases
Solution Approach 1:
The patent introduces visual focus indicators and container elements as intermediary structures that mediate between the content stream and related content items. When a user focuses on a content item, the system displays visual indicators (such as highlighting, borders, or container frames) that clearly mark the relationship between the focus item and its related content. These intermediary visual elements make content relationships easily detectable without requiring complex management systems, as the relationships are visually encoded through standardized intermediary markers that users can immediately recognize.
Data Source
AI summary
A method includes displaying a scrollable sequence of content items, the content items having a plurality of sources and a plurality of content types; in response to user commands, scrolling the scrollable sequence of content items in a direction parallel to a first axis; visually indicating a first focus item in the scrollable sequence and displaying in the current focus item an affordance including a related-content affordance; and responding to user selection of the related-content affordance in the current focus item by scrolling the current focus item in a direction parallel to a second axis that is distinct from the first axis and displaying a second focus item in place of the first focus item, the second focus item including a content item of one or more content items related to the first focus item in accordance with predefined criteria.