Automatic User Interface Architecture for Customization

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing user interface technologies require skilled designers and coders to generate customized interfaces, which is a barrier for entities lacking design or coding expertise, and they struggle with automating design tasks effectively.

Innovation Solution

A component-based system that automatically generates user interfaces by analyzing existing UI data, grouping elements into components, and using machine learning to identify and format components, allowing for customization without manual coding or design expertise.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If skilled designers and coders are used to generate customized user interfaces, then the quality and functionality of the interface is improved, but the complexity and cost of the system increases

Engineering Contradiction:
Improveinterface qualityVSAvoidsystem complexity
Core Design Contradiction:
ReliabilityVSDevice complexity

Solution Approach 1:

The system performs automated UI generation and design tasks without requiring skilled designers or coders. The automated system analyzes requirements, selects appropriate UI components, and generates interface code autonomously, eliminating the need for human expertise in these specific tasks while maintaining interface quality.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent replaces the mechanical process of manual UI design and coding with an automated computational system. Machine learning models and algorithms substitute for human designers and coders, automatically generating user interfaces based on specified requirements and constraints.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

2Adaptability or versatility

If skilled designers and coders are used to generate customized user interfaces, then the functionality of the interface is improved, but the time and resources required increase

Engineering Contradiction:
Improveinterface customizationVSAvoiddevelopment time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The system pre-processes requirements and automatically generates UI designs before actual implementation is needed. By performing automated analysis and generation in advance, the system eliminates the time-consuming manual design and coding phases while maintaining customization capabilities.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The automated system adjusts various parameters including layout configurations, component selections, and styling attributes based on input requirements. By systematically varying these parameters through automated processes, the system achieves interface customization without manual intervention.

Inventive Principle:
Principle #35Parameter changes

3Productivity

If generic templates are used for user interfaces, then the development time is reduced, but the customization and branding capability is limited

Engineering Contradiction:
Improvedevelopment speedVSAvoidcustomization capability
Core Design Contradiction:
ProductivityVSAdaptability or versatility

Solution Approach 1:

The system segments the UI generation process into distinct automated stages: requirement analysis, component selection, layout generation, and code production. This segmentation allows the system to maintain high development speed while incorporating customization at each stage through automated decision-making.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The automated UI generation system dynamically adapts its output based on input requirements. Rather than using static generic templates, the system dynamically generates customized interfaces by adjusting component selections, layouts, and styles according to specific branding and functional requirements.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS11210111B2Automatic user interface architecture
Publication Date: 2021.12.28 SALESFORCE INC
  • US11210111B2 patent drawing
  • US11210111B2 patent drawing
  • US11210111B2 patent drawing

AI summary

Techniques are disclosed relating to automatically generating user interfaces. In some embodiments, input data to be displayed is grouped into components (e.g., based on depth within hierarchical code, coordinates in a display space, etc.). These components may be based on template information that defines a set of known component types. In some embodiments, the system formats the selected components according to display parameters and causes display of a user interface that displays the components based on the formatting. In various embodiments, the disclosed techniques may allow automatic creation of effective user interfaces without information specifying layout and formatting for input data. This may provide flexible, quality interfaces without requiring design or coding expertise. Further, disclosed techniques may allow the automatic interface generator to generate interfaces similar to other existing interfaces.