design with audience in mind

Recently, my husband shared a USA Today graphic with me that summarizes diversity stats across a number of Bay Area tech companies. Surely, this would be a good blog topic, he told me. He knows me well. Here is a screenshot of the visual:

Online version can be found here.

First, let me mention how cool I think it is that companies like Google have started sharing their diversity stats. I expect that with this transparency, we'll see movement towards more diverse workforces over time.

Next, let me discuss what an annoying user experience it is to try to look at the diversity data with USA Today's visual. It shows the breakdown for the given company (Apple, in the above screenshot) by gender on the left and ethnicity on the right. The various tech companies each have their own tab; you can toggle between companies using the numbered tabs along the left (not sure what the numbers on the tabs mean...if anything).

What is the first thing you want to do with this data?

For me, the stats for a given company, on their own, are not so interesting. It's by comparing them to the other companies that we help build context for what is good (or if not good, then at least better), what is worse, and so on. In other words, the single thing I want to do most is compare the stats across companies. The way this visual is organized makes this a lot harder than necessary. If I want to compare the proportion who are women at Apple (for example) to other companies, first I look to the Apple tab and commit 30% to memory, then I click through the other tabs one by one to try to put that 30% into context. This is annoying, but possible.

It gets more annoying and difficult if you try to do it by ethnicity. Try comparing the proportion Hispanics make up of the various workforces, for example. It's further complicated by the fact that the slices on the pie move and the order in which the companies are listed changes as you toggle between companies.

This is not an ideal user experience. My guess is that there was some desire to make the visual "interactive," which it sort of feigns via the tabs of various companies along the left. But really all this does is allow you to see the various static graphs, one at a time. Why not replace with a single static visual that makes the task your audience is going to want to do easy?

In other words, let's design the visual with our audience - and how they are going to want to interact with the data - in mind. If the goal is to compare across companies, I might do something like the following:

(Note that the title and takeaway at the top were preserved from USA Today's visual; I'm not sure I would have been quite as negative.)

The above version allows me to see things that were very difficult to get to with the original. eBay is doing the best from a gender diversity standpoint, but worse when it comes to racial diversity, where Yahoo is doing better than the others, etc.

Bottom line: design with your audience in mind!

Click here to download the Excel file with the above visual.