GUI Prototype Motion Recommendations Using Machine Learning

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Designers face difficulties in describing and determining object motion suitable for graphical user interfaces (GUIs), leading to increased production time and difficulty in creating effective prototypes.

Innovation Solution

A method and system that utilize machine-learning techniques to provide a prototype producing interface, determine a target object, and recommend a motion based on pre-produced GUI screen samples, considering attributes, relationships, and user input to improve production convenience, quality, and efficiency.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If designers manually describe and determine object motion for GUI screens, then they can create customized motions, but the production time and difficulty increase significantly

Engineering Contradiction:
Improveease of determining object motionVSAvoidproduction time for GUI prototype
Core Design Contradiction:
Ease of operationVSLoss of time

Solution Approach 1:

The system enables self-service by automatically determining object motions through machine learning models. The motion determination module analyzes GUI screen images and automatically generates motion descriptions without requiring manual designer intervention, allowing the system to serve itself in creating motion specifications.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent replaces the mechanical manual process of motion description with an automated machine learning-based system. The motion determination module uses trained models to substitute the manual mechanical process of analyzing and describing object motions, significantly reducing production time and difficulty.

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

2Manufacturing precision

If designers spend considerable time to determine effective object motions, then the quality of GUI prototype improves, but production efficiency decreases

Engineering Contradiction:
Improvequality of GUI prototypeVSAvoidproduction efficiency of GUI prototype
Core Design Contradiction:
Manufacturing precisionVSProductivity

Solution Approach 1:

The system performs preliminary action by pre-training machine learning models on extensive GUI screen samples before actual prototype production. The motion determination module uses these pre-trained models to quickly generate high-quality motion descriptions without requiring time-consuming manual analysis during the actual production process.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent replaces the manual mechanical process of determining effective object motions with an automated machine learning system. The motion determination module uses trained models to automatically generate high-quality motion descriptions, maintaining prototype quality while dramatically improving production efficiency.

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

3Manufacturing precision

If experienced designers attempt to describe object motions, then they can achieve better results, but the process remains difficult and time-consuming

Engineering Contradiction:
Improveaccuracy of motion descriptionVSAvoidcomplexity of motion determination process
Core Design Contradiction:
Manufacturing precisionVSDevice complexity

Solution Approach 1:

The patent replaces the complex manual process even for experienced designers with an automated machine learning system. The motion determination module uses trained models to automatically determine object motions, achieving high accuracy while eliminating the complexity of manual motion description processes.

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

Solution Approach 2:

The system performs self-service by automatically analyzing GUI screens and generating motion descriptions without requiring designer expertise or manual intervention. The motion determination module uses machine learning models to independently determine accurate object motions, reducing both difficulty and time requirements.

Inventive Principle:
Principle #25Self-service

Data Source

PatentUS12461761B2Method for producing prototype of graphical user interface and system thereof
Publication Date: 2025.11.04 STUDIO XID KOREA INC
  • US12461761B2 patent drawing
  • US12461761B2 patent drawing
  • US12461761B2 patent drawing

AI summary

A method for producing a prototype of a graphical user interface (GUI) and a system thereof are provided. The method according to some embodiments of the present disclosure includes providing a prototype producing interface to a user, determining a target object from among one or more objects disposed on a target graphical user interface (GUI) screen produced through the prototype producing interface, determining a recommended motion for the target object using pre-produced GUI screen samples, wherein the GUI screen samples include motion objects, and providing the recommended motion to the user.