Automated GUI Visual Testing via Codified Design
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The conventional process of creating and implementing user experience designs is manual, leading to communication errors, delays, and version control issues between designers and engineers, especially in environments with frequent changes.
Innovation Solution
An automated system that codifies user experience designs into precompiled code, allowing for automatic generation of Graphical User Interfaces (GUIs) and compliance checking, ensuring consistency between intended and implemented product code through visual and functional testing.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If manual processes are used for creating and implementing user experience designs, then flexibility in design changes is maintained, but communication errors, delays, and version control issues occur between designers and engineers
Solution Approach 1:
The patent introduces an intermediary layer (design system with codified user experience designs) that sits between designers and engineers. This intermediary automatically translates design specifications into code, eliminating direct manual communication and preventing the associated errors and version control issues while maintaining design flexibility.
Solution Approach 2:
The patent replaces the mechanical system of manual communication and code translation with an automated computational system. The design system automatically converts design specifications into implemented code, substituting the manual mechanical process with an automated digital process that eliminates communication errors.
2Productivity
If manual processes are used for creating and implementing user experience designs, then adaptability to design changes is maintained, but delays occur in the implementation process
Solution Approach 1:
The patent replaces manual code creation and translation processes with automated computational processes. The design system automatically generates code from design specifications, eliminating the time-consuming manual processes while maintaining adaptability to design changes through automated re-generation.
Solution Approach 2:
The patent establishes a codified design specification system in advance that can be automatically translated into code. This preliminary structuring of design requirements enables rapid automatic code generation when changes are needed, improving implementation speed while maintaining adaptability.
3Reliability
If manual processes are used for creating and implementing user experience designs, then ease of modification is maintained, but version control issues occur between designers and engineers
Solution Approach 1:
The patent introduces a design system as an intermediary that manages version control between design specifications and implemented code. This intermediary ensures that code always reflects the current design specification version, preventing version control issues while maintaining ease of modification through automated updates.
Solution Approach 2:
The patent implements a feedback mechanism where the design system continuously verifies that implemented code matches the current design specification version. This feedback loop ensures version control consistency while allowing easy modification of designs, as changes are automatically propagated through the system.
4Reliability
If automated systems are used to codify user experience designs and generate code, then communication accuracy and implementation speed are improved, but system complexity increases
Solution Approach 1:
The patent segments the design implementation process into distinct modular components: design specification creation, codification, code generation, and verification. This segmentation manages system complexity by breaking down the automated system into independent, manageable modules while maintaining high implementation accuracy.
Solution Approach 2:
The patent creates a universal design system that handles multiple functions: storing design specifications, generating code, verifying implementation, and managing version control. This multi-functional approach reduces overall system complexity by consolidating multiple tools into a single integrated system.
Data Source
AI summary
An automated system for implementing visual testing of a Graphical User Interface (GUI) of an implemented product is provided. A codified user experience design is used to automatically create precompiled code. The precompiled code is executed to generate a GUI based on the intended codified user experience design. The implemented product code is executed to generate a GUI of the implemented product code. Screenshots of the GUIs are compared to perform automatic visual testing of the implemented product code from the codified user experience design.