Skip to end of metadata
Go to start of metadata


All UX interaction prototypes and visual design work can be found here.


SubjectDescriptionDesign Link(s)AreaDate Updated

End-to-End Prototype



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.

https://emcux.invisionapp.com/share/D6B3NYO8X


Focus on field types in the Input / Output fields:  

https://emcux.invisionapp.com/share/FCB4I6RG9


Error Handling

https://emcux.invisionapp.com/share/VFB4IJLRJ


UI Library

https://emcux.invisionapp.com/share/X3B4KSX8D


interaction

1/16/17


2/7/17

Primitive Creation Wizard


Current interaction prototypes for primitive creation for Local Ansible, REST API calls, and Shell script primitiveshttps://emcux.invisionapp.com/share/8TA0E4W96Interaction1/16/17

Library UI



Interaction prototype -

https://emcux.invisionapp.com/share/X3B4KSX8D


Interaction

+ Visuals

3/20/17

WF-Tab:

Input/Output Parameters and Library


Design

  • Library (contains operations and workflows you drag and drop to the canvas)
  • Input/Output parameters
https://emcux.invisionapp.com/share/2EAKWKP8RInteraction + Visuals3/20/17

Error Handling + Validation


Alerting and messaging for tab-specific issues, such as workflow errors and validation.https://emcux.invisionapp.com/share/VFB4IJLRJ

Interaction

+ Visuals

4/1/17

Workflow Diagram


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:

https://emcux.invisionapp.com/share/A3AX2KH7Q

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:

https://emcux.invisionapp.com/share/D6B3NYO8X

Interaction

+ Visuals

3/20/17










  • No labels