Cascade Layout for Equal-Width Unequal-Height Item Display
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current display apparatuses lack an effective page layout for showing items, leading to disordered and unsystematic presentation of resources such as videos and applications on smart televisions, which affects user experience.
Innovation Solution
A display apparatus with a user interface that arranges items in equal widths and unequal heights, using a controller to manage the selection and movement of items across columns, ensuring neatness and preventing partial content omission by scaling items to fit a set width and adjusting their positions based on height differences, thereby maintaining a cascade layout.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Shape
If items are arranged in traditional row or column layout, then the display structure is simple, but the visual appeal and systematic presentation are poor
Solution Approach 1:
The patent transitions from traditional one-dimensional row or column layouts to a two-dimensional cascade layout where items are arranged in multiple columns with varying heights. This dimensional change creates a more visually appealing waterfall-style presentation while maintaining systematic organization through column-based structure.
Solution Approach 2:
The patent employs asymmetric column heights in the cascade layout, where different columns have different numbers of items based on their content. This asymmetry creates visual interest and natural flow while the equal-width constraint maintains structural regularity. The selector movement pattern also follows asymmetric paths when transitioning between columns of different heights.
2Shape
If items are scaled to fit equal width, then the display neatness is improved, but partial content omission may occur
Solution Approach 1:
The patent applies parameter changes by scaling items to a standardized width while preserving their original height proportions. This parameter adjustment ensures visual neatness and uniformity in the cascade layout, while the height preservation maintains the integrity of item content. The scaling operation transforms items to fit the equal-width constraint without distorting their essential information.
3Ease of operation
If the selector moves directly between items, then the navigation is simple, but the selection accuracy at boundaries is poor
Solution Approach 1:
The patent implements feedback mechanisms to detect when the selector is positioned at boundary locations between columns of different heights. When a boundary condition is detected, the system provides corrective feedback by adjusting the selector's target position to ensure accurate item selection. This feedback loop maintains navigation simplicity while improving selection precision at critical boundary points.
Data Source
AI summary
The present application provides a display device, comprising: a display; a user interface; and a controller, configured to: control the display to display a user interface in response to user input for indicating displaying a plurality of items, the user interface comprising a plurality of items, the plurality of items being arranged in an equal-width and unequal-height mode, and the user interface further comprising a selector for indicating that a item is selected.