Adaptive User Interface Layout for Variable Display Configurations
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing display apparatuses face economic losses due to the need for individually designing user interfaces (UI) to match changing screen sizes and ratios, as current technologies do not efficiently adapt UI elements to varying display configurations.
Innovation Solution
A display apparatus with a processor that identifies the size and ratio of the display based on user input, determines the optimal UI size and layout, and controls the display to arrange UI elements accordingly, using a responsive rule to adjust the layout and scale of UI elements in response to changes in screen size and ratio.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If the display screen size and ratio are changed, then the display apparatus can adapt to different display configurations, but the user interface cannot be automatically adjusted and requires individual redesign for each configuration
Solution Approach 1:
The patent implements a dynamic UI adaptation system that automatically adjusts UI element properties (size, position, layout) based on real-time detection of display screen dimensions and ratio. The processor dynamically generates appropriate UI configurations when screen changes are detected, eliminating the need for static UI designs tailored to specific screen sizes.
Solution Approach 2:
The system changes UI parameters such as element size, spacing, and layout arrangement according to the detected display screen parameters. When screen size or ratio changes, the processor modifies UI element properties proportionally to maintain optimal visibility and usability, thereby adapting the interface to different display configurations without manual redesign.
2Ease of operation
If a UI is designed for a specific screen size and ratio, then the UI can be optimized for that configuration, but the UI cannot be used effectively on different screen sizes and ratios
Solution Approach 1:
The patent creates a universal UI design system that can function effectively across multiple screen sizes and ratios. The processor automatically adapts the UI to match the detected display characteristics, allowing a single UI template to serve multiple display configurations rather than requiring separate optimized designs for each screen type.
Solution Approach 2:
The UI system dynamically adjusts its properties based on the detected screen configuration. When a user changes display settings or uses different display devices, the processor automatically reconfigures UI elements to maintain optimal usability, ensuring consistent user experience across varying screen dimensions and ratios.
3Manufacturing precision
If individually designed UIs are provided for each display configuration, then each UI can be optimized for its specific screen, but economic loss occurs due to the time and resources required for individual design
Solution Approach 1:
The patent segments the UI into modular elements with defined properties that can be independently adjusted. This modular approach allows the processor to automatically reconfigure UI components based on screen size and ratio, eliminating the need to redesign entire UIs from scratch for each display configuration and significantly improving development efficiency.
Solution Approach 2:
Instead of creating entirely new UI designs for each screen configuration, the system changes parameters of existing UI templates (such as scaling factors, spacing distances, and layout proportions) to adapt them to different displays. This parameter-based adaptation maintains UI optimization precision while dramatically reducing the time and resources required for UI development.
Data Source
AI summary
A display apparatus includes a display and a processor. The processor is configured to: based on a user command for displaying a UI being input, identify at least one from among a size of the display and a ratio of the display, determine a size of the UI and a layout of the UI to correspond to the at least one from among the scale and the ratio of the display, and control the display to display a plurality of UI elements in the UI, according to the size and the layout of the UI.