Dynamic Display Interface Layout Adjustment for Overflow and Blank Space

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

The existing operation interfaces of electronic apparatuses, such as computers and smartphones, have a preset layout that cannot be adjusted by users, leading to issues with infrequently used function bars that cannot be hidden or resized, failing to meet user requirements.

Innovation Solution

An electronic apparatus and method that allows users to scale contents in the display interface by determining if scaling results in overflow or blank space, hiding lower-level contents when overflowing and displaying higher-level hidden contents when blank space occurs, using a processor, communication circuit, and memory to adjust the layout based on user instructions.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If the layout of the operation interface is preset in advance, then the interface structure is stable and easy to manufacture, but the user cannot adjust the size of function bars according to user requirements

Engineering Contradiction:
Improveinterface adjustabilityVSAvoidlayout control complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements dynamic layout adjustment by allowing users to drag and resize function bars and content regions in real-time. The interface transitions from a static preset layout to a dynamic adjustable layout, where the processor continuously calculates and updates the positions and sizes of interface elements based on user operations, enabling the layout to adapt to different user needs while maintaining system stability through automated boundary detection and overflow prevention.

Inventive Principle:
Principle #15Dynamics

2Adaptability or versatility

If more function bars are added to meet user requirements, then the interface functionality is improved, but the display interface becomes cluttered and harder to operate

Engineering Contradiction:
Improveinterface functionalityVSAvoidinterface operability
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The patent segments the interface into multiple independent adjustable regions including function bars, content display areas, and hidden content sections. Each segment can be independently resized and repositioned by users, allowing important functions to be prominently displayed while less important content can be compressed or hidden, thereby maintaining interface functionality while preventing clutter and improving operability through organized spatial separation.

Inventive Principle:
Principle #1Segmentation

3Length of stationary object

If the size of content in the display interface is increased, then the visibility of important content is improved, but the content may overflow the display interface

Engineering Contradiction:
Improvecontent sizeVSAvoiddisplay completeness
Core Design Contradiction:
Length of stationary objectVSReliability

Solution Approach 1:

The patent implements a feedback mechanism where the processor continuously monitors the display interface state during user resizing operations. When content approaches the boundary of the display interface, the system provides visual feedback and automatically adjusts the layout by hiding lower-level content or expanding available space, ensuring that important content remains visible and complete without overflowing the display boundaries, thus maintaining both content size and display completeness.

Inventive Principle:
Principle #23Feedback

Data Source

PatentUS11061545B2Electronic apparatus, adjustment method for display interface layout in electronic apparatus, and adjustment system for display interface layout
Publication Date: 2021.07.13 JRD COMM (SHENZHEN) LTD
  • US11061545B2 patent drawing
  • US11061545B2 patent drawing
  • US11061545B2 patent drawing

AI summary

The present disclosure provides an adjustment method for a display interface layout and an adjustment system for a display interface layout. The method may include: receiving an instruction to scale a content in the display interface; determining, in response to the instruction, whether the content scaled in the display interface overflows the display interface, or whether the content scaled in the display interface makes a blank space in the display interface; wherein when the content scaled in the display interface overflows the display interface, hiding a content with a lower level in the contents while the content zooms in; and when the content scaled in the display interface makes a blank space in the display interface, displaying a hidden content with a higher level in the contents while the content zooms out.