Designing UX dashboards for both marketers and designers
📹 New! Remote User Testing - Get video + voice feedback on designs and prototypes
Request Demo

How to make a UX data dashboard for your design team

How design and data can work well together

At New York Public Radio (NYPR), we have a variety of brands and digital products such as WNYC, WQXR, WNYC Studios, etc. This year, our digital team is updating the experiences of our brands with a more consistent UX to better serve our diverse audiences. In order to do that, we are looking at the data to understand how our users interact with our digital products today.

Why make a data dashboard for designers?

It is important to look at how your digital experiences perform to identify patterns and trends. This is not meant to take away from the value of generative user research which is valuable if you want to understand your user’s journey and identify those underserved user needs. With data, we can get a sense of what users are actually doing and how they use our digital products. Keeping track of these behaviors and patterns and how they evolve over time can help inform new ideas for user research.

“To design an easy-to-use interface, pay attention to what users do, not what they say.”
~ Jakob Nielsen

For our team, designing for multiple brands within a large media company can be challenging when data and insights on user behaviors can easily be siloed amongst individual teams rather than shared broadly. Additionally, having a four person design team means that we need to be able to draw relevant insights in a way that enables quick decision making.

As a design team, we strive to be human-centered and data-driven. As much as we love spending our hours mining Google Analytics for information, we need a better way of keeping track of how users are finding us and interacting with our experiences. Having something tailored to our team’s data needs would save us time, confusion, and maybe a few tears. Also, it would provide us with visuals using the latest data for any spur-of-the-moment proposals or presentations. Luckily, most of our team has prior experience with dashboards. For these reasons and with the help of my prior experience, I created a UX Data Dashboard and took an iterative approach to this process.

Process for making the dashboard

Surprisingly, there are not many articles around creating a data dashboard for Design and UX teams. Below is the process I followed for the creation of the dashboard.

  1. Define: What are the goals, objectives, and data points that the team wants to track? What questions typically come up when you start a new design project? This will help you think about what data you need and how to format it so that you can quickly extract these insights. This is also a great way to make sure you are incorporating your team in the process and starting to get feedback on the final output. Keep in mind, you might not answer all the questions in the first design of your dashboard and that is okay!
  2. Research: Once you have questions that you want to answer, figure out where and how you can access the data you need. For this, I collaborated with our data team, engineering team, and product managers. In some cases, I reframed our original questions as we discovered gaps in the available data.
  3. Select a Medium: Determine the best medium for creating a UX Dashboard. There is no right answer here, but it is important to think about what will work best for your team. You do not want to create more manual work in the future so find something that will automatically update and be ready to use when it is needed. We use Google Data Studio because it seamlessly pulls from Google Analytics (GA) and our data warehouse. We also add links to our qualitative studies for quick reference.
  4. Explore and Experiment: Take time to experiment with the data and see what you can do with it. We have multiple properties that we track via GA and we need a way to holistically view performance. After a few tries, I was able to get a view of how the number of sessions varies overtime for 5 different brands.
  5. User Testing: After creating your first “design” of the dashboard, do a quick user test. See how quickly your teammates can extract insights from the data and ask if there is any additional data that is needed for better context. Some of my teammates pointed out redundant information or gave me tips on how to better structure or visualize the information to support our team’s needs.
  6. Validate your data: Collaborate with other teams such as engineering or data & research to make sure you know exactly what your data is telling you and that it is the right information. For example, thanks to our engineering lead, I learned that ‘Search Queries’ in GA are actually just what users search within our sites. To get the search terms that bring people to our sites, I had to access Google Console data. From our data team, I now know that it is better to look at some of our data by ‘sessions’ rather than ‘pageviews’ due to how each one is counted in GA.
  7. Share it out!: Make sure you give your team an onboarding to the final design and make it easily accessible.

Our result from this process:

Many of the questions from the first step made it clear that our team wants a quicker way to compare data across different brands. While GA provides a lot of data for each of our properties, it is difficult to do comparisons between two or more.

To address this need, the first page on the dashboard is an overview of key data points across our 9 unique digital properties. At first glance, we can quickly see and compare the following:

Following the overview page, there are additional pages for each brand. For brands that have mobile apps, I merged that information onto one page. For each brand page, the information is the same as above, as well as:

This is just the start and we are continuing to iterate on the content and structure of the dashboard based on the team’s needs.

Illustration by Ouch.pics

Some things to consider:

Hopefully, this helps your team get started on a UX Dashboard. We are constantly iterating on ours and it has been really helpful for our Design team thus far. Happy dashboarding!

Originally written for Air Break, from the Digital Team @ New York Public Radio and posted on Daniela’s Medium page.

A UX Designer that's passionate about working with complex problems and environments. Connect with me on LinkedIn

Related Posts

Successful products from the Soviet Union that were created in isolation to the rest of the world.

How to choose the right UI component for the type of message you want to deliver to your users.

Making good component design decisions in react when it’s hard to see how an existing component can still be reused