CHALLENGES
- Separation of logical and visual levels of diagramming.
- Flexible wiring (orthogonal edge routing).
- One-click modification of nesting level for states.
- Diagram logic restrictions.
KEY FEATURES
- User friendly toolset (Boxes&Arrows approach).
- Deep nesting support.
- Customization of conditions, events, event handlers.
- Generating code for the selected programming langua.
OUR APPROACH
Since the application is a visual creator for building state diagrams and establishing connections between them we`ve started with designing of the proper architecture to provide the ability to separate the logic level from graphical representation. This allowed to define the main logic elements at the beginning and then switch directly to visual part. In the course of work a number of UX ideas for objects manipulation has been suggested and successfully added to the editor facilities.
One of the main obstacles, caused by various cases of states nesting was implementation of optimal routing mechanism for connection lines. The analysis of existing approaches allowed us to choose the appropriate one and improve it to meet the requirements and limitations of diagramming logic.
RESULTS
WHAT OUR TEAM SAYS
about the project
WHAT OUR TEAM SAYS
about the project
target audience
This product was created for people with technical knowledge, therefore it was essential to develop a convenient platform without drawbacks indeed. All the necessary tools should have been at hand, and the interface should have been intuitive. We enjoyed working on the project because the client clearly stated his desires and we managed to establish good communication.
YOU MAY FIND INTERESTING