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.
(Due to the unreleased nature of the redesign, parts of the final mockups have been blurred to protect sensitive data and information. If there are further questions regarding my work, feel free to send me an email.)
My Role - 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 an collaborative and inclusive design 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
The previous UI of the dashboard/landing page of DMF.
Target Goals of Redesign
Provide clear data metrics for users to fully understand the current state of their network at a glance.
Present clear entry points guiding users to act on any errors and warnings that may occur.
More information regarding case studies on user needs and pain points can be shared in interviews.
Final Designs
Worklows and mockups below have been slightly modified to show ONLY relavent mockups created by myself, and to remove any sensitive information and interactions pertaining to the other parts of the product.
Network Visibility At A Glance
With each health card acting both as as a navigation tab, as well as a section summary of the network, the resulting structure allows for a quick understanding of any potential errors and warnings that may arise throughout the day. with each card containing different states - Healthy, Warning, and Unhealthy, the user is able to differentiate both how many errors the network has at any given time, along with the parameter of which the error takes place.
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.