Fiddler

Navigation redesign

Improving Fiddler platform navigation to enable data scientists to effectively manage projects, models and monitor model performance and predictions at scale.

context
Fiddler is an explainable AI data platform that enables enterprise data science teams to create and manage production quality machine learning models and monitor predictions at scale. It also provides to analyze model performance and identify critical issues.

As the Fiddler platform continued to add features, one of the challenges we faced has been to surface model level information to the user at the right place. We went too far along without adding the necessary navigational features into our navigation with little regard to discoverability or the user's mental model.
role
Design lead — discovery, user research, design, testing
team
5 Engineers, and 1 product manager
Duration
4 Months
Status
Launched on June 2020
Old navigation
New navigation
the problem
Existing Fiddler platform, we had a single sidebar menu with content that would change depending on the feature customers were currently on. For a while, that worked well; Fiddler started receiving a very polarized feedback both from our customers and internal users that they were often confused by whether they were on a feature-project or model-level page. We also heard that it was difficult for users to find project level or model level information in the Fiddler platform and that it was annoying to switch projects or models once they were in a specific project or model. Contextual navigation elements that change based on the page a user is viewing felt so difficult to use and not being able to find what they needed quickly. These areas of friction lead to poor customer engagement on the platform, losing existing customers to the competition, and finding an alternative solution.
the solution
Re-establish trust in the Fiddler platform with our existing customers and internal users. I led the redesign of Fiddler platform navigation from the ground up by focusing on the user's "mental model" and using the modular content system to make a flexible framework that would help in mapping a product’s hierarchy, enabling us to roll out new features and products more quickly in the future. 
Once we led users to set up with a clear mental model, users could better expect and predict what could happen when they go a page deeper into the platform. With this, we had a solution that met the core user goals of accessing the project and model level information faster, making it easier to perform repeated tasks, and retaining context uniformly across the task. With this, we were able to retain existing customers and also acquire new customers.
outcome

38%

Average discoverability increase
With new navigation redesign users
shared core tasks were easy to discover
and perform repeated tasks

15%

Average wayfinding increase
Huge improvement in users orientation
of where they were and how they got there, especially as they drill down from projects
to model workflows

65%

Customer engagement increase
Completing and retaining context uniformity across the tasks got lot easier, with that productivity increased to a significant level
solution
Introducing the new navigation experience for Fiddler platform
PROJECT LIST

Discover global and contextual ways to navigate
Fiddler platform

With new navigation users have two important ways to navigate through Fiddler platform. One is global navigation - which refers to elements that are always available via sidebar. Another way is through contextual navigation - which refers to the elements that change based on the page a user is viewing currently.
DATASET LIST

Enable customers to easily and quickly switch contexts

Projects and Datasets are peers to one another. Users can switch between them seamlessly.
PROJECT OVERVIEW

Clear contextual navigational hierarchy of each section

Top contextual navigation helps ground the user that they are in a particular flow.
Model monitoring

Model performance, activity, and insights

Breadcrumbs at the top of the screen (contextual navigation) reinforce this, and help user understand where they are and desired actions - Monitor level.
Outcome

38%

Average discoverability increase
With new navigation redesign users
shared core tasks were easy to discover
and perform repeated tasks

15%

Average wayfinding increase
Huge improvement in users orientation
of where they were and how they got there, especially as they drill down from projects
to model workflows

65%

Customer engagement increase
Completing and retaining context uniformity across the tasks got lot easier, with that productivity increased to a significant level