Pattern-Based User Interface Generation System

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current user interface development methods face challenges in achieving consistent design across multiple platforms and form factors, as they are manual, error-prone, and difficult to implement, especially when adhering to pattern standards and creating multiple physical realizations.

Innovation Solution

A method and system for generating multi-platform pattern-based user interfaces that determine user experience design, define rules, and generate patterns for deployment across computing devices, allowing for consistent look and feel, functional elements, and enabling event handlers, updates, and customization, while being portable across different technologies and form factors.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If manual techniques are used to combine standardized resources and implement UI patterns, then developers can create user interfaces, but the process becomes error-prone and difficult to maintain consistency across multiple platforms

Engineering Contradiction:
Improveconsistency of UI implementationVSAvoidcomplexity of implementing patterns across platforms
Core Design Contradiction:
ReliabilityVSDevice complexity

Solution Approach 1:

The patent introduces a pattern implementation system that acts as an intermediary between design patterns and UI implementations. This system automatically generates code and enforces pattern standards, eliminating manual errors and ensuring consistency across different platforms and form factors without requiring developers to manually combine standardized resources.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent replaces the manual mechanical process of combining standardized resources with an automated system. The system automatically generates UI code from pattern definitions, substituting manual assembly operations with automated code generation, thereby reducing errors and improving consistency while lowering implementation complexity.

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

2Adaptability or versatility

If developers create multiple physical realizations of UI patterns across different platforms, then platform-specific customization is achieved, but the effort and difficulty increase significantly

Engineering Contradiction:
Improveplatform-specific customization capabilityVSAvoidtime required to create and maintain multiple platform realizations
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The patent creates a universal pattern implementation system that can generate UI code for multiple platforms from a single pattern definition. The system maintains one source of truth for design patterns while automatically adapting them to different platforms, form factors, and technologies, eliminating the need to create and maintain separate physical realizations for each platform.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The patent performs preliminary actions by pre-defining design patterns and their implementations in a centralized system. Before developers need to implement UIs across multiple platforms, the system has already prepared standardized pattern definitions that can be automatically instantiated on any platform, saving significant time and effort in the actual implementation phase.

Inventive Principle:
Principle #10Preliminary action

3Manufacturing precision

If standardized templates and components are used to implement UI patterns, then consistency is improved, but the process remains manual and error-prone in interpreting documentation guidelines

Engineering Contradiction:
Improveprecision of pattern implementationVSAvoidease of interpreting and applying documentation guidelines
Core Design Contradiction:
Manufacturing precisionVSEase of operation

Solution Approach 1:

The patent implements a self-service system where the pattern implementation framework automatically interprets design patterns and generates code without requiring developers to manually interpret documentation. The system reads pattern definitions, understands the required implementations, and automatically generates the appropriate UI code, eliminating interpretation errors while maintaining precision.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent replaces the manual mechanical process of interpreting documentation guidelines with an automated code generation system. The system automatically translates pattern definitions into platform-specific UI code, substituting manual interpretation operations with automated processing, thereby eliminating errors and improving both precision and ease of operation.

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

Data Source

PatentUS11157270B2Multi-platform pattern-based user interfaces
Publication Date: 2021.10.26 ORACLE INT CORP
  • US11157270B2 patent drawing
  • US11157270B2 patent drawing
  • US11157270B2 patent drawing

AI summary

Techniques are provided for encapsulating a user experience design for user interfaces of an application, where the user experience design comprises a look and feel of the application and a plurality of functional elements of the application. A plurality of rules for implementing the one or more user interfaces may be defined, and the rules may be based at least in part on the user experience design. Additionally, a pattern may be generated based at least in part on the plurality of rules. The pattern may be deployed to a distributed network of computing devices, and reused in the design of multiple other applications. The new user interfaces for those applications may be generated based at least in part on the pattern, where the additional applications comply with the look and feel and the plurality of functional elements of the other applications that share the pattern.