Content Display Segmentation with Stationary Header
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The small display screens of handheld electronic devices limit the ability to effectively view and navigate large quantities of content, leading to an inconsistent user experience and the need for frequent scrolling.
Innovation Solution
A method where a header portion of content is rendered at the top of the screen, with a selected portion rendered below, using a graphical divider that simulates a third dimension, allowing users to scroll longitudinally within the main portion while keeping the header stationary, and providing visual indicators for content breaks.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If the entire piece of content is rendered on the display screen, then the user can view complete content, but the small screen size causes content to overflow and require frequent scrolling
Solution Approach 1:
The content is segmented into a header portion and a selected portion. The header portion contains introductory or contextual information that remains stationary at the top of the screen, while the selected portion contains the main content that the user can scroll through. This segmentation allows the header to provide consistent orientation while the selected portion can be navigated without losing context.
2Ease of operation
If the header portion remains stationary while the selected portion scrolls, then the user maintains context orientation, but the display layout becomes more complex
Solution Approach 1:
The patent introduces a visual dimension through the graphical divider that simulates a third dimension extending into the display screen. This graphical element creates a perceived depth between the header portion and selected portion, helping users understand the hierarchical relationship and spatial organization of content without requiring complex layout mechanisms.
3Ease of operation
If a graphical divider is added to separate header and selected portion, then visual organization improves, but the interface elements increase
Solution Approach 1:
The graphical divider acts as an intermediary element between the header portion and the selected portion. It visually separates these two content regions while maintaining a cohesive design, providing clear visual cues about content hierarchy and boundaries without requiring additional functional elements or controls.
Data Source
AI summary
A method, computer program product, and computing system for receiving an indication of a user selecting a selected portion of a piece of content for review on a display screen. A determination is made concerning whether the piece of content will fit within the display screen. If the piece of content will not fit within the display screen: a header portion of the piece of content is rendered within an upper portion of the display screen, and the selected portion of the piece of content is rendered within a main portion of the display screen.