User Interface Translation Grid for Cross-Device Consistency

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Existing systems face challenges in providing a unified solution for generating user interfaces that offer a consistent user experience across diverse Client Devices with different operating systems, hardware, and look and feel characteristics, leading to suboptimal user experiences due to variations in screen resolution, aspect ratio, and size.

Innovation Solution

A method and apparatus that automatically translate and adjust user interfaces by using a Reference Translation Grid, applying specific translation rules, and computing fill scores to ensure a consistent user experience across various Client Devices, with the ability to adjust the interface if necessary to match the characteristics of a reference device.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Manufacturing precision

If a single user interface is designed for a reference client device, then the user interface can be consistently displayed on that specific device, but it cannot provide an optimal user experience on client devices with different screen resolutions, aspect ratios, and sizes

Engineering Contradiction:

Improveuser interface display consistencyVSAvoiduser interface adaptability to different devices

Core Design Contradiction:

Manufacturing precisionVSAdaptability or versatility

Solution Approach 1:

The user interface is divided into multiple discrete objects, each with specific positioning and sizing attributes. These segmented interface objects can be independently transformed and repositioned on different client devices, allowing the interface to adapt to various screen resolutions, aspect ratios, and sizes while maintaining design consistency through the structured segmentation of interface elements

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The system automatically transforms user interface objects by changing their parameters (position, size, scaling factors) based on the characteristics of the target client device. By computing translation rules that modify these parameters, the same user interface design can be adapted to different devices with varying screen properties, resolving the contradiction between consistency and adaptability

Inventive Principle:

Principle #35Parameter changes

2Adaptability or versatility

If manual adjustments are made to adapt user interfaces for each client device, then the user experience can be optimized for each device, but the complexity and time required for interface creation increases significantly

Engineering Contradiction:

Improveuser interface optimization for each deviceVSAvoidinterface creation process complexity

Core Design Contradiction:

Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The system performs preliminary automated transformations by pre-computing translation rules that map user interface objects from a reference device to target devices. This preliminary automated action eliminates the need for manual adjustment of each interface element, reducing creation complexity while still achieving device-optimized user experiences through automatic parameter transformation

Inventive Principle:

Principle #10Preliminary action

Solution Approach 2:

The system creates transformed copies of user interface objects rather than manually recreating them for each device. By copying the reference interface objects and automatically applying transformation rules to these copies, the system maintains design consistency while adapting to different devices, significantly reducing the complexity of interface creation across multiple platforms

Inventive Principle:

Principle #26Copying

3Adaptability or versatility

If multiple separate user interfaces are created for different client devices, then each interface can be optimized for its specific device, but maintaining consistency across all interfaces becomes difficult and time-consuming

Engineering Contradiction:

Improvedevice-specific interface optimizationVSAvoidtime for creating and maintaining multiple interfaces

Core Design Contradiction:

Adaptability or versatilityVSLoss of time

Solution Approach 1:

A single user interface design serves multiple functions across different client devices through automatic transformation. The same reference interface can be adapted to various devices with different screen characteristics, eliminating the need to create separate interfaces for each device while still achieving device-specific optimization, thus reducing the time required for interface creation and maintenance

Inventive Principle:

Principle #6Universality (Multi-functionality)

Data Source

PatentUS11363118B2User interface and content translation system

Publication Date: 2022.06.14 GADGET SOFTWARE INC

AI summary

A system solution offers a Business Entity an automatically generated set of User Interfaces to run on a plurality of Client Devices of different characteristics in terms of operating system, hardware, and look and feel, and yet provide the same user experience. A User Interface that offers a user experience on a Reference Client Device is automatically translated to offer the same user experience on a plurality of Client Device having different characteristics from the Reference Client Device. The objects displayed in the User Interface for the Reference Client Device are placed on a Translation Grid that is generated and superimposed on the User Interface. A Client Translator and Generator translates the User Interface from the Reference Client to the plurality of Client Devices using the Translation Grid and a set of Translation Rules. A measurement of the automatic translation process identifies optimal and sub-optimal translation for each Client Device.