Improving the Usability of a Supply Chain Dashboard

Role

UX Designer

UX Designer

UX Designer

Team

UX Designer, 1 Project Manager, 2 Developers

Tools

Overview

Johnson & Johnson's Supply Chain team was looking to re-vamp their internal Supply Chain Dashboard. Since Supply Chain itself comes with complex analytics, they wanted a Dashboard that was easy to digest, present, and export information.

The Problem

The Existing Dashboard was Difficult to Use
The Existing Dashboard was Difficult to Use

The current dashboard design is difficult to read, manipulate, internalize, and interact with.

It makes it difficult for users to perform tasks, identify crucial information, and hinders their day-to-day workflows.

The current dashboard design is difficult to read, manipulate, internalize, and interact with.

It makes it difficult for users to perform tasks, identify crucial information, and hinders their day-to-day workflows.

Goals & Metrics for Success

Optimize the Data

Optimize the data visualization to be easily scannable / digested

Reduce Friction

Decrease the amount of time it takes for a user to find their data

Est

Improve enough so that managers are incorporating it back into their day-to-day workflows

The Outcome

Here are some quick stats that speak for themselves on the success of the new platform design

Here are some quick stats that speak for themselves on the success of the new platform design

75%
75%
75%

Less time for a user to access a specific data point

80%
80%
80%

Of managers are incorporating the platform back into their daily workflow

92%
92%
92%

Of users agreed that the new navigation is significantly easier to use

92%
92%
92%

Of users agreed that the new navigation is significantly easier to use

Talking to Users

I spoke with 5 product managers who (used to) utilize the dashboard on a daily basis. I watched them interact with the current dashboard first; then asked them to go about their daily workflow. Here are some questions I had asked.

  • What are the main goals or tasks that you perform on the dashboard?

    What are the pain points or challenges you experience while using the current dashboard?

    Which features or data on the current dashboard are most important for you to access quickly and easily?

  • How does the current dashboard fit into your workflow, and are there any gaps or inconsistencies in the process?

    Are there any particular user groups or roles that have unique needs or preferences?

    Are there any particular trends or changes in the supply chain industry that may impact the scalability of the dashboard?

How Users Responded

Almost unanimously (and unsurprisingly), all users showed high frustration while using the dashboard

100%

Of users said that the dashboard was difficult to navigate

100%

Of people were unable to easily find the data points they needed

80%

Of users said the current dashboard does not fit into their current workflow

User Action

User #1

User #2

User #3

User #4

User #5

Can easily navigate the dashboard

Assess any urgent risk in the supply chain

Easily access necessary data

Easily export specific data points

Adds value to your daily workflow

Addressing the Root Issue: Navigation

Addressing the Root Issue: Navigation

The biggest issue was the Dashboard's navigation. So I started there. I restructured the Information Architecture and introduced a story-telling paradigm for the data.

Improved Navigation Led to Better Data Display & Lighter Code

Instead of endless open tabs like the current dashboard, this design features 4 clickable tabs that show you exactly where you are in the data. You can drill down from each Navigation item. This solution was also much lighter from a tech-debt perspective.

A Clear Entry Point

The current Dashboard did not have a clear Entry Point. It remembered the previous page you were on, which tabs were open, and displayed that information when you opened the app.


The new design features an easy Entry Point page that users can resort to when they want to restart their search for different data journeys.


*Note: Due to an NDA, I can only show example products and example descriptions

Managing Differing Opinions Between Stakeholders & the Design Team

Managing Differing Opinions Between Stakeholders & the Design Team

The Design team and Stakeholders came to a disagreement over how the Filters should be displayed. To rectify this, I suggested we test the 2 solutions with our users and see which one user's responded more positively to.

I designed both High-Fidelity prototypes to be shown in the user tests

Option 1: Filters on Top

Option 2: Filters Bar on the Side

After testing, the Filters Bar solution was most well-received with users so stakeholders agreed to go with that solution

Multiple Rounds of Iterating

Multiple Rounds of Iterating

This project was a great example of how important iteration is in design. There were at least 6 rounds of iterations before the stakeholders considered the design to be in an MVP stage.

Designed a Mini-Design System for Cohesive Data Display & Future Designs

You're in good company

Trusted by companies all over the world

You're in good company

Trusted by companies all over the world

You're in good company

Trusted by companies all over the world

Want to work on something like this together?

I'd love to see if we're a match made in design heaven ✨

Want to work on something like this together?

I'd love to see if we're a match made in design heaven ✨

Want to work on something like this together?

I'd love to see if we're a match made in design heaven ✨

Explore more case studies

MVP

Building the MVP for a Maternal Mental Health Hub

Creating a robust MVP through Design Sprints

MVP

Building the MVP for a Maternal Mental Health Hub

Creating a robust MVP through Design Sprints

MVP

Building the MVP for a Maternal Mental Health Hub

Creating a robust MVP through Design Sprints

SaaS

Scaling an EdTech Startup from 0 to 30,000+ users

0-1 Design for an EdTech startup

SaaS

Scaling an EdTech Startup from 0 to 30,000+ users

0-1 Design for an EdTech startup

SaaS

Scaling an EdTech Startup from 0 to 30,000+ users

0-1 Design for an EdTech startup