All UX interaction prototypes and visual design work can be found here.
|Subject||Description||Design Link(s)||Area||Date Updated|
This is the latest design which was changed based on usability testing round number 1 (March 2017)
Overall interaction between library, canvas, and input output fields.
Focus on field types in the Input / Output fields:
Primitive Creation Wizard
|Current interaction prototypes for primitive creation for Local Ansible, REST API calls, and Shell script primitives||https://emcux.invisionapp.com/share/8TA0E4W96||Interaction||1/16/17|
Interaction prototype -
Input/Output Parameters and Library
|https://emcux.invisionapp.com/share/2EAKWKP8R||Interaction + Visuals||3/20/17|
Error Handling + Validation
|Alerting and messaging for tab-specific issues, such as workflow errors and validation.||https://emcux.invisionapp.com/share/VFB4IJLRJ|
Design on how we create the diagram step by step including the visuals and interaction.
We considered 3 layouts for the diagram, they are visualized in the link below:
The same complex diagram was displayed in these 3 different layouts to compare and decide which one is better and based on the results we decided to proceed with layout 2-sides
The design on how you build a diagram on the canvas is here: