GUI Transition Engine Automates Visual Effects From State Differences

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Current GUI builders lack efficient methods for automatically generating and managing transitions between states in graphical user interfaces, particularly in selecting and displaying visual effects based on differences between states, which can be cumbersome and time-consuming for users.

Innovation Solution

A system and method that utilizes a transition timeline display area to allow users to select or automatically determine visual effects for transitions between states, using set operations to identify differences in object properties between states and generate appropriate visual effects, such as move, fade, or resize effects, and integrates with a GUI builder server and database to manage and display these transitions.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Productivity

If automatic transition generation is implemented, then productivity is improved, but device complexity increases

Engineering Contradiction:

Improvetransition generation efficiencyVSAvoidsystem complexity

Core Design Contradiction:

ProductivityVSDevice complexity

Solution Approach 1:

The system pre-generates transitions by comparing object properties between states automatically, so that when users navigate between states, the transitions are already prepared and can be applied immediately without manual configuration

Inventive Principle:

Principle #10Preliminary action

Solution Approach 2:

The system performs self-service by automatically detecting property differences between states and generating appropriate visual transitions without requiring user intervention, making the system generate its own transition effects autonomously

Inventive Principle:

Principle #25Self-service

2Device complexity

If manual transition configuration is used, then device complexity is reduced, but loss of time increases

Engineering Contradiction:

Improvesystem complexityVSAvoidtransition setup time

Core Design Contradiction:

Device complexityVSLoss of time

Solution Approach 1:

The system pre-computes and stores the differences between object properties in different states, so that transitions can be generated instantly when needed, eliminating the time-consuming manual configuration process

Inventive Principle:

Principle #10Preliminary action

3Ease of operation

If automatic visual effect selection is implemented, then ease of operation is improved, but manufacturing precision decreases

Engineering Contradiction:

Improveuser effort in transition creationVSAvoidtransition accuracy

Core Design Contradiction:

Ease of operationVSManufacturing precision

Solution Approach 1:

The system provides feedback by displaying the automatically generated transitions in a timeline view, allowing users to review and verify that the generated transitions accurately reflect the intended state changes, and to make adjustments if needed

Inventive Principle:

Principle #23Feedback

Data Source

PatentUS9274764B2Defining transitions based upon differences between states

Publication Date: 2016.03.01 ADOBE INC

AI summary

A method is illustrated that comprises receiving at least two states, each state including at least one object with an associated property. Further, the method includes comparing each object of each state to produce a set of differences between states. Additionally, the method includes defining a transition based upon the set of differences.