User Interface Code Generation from Cross-Channel Interaction Metrics

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Many entities lack the expertise to generate customized user interfaces that combine quality coding and graphical design, resulting in a need for automated solutions that can create effective and visually appealing interfaces without requiring extensive coding or design knowledge.

Innovation Solution

A computing system that automatically generates user interface code by analyzing existing data, grouping elements into components, and formatting them based on machine learning algorithms and user interaction feedback, allowing for customizable interfaces across various devices and channels.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If multiple skilled designers are used to generate user interfaces, then the quality and customization of interfaces are improved, but the cost and complexity of the process increase

Engineering Contradiction:
Improveinterface customizationVSAvoiddesign process complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The system enables automatic user interface generation where the computer system itself performs the design and coding tasks that previously required skilled human designers. The interface generator module automatically creates customized user interfaces by analyzing input data and applying design rules, eliminating the need for multiple skilled designers while maintaining interface quality and customization capabilities.

Inventive Principle:
Principle #25Self-service

2Device complexity

If automated solutions are used to generate user interfaces, then the cost and complexity are reduced, but the quality and effectiveness of interfaces may deteriorate

Engineering Contradiction:
Improvedesign process complexityVSAvoidinterface quality
Core Design Contradiction:
Device complexityVSReliability

Solution Approach 1:

The system incorporates feedback mechanisms where user interactions with generated interfaces are tracked and analyzed. This feedback is used to refine and improve the automatic interface generation process over time, ensuring that the quality and effectiveness of generated interfaces continue to improve. The system learns from actual user behavior to optimize future interface designs.

Inventive Principle:
Principle #23Feedback

Solution Approach 2:

The system performs preliminary analysis of input data and requirements before generating user interfaces. By pre-processing and understanding the data structure, business rules, and user needs in advance, the system ensures that high-quality interfaces are generated automatically without requiring manual design intervention, thereby maintaining reliability while reducing complexity.

Inventive Principle:
Principle #10Preliminary action

3Ease of operation

If customized interfaces are created without coding expertise, then accessibility is improved, but the precision and functionality of interfaces may be compromised

Engineering Contradiction:
Improveinterface creation easeVSAvoidinterface coding precision
Core Design Contradiction:
Ease of operationVSManufacturing precision

Solution Approach 1:

The system replaces manual coding operations with an automated computer-based interface generation system. Instead of requiring users to manually write code or perform precise design work, the system automatically translates business requirements and data structures into properly coded user interfaces. This substitution maintains coding precision while dramatically improving ease of operation for non-technical users.

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

Data Source

PatentUS11119793B2Custom user interface design based on metrics from another communication channel
Publication Date: 2021.09.14 SALESFORCE INC
  • US11119793B2 patent drawing
  • US11119793B2 patent drawing
  • US11119793B2 patent drawing

AI summary

Techniques are disclosed relating to custom user interface design based on user interaction metrics from another communication channel. In disclosed embodiments, a computing system generates one or more interaction metrics, based on a first set of user input characteristics for user interaction with multiple different user interface formats via a first communication channel. In some embodiments, the first communication channel supports tracking of the first set of user input characteristics and a second communication channel supports tracking of a second, different set of user input characteristics. In some embodiments, the computing system determines, based on the one or more interaction metrics from the first communication channel, a set of design parameters for formatting a user interface to be displayed via the second communication channel.