Product Design

Introduction

My clients wished to explore usability issues in their product and identify ways to improve micro interactions. Through a user experience audit we explored the possible directions the project could take. I encouraged a larger scope that would involve a visual redesign as well as working on the UX of all current and future features. My clients decided to be ambitious and gave me the go-ahead. They also brought on a visual designer and front-end developer to help with the project.

MY ROLE

UX Consultant

Interaction Designer

Product Roadmapping

OVERVIEW

Duration: 6 weeks

When: Dec 2016- Jan 2017

Team: 3 (UX, VD, DEV)

TOOLS

Adobe Illustrator

Adobe Indesign

Product Overview

This diagram represents the focuses of Nouvolas product, Load Performance Testing and Client Performance Testing, and their boundaries across the Server-Client-Browser web relationship.

Nouvola is a Software-as-a-Service company that provides web development testing tools that emulate having users visit and use a web page or product. Using Nouvola a developer can simulate a product launch or denial-of-service attack to make sure that their website is robust and a heavy load won't crash the servers. Nouvola was part of the Jaguar Land Rover Technology Incubator program.

Nouvola's main feature is Load Performance Testing, which tests the relationship between the Server and the Clients but not the browser experience. Nouvola is poised to launch a new set of tests called Client Performance Testing. Client Performance testing looks at the browser performance in various browsers and at different connectivity speeds.

UX Audit

My work with Nouvola started with a UX Audit. I focused on the core workflow of their product. This was a great chance for us to discuss and discover what my clients wanted to achieve and how much they wanted to change. Through this process I started designing the next version of their product, and they discovered that they wanted to do a visual re-design as well, which resulted in brining in another designer to focus on visuals.

Product Road Map

Nouvola had yet to officially launch their Client Performance Testing suite of features, so they needed a plan to launch this new feature, other updates, and their visual refresh.

This was the original architecture of Nouvola's user interface; the original plan was to combine all testing together. This made creating a load performance test much more complicated and confusing, my work resulted in giving both testing suites their own sections, while keeping the ability to tie the two together if needed.

User Flows & Wireframes

When I started wire framing and user flows I was the only designer working with Nouvola and they weren't sure how much they wanted to change in terms of visual design. For this reason I chose to wireframe in a medium-fidelity to give some guidance on how their current product could be improved. I used this style throughout my UX exploration for consistency.

Outcome

Through my guidance I was able to greatly improve Nouvola's user experience, and inspire my clients to think bigger and completely overhaul their user interface! Their new visuals and features will be launching in just a few months.