Pipeline Studio

Project overview

Navigator is a data and analytics platform that can unify data, analytics, and AI workloads. Navigator provides you with the ability to ingest any type of data from any source.

Pipeline Studio is a no-code click-and-drag UI that builds multi-step data pipelines to transform and process data for downstream analytics.

As the exclusive designer responsible for Navigator, I collaborated closely with the developers in the Navigator team to enhance the existing platform. Working under the guidance of my team lead, my responsibilities included conducting research, enhancing user flow, and improving the overall user experience. I actively took part in both conducting and assisting with user testing on the platform as well. I utilized our internal design system to supply UI designs. In some cases, I had to create new assets that aligned seamlessly with the design system, ensuring consistency.

User testing

We did user testing on Pipeline Studio in August 2022 along with other apps within Navigator. We tested internally with users that were familiar with the platform and concepts. Our main goal was to determine their understanding of the ecosystem and whether they understand the complexity around data management.

Users were given the following tasks:

  • Create pipeline project

  • Edit project name

  • Create pipeline using nodes

  • Configure settings for nodes

  • Download pipeline

  • Delete all nodes from pipeline

  • Upload downloaded pipeline

  • Validate and deploy pipeline

  • Use of help centre

Pipeline studio performed really well and users found the platform quite intuitive, however they experienced the following issues:

  • There is no way to select multiple nodes and delete them all at once. Each node has to be deleted individually.

  • There was a bit of uncertainty around how a pipeline should be built.

In an attempt to try and make these tasks easier for users, the following updates were added to Pipeline Studio:

  • Added ability to select multiple nodes and after selection, the header changes with actions to copy all nodes as well as delete nodes (shortcuts specific to the OS will appear when hovering over the action icon).

  • Added a "ghost node" that appears when hovering on add connector icon to show what node should be added next, clicking on node connector opens a menu with a list of compatible nodes that can be connected to complete the pipeline.

*Due to operational changes, we could not do another round of testing to see how the new changes performed.

Ability to copy / delete multiple nodes ⤴

Ghost node to guide users on how to build pipeline and add compatible nodes ⤴

━━━━━━━━━━━━━━━━━━━━━━━━

Ontology layer

There was a request to add the ontology layer to Pipeline Studio. I worked closely with the developer to understand what the ontology layer entails and came up with the following designs.

To explain what the ontology layer is: once a topic is chosen in the Pipeline Editor, it automatically samples the data and provides properties specific to that topic. It also infers a schema for you, making it useful when you lack knowledge about the data's structure and data types. The Ontology Layer empowers you to define the data in such cases.

More by Elzine

View profile