Leading a team of designers to create robust tools with a common UX architecture, an experience centered around users, and the ability to augment scientists' skills and extend their knowledge.
I designed the UX architecture to facilitate the adoption of a new platform by defining the system objects, behaviors, and overall framework shared across the emerging application modules.
I started by defining the spaces which included the main stage for displaying information or facilitating interactions within the app.
To contain objects and display their properties, I designed panels that are lightweight containers that may either stand-alone or be connected to an object, such as a node, and display contextual elements related to that selected object.
Beyond defining the size and location of the panels and regions, I worked on setting the mechanics of each one. These mechanics include their area and directional properties
A consistent interaction model based on the unified regions and panels resulted in a uniform and predictable user experience. Rules such as users can easily add objects to the stage, which allows for bi-directional movement depending on the specific application needs.
One of the main goals was to empower users to create tools and workflows of their own. Such an ambitious objective required a design approach that depends on the ability of components to be modular and flexible.
The tool created utilized a node-based user interface to provide the most flexibility in constructing workflows and processes
The nodes' design required a meticulous breakdown of all its parts and precise instructions on how they function as a single unit
B. Interactive Regions
The parameters panel is a core area for inputting and managing the values and controls related to a selected node. Therefore the property panel was designed to be flexible so it can contain a mixture of UI components with varying levels of complexity.
Credit: Parameters Anatomy design execution by Tim Stegner