Scalable User Interface Display with Dynamic Region Scaling

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Existing software applications struggle to efficiently utilize available screen space by scaling user interfaces, often resulting in incomplete or cluttered displays, especially when screen size changes, which affects user experience and visual consistency across different devices and applications.

Innovation Solution

A scalable integrated user interface system that dynamically adjusts the layout of multiple regions of application functionalities and information by identifying available space and applying predetermined scaling priorities, allowing regions to be resized or truncated to fit the available area, maintaining visual consistency and maximizing application canvas space.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of information

If the user interface displays all functional regions at full size, then the completeness of information display is improved, but the adaptability to different screen sizes deteriorates

Engineering Contradiction:

Improvecompleteness of information displayVSAvoidadaptability to different screen sizes

Core Design Contradiction:

Loss of informationVSAdaptability or versatility

Solution Approach 1:

The user interface employs dynamic scaling that automatically adjusts the size of functional regions based on the available screen space. The system calculates the available area and applies scaling factors to resize regions proportionally, enabling the interface to adapt seamlessly across different device sizes while maintaining all functional elements visible.

Inventive Principle:

Principle #15Dynamics

Solution Approach 2:

The interface changes the display parameters of functional regions by applying scaling factors to their dimensions. The system modifies the size parameters of each region based on the ratio between available screen space and the ideal layout requirements, allowing the same interface to render appropriately on both large desktop screens and smaller mobile displays.

Inventive Principle:

Principle #35Parameter changes

2Adaptability or versatility

If the user interface scales down all regions to fit small screens, then the adaptability to different screen sizes is improved, but the visual quality and readability deteriorate

Engineering Contradiction:

Improveadaptability to different screen sizesVSAvoidvisual quality and readability

Core Design Contradiction:

Adaptability or versatilityVSManufacturing precision

Solution Approach 1:

The user interface is divided into multiple independent functional regions that can be scaled and positioned separately. This segmentation allows the system to apply different scaling strategies to different regions, maintaining visual quality for critical elements while adapting the overall layout to fit various screen sizes.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

Different functional regions may have different scaling priorities and minimum size requirements. The system applies local quality principles by allowing certain regions to maintain higher visual fidelity while others scale more aggressively, ensuring that critical information remains readable while adapting to constrained spaces.

Inventive Principle:

Principle #3Local quality

3Stability of the object's composition

If the user interface uses fixed layout regions, then the visual consistency is improved, but the productivity in utilizing screen space deteriorates

Engineering Contradiction:

Improvevisual consistencyVSAvoidproductivity in utilizing screen space

Core Design Contradiction:

Stability of the object's compositionVSProductivity

Solution Approach 1:

The interface transitions from fixed to dynamic layout regions that automatically adjust their size and position based on available screen space. The system calculates optimal region dimensions as a proportion of the total available area, maintaining visual consistency through proportional relationships while maximizing screen space utilization across different device sizes.

Inventive Principle:

Principle #15Dynamics

4Adaptability or versatility

If the user interface truncates regions to fit available space, then the adaptability to different screen sizes is improved, but the loss of information deteriorates

Engineering Contradiction:

Improveadaptability to different screen sizesVSAvoidloss of functional controls

Core Design Contradiction:

Adaptability or versatilityVSLoss of information

Solution Approach 1:

The interface applies partial scaling to functional regions, adjusting their size to fit available space while maintaining the complete set of functional controls. Rather than truncating content, the system scales regions proportionally to ensure all functions remain accessible, using excessive scaling only when screen space permits.

Inventive Principle:

Principle #16Partial or excessive action

Data Source

PatentEP3126962B1Scalable user interface display

Publication Date: 2019.09.04 MICROSOFT TECHNOLOGY LICENSING LLC

Figure 1
Figure 2
Figure 3

AI summary

A method for displaying a scalable user interface on a display device includes arranging multiple regions of application functionalities and information for display substantially in-line within a designated area of an application, identifying an amount of space available to the user interface within the designated area of the application, comparing the amount of available application space with an amount of space used by the multiple regions of application functionalities and information, and adjusting the visual display of at least one of the multiple regions of application functionalities and information according to one or more predetermined scaling priorities to accommodate the available space within the designated area of the application.