GUI Prototype Timeline Mechanism for Parallel Input Processing
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional prototype creation methods face challenges in accurately conveying designer intentions to programmers, leading to discrepancies between the intended GUI design and the final prototype, particularly in adjusting responses across multiple states and processing multiple user inputs simultaneously.
Innovation Solution
A method that combines triggers and responses through a timeline to enable parallel processing of multiple input signals, allowing for intuitive and accurate control of response timing, using a prototype creation interface to select triggers, responses, and input timelines, and displaying them adjacent to each other for organic change identification.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If the state method is used to receive and process multiple user inputs simultaneously, then the ability to process parallel inputs is improved, but the ability to delicately adjust responses during state conversions deteriorates
Solution Approach 1:
The patent segments the response adjustment process into two distinct phases: (1) global response selection during state definition, and (2) local timeline adjustment during prototype execution. This segmentation allows simultaneous processing of multiple inputs while maintaining delicate control over individual response timing through the timeline mechanism.
Solution Approach 2:
The patent introduces a dynamic timeline mechanism that allows response timing to be adjusted in real-time during prototype execution. The timeline parameter enables dynamic control of when responses are applied, transforming a static state-based system into a dynamic time-based system that can handle both parallel inputs and delicate adjustments.
2Manufacturing precision
If the timeline method is used to delicately adjust responses during state conversions, then the precision of response timing is improved, but the ability to receive and process multiple user inputs simultaneously deteriorates
Solution Approach 1:
The patent creates a universal prototype creation system that integrates both state method and timeline method capabilities. The system can simultaneously handle multiple user inputs through the state machine architecture while applying precise timing control through the timeline parameter, making the system multi-functional and eliminating the need to choose between the two approaches.
Solution Approach 2:
The patent introduces the timeline parameter as an intermediary between the state trigger and the response execution. This intermediary mechanism allows multiple inputs to be received simultaneously while still enabling precise control over when each response is applied, mediating between the conflicting requirements of parallel processing and timing precision.
3Ease of manufacture
If a conventional prototype creation process is used where designers create GUI designs in documents and programmers implement them, then the separation of design and implementation is improved, but the accuracy of conveying designer intent deteriorates
Solution Approach 1:
The patent creates a visual prototype that serves as an accurate copy of the designer's intent, which can then be directly used for implementation. The prototype visually represents the final product with all interactions and animations predefined, eliminating the interpretation gap between design documents and programmer understanding while maintaining clear separation of design and implementation roles.
Solution Approach 2:
The patent enables designers to test and refine the prototype before final implementation, creating a feedback loop where the visual prototype can be evaluated and adjusted. This feedback mechanism ensures that the designer's intent is accurately captured and validated before the programmer begins implementation, reducing discrepancies while maintaining role separation.
Data Source
AI summary
Disclosed are methods and programs for creating a prototype of graphical user interface (GUI) application, the methods includes at least: receiving a selection of a first trigger, a selection of a 1-1st response of the first trigger, and an input of a timeline of the 1-1st response; receiving a selection of a second trigger, a selection of a 2-1st response of the second trigger, an input of timeline of the 2-1st response; generating a prototype, by applying the 1-1st response and the 2-1st response to which the timeline is input, to the layer; displaying the first trigger, one or more responses associated with the first trigger, and the timeline of the one or more responses associated with the first trigger; and displaying the second trigger, one or more responses associated with the second trigger, and the timeline of the one or more responses associated with the second trigger.