UX leadership

Qualtrics Dashboard/Data Vis Redesign


Establishing a data visualization design language.

Qualtrics | 2017-2018

context

Qualtrics produces a number of dashboard offerings to support its Customer Experience and Employee Experience product lines. These dashboards are used by many Fortune 500 companies to monitor customer and employee feedback at scale.

my role

UX Design Manager.

I led this project and I managed the work of the two designers who produced the work below. I also helped support subsequent engineering and QA efforts to enable successful deployment.

goals

  1. create a usable, delightful default experience for the company's dashboard and data visualization products

  2. improve information discovery, data interpretation, and real estate

  3. ensure customers and client-facing teams found the redesign significantly better than the current designs.

  4. My goal for the team: build ability for UX designers to partner effectively on a project.

 
 

prior designs

Here was the prior dashboard experience.

 

prior web experience

The prior dashboards were functional, but had a suboptimal information hierarchy, overly complex filter and navigation treatment, and data visualizations that had become distracting.

Desktop - before - full res.png
 
 

prior mobile experience

The mobile experience was not ideal either, as several visualizations looked suboptimal on mobile.

current - mobile - full res.png
 
 
 

process

The first step in the project was to gather feedback from customers and client-facing staff on the existing dashboards. We also did a competitive scan to understand the current state of dashboard design (both visual design trends as well as navigation/IA standards). One of the designers produced a mood board to help us discuss design approaches. We then iterated on dashboard visual designs and navigation/filter treatments, gathering feedback from customers and client-facing staff along the way to help us settle on the redesign. We then deployed design standards and met with engineering in weekly development sprints to ensure the designs were developed as designed.

 
 

Mood board

Here is an abstracted mood board one of the designers created to illustrate the current state of data visualization. Image blurred to protect IP.

Mood board.png
 

Competitive scan

I conducted a comparison of various dashboard offerings to draw insights. Image blurred to protect IP.

Competitive tear down.png
 

Research

As designs came together I conducted a series of external and internal studies to mature and evaluate the efficacy of the designs. Image blurred to protect IP.

research.png
 
 

redesigned experiences

We announced the final redesigns at our annual corporate conference and allowed Employee Experience and Customer Experience customers to opt into the experience the summer of 2018. 

 

web experience

The web dashboard experience features a new navigation system, a new filter treatment, and redesigned information graphs throughout.

This is a concept created by a designer on my team.

 
 

mobile experience

The mobile experience was similarly successful. This is an illustration produced by a designer on my team.

 
 

customer feedback

Pending.