Event Categorization

Arista Networks

The Project

CloudVision provides network monitoring software created to provide network visibility and monitoring capabilities. It enables network operators to capture, analyze, and monitor network traffic for performance, security analysis, troubleshooting, and compliance.

Role - Lead UX Designer

As the sole UX designer, I was in responsible for the creative direction, from user research and concept development to prototyping and implementation. I also worked closely with cross-functional teams, including product managers, developers, and stakeholders, to create a collaborative and inclusive design process.

Tools Used
Figma and Adobe Illustrator were primarily used throughout the design process.

//Project Restriction

To protect sensitive customer and company details, I am unable to publicly share the entire design process of the project.
More information on this project and the design process can be shared privately during the interview process.

Initial Scope - Landing Page (Before Redesign)

As the product was moving from the previous code-base to React, an opportunity to redesign key user workflows was given to the front-end team. As a result, there was an opportunity to explore a redesigns of multiple key features and workflows throughout the DMF product, one of which being the Landing Page.

Visible UX issues:

  • Outdated user interface

  • Stats shown are irrelavent in showing current state of network

  • Usability Issues: difficult to find relavent metrics to begin troubleshooting

  • Lack of user guidance / next steps

Landing Page (Old Design)

The original landing page prior to design improvement.

The original landing page prior to design improvement.

Final Designs and Deliverables

Workflows and mockups below have been slightly modified to show ONLY relavent mockups created by myself, and have remove any sensitive information and interactions pertaining to the other parts of the product.

Target Goals of Redesign

  1. Provide clear data metrics for users to fully understand the current state of their network at a glance.

  2. Present clear entry points guiding users to act on any errors and warnings that may occur.

Health of the Network

Landing page - an aggregate of top metrics requested by users.

Aggregate metrics of all Switches

A high level overview of switch usage within the network.

Policy Usage Metrics

Policies that users created to direct traffic as required.

Node Health

Applications that network admins connect to the network for additional workflows

Validation

As previously noted, direct customer access to user testing and feedback was a difficult avenue. As a result, the main guidance for validation of both direction and design comes internally, from the Sales Engineers, as well as other internal stakeholders.

Confirmation with Sales Engineers
Throughout the design process, outreach to the Sales Engineers for feedback was essential in better understanding and validating design assumptions that were made by the team. As a result, a lot of our guidance depended on first-hand feedback and direction from those directly involved with our end users. Despite not being able to directly user test with users, constant feedback and input from the Sales Engineering team proved to be a suitable replacement.

Confirmation with Project Managers and Developers
Due to the nature of the domain and the extensive knowledge that is required to properly understand user workflows, requirements, etc. I highly depended on the team to properly guide me through the more intricate workflows and thought processes. As a result, their knowledge regarding user requirements, workflows, were only second to the Sales Engineers due to the years of experience both from Arista and the networking domain as a whole. Alongside this, validation regarding feasibility and scope definition was assisted from the team as well.

Confirmation with Designers
Despite being the only UX Designer on the DMF Product, reaching out to the designers from other product teams was imperative in assisting in exploring other avenues of visual design. The designers provided valuable critique in both visual design as well as high level workflow avenues that may already exist in Arista as a whole, leading to a more cohesive product suite under the Arista umbrella.