Diversity Dashboard
Timeline:
January 2023 - August 2023
UX/UI Design
Data Analysis
Stakeholder Presentation
Responsibilities:
Stakeholders:
Jefferson EVP of Diversity and Community Engagement
Director of Jefferson HR
Lead Business Intel Analyst
Overview
In the last couple years, Jefferson has made great strides to increase diversity throughout its divisions (Hospital, University, Corporate, etc). Our team was approached with the task of creating an external facing infographic that communicates these statistics to members of the general public who visit the Jefferson website.
This project was started by a Lead Designer on our team and then handed off to me entirely as his workload priorities shifted. Besides designing the infographic, the majority of my work involved collaborating with the Director of HR and a Lead Business Intel Analyst to gather the most accurate and up to date data.
My goal was to present large amounts of varied data in a clean and informative manner, while utilizing the colors of Jefferson’s brand to include some creativity and personality.
Kickoff
My first foray into this project was attending a stakeholder meeting where someone else on my team presented this infographic to our stakeholder, the EVP of Diversity and Community Engagement.
The reception was positive for the most part. Some of the feedback for future edits included:
Adding a 4th column to compare the gender/ethnicities of both Jefferson patients and employees
Added definition of certain terms that the general public may be unfamiliar with (e.g. Respected Culture, Respected SOGI)
I also personally felt if there wasn’t a better way to represent the two sections within the Patient Satisfaction column. The current format made it a bit difficult to track the exact trends in data over time when comparing in-patient and emergency statistics within the categories of Respected Culture and Respected SOGI.
Diversity Dashboard Horizontal Infographic_v2
After brainstorming on some changes and applying recent feedback, I created a new iteration of the horizontal version that I shared as an internal update amongst the Design team.
In adding the Health Diversity Profile column, the challenge was parsing through many documents of data to compile the relevant statistics. I chose to use a pie chart (made up of Jefferson Brand colors) to illustrate the different ethnicities while interpolating the gender breakdown into the center given the tight constraints of the narrow column.
I decided to use two line charts: one for Respected Culture and another for Respected SOGI within the Patient Satisfaction column. I thought this clearly illustrated the trends in data over time, and users could easily refer to the different colors and textures of the lines to distinguish between In-Patient or Emergency.
A Creative Challenge
At this point, the idea was proposed internally to take the infographic in a different direction. Originally the infographic was to be presented on a platform with very specific limitations that dictated its dimensions (had to be horizontal, couldn’t exceed 1979x1080px, etc.) but after being told that this was no longer the case, this meant that I had more creative rein moving forward.
A “more creative” template inspired by the colors and elements found on the Jefferson Health website
The lead designer who had worked on this project before me came up with the template above, and posed a creative challenge to me: to create a more visually captivating and interesting infographic that would, in his own words, “knock [our stakeholder]’s socks off.”
I was more than happy to take on the challenge. Here were some thoughts and questions in my head as I approached this task:
Given that this infographic will be for the general public, would it make more sense for it to be horizontal or vertical?
How could I make sure that the large amount of data presented is accurate and digestible without being visually overwhelming?
Besides the colors from the Jefferson Health website, what other creative elements could I include to make the infographic feel more fun or entertaining?
Diversity Dashboard Vertical Infographic_v1
Here was my first pass at creating a new, redesigned version of the horizontal infographic:
In thinking about the context in which people who read this infographic (on the Jefferson website), I decided it would contribute to a smoother user experience if the information of the different sections was presented visually up to down. Taking the different cards from the sections and translating them into this vertical format was a bit tricker than expected, as the size of different elements (fonts, charts, statistics, etc). had to be adjusted proportionally to fit the new dimensions.
For a first draft, my priority was to make sure that all the information could be presented in a different context. I was content with how the data and statistics translated to this version while using the creative template as its visual foundation.
However, I felt like the infographic was still missing something. While the colors were vibrant and the data was easy to read, I thought more storytelling could be done with design elements. All these sections were ultimately about people in various capacities throughout Jefferson; how could I communicate that effectively with the design?
Data Discrepancies
I received positive feedback from others on the Design team when sharing this new version. However, after presenting this to our fellow collaborators in Human Resources and Business Intel Analytics, we were told that there were various discrepancies that should be corrected immediately.
An entire category (Hispanic) was missing from both categories in the Health Diversity Profile. However, in our most up to date data, Jefferson tracking systems did NOT track Hispanic as a category for its patients. How could we consider this inconsistency in how the data was being compared in this section?
Originally, the Respected Culture and Respected SOGI categories in the Patient Satisfaction section were comparing data sets in 2022 and 2023. The stakeholder requested that we present data sets comparing 2021 and 2022; yet we had no data available for either category (Respected Culture / Respected SOGI) in 2021.
In the same vein, the way Supplier Diversity categories were measured changed from 2021 to 2022, meaning that tracked statistics were inconsistent across the two years (for example, suppliers considered “Disadvantaged” were tracked in 2022 but not in 2021).
These were not easy, one-off edits-it required a lot of deliberation on how to reorganize the data sets being presented in the infographic. I was motivated to address each of these individual concerns, while also figuring out how to include more design elements to make the infographic more personable and people-oriented.
Diversity Dashboard Vertical Infographic_FINAL
“Absolutely stunning and phenomenal! I love this version, and I’d love to share it with the CEO tomorrow in my meeting with him.”
- The EVP of Diversity and Community at Jefferson
The final, final approved version after many countless iterations
When presented to our primary stakeholder, the reception was extremely positive and made a process fraught with searching through endless excel spreadsheets feel worthwhile. I felt this infographic ultimately was successful in the challenge of taking large amounts of varied data and presenting them in a visually captivating way that captures the people-first values of Jefferson.
To briefly summarize the changes in each section:
Leadership Diversity - I thought bar charts would be a better way to track the positive growth in each of the three Leadership categories, and to further emphasize the “people” aspect of diversity included some different vector icons as well.
Health Diversity Profile - I decided it would be best to include a disclaimer that accounted for the fact that Hispanic was considered a separate category for Jefferson employees.
Patient Satisfaction - As we only had data available for Respected Culture and Respected SOGI throughout 2022, it made the most sense to just present that data on its own again through colored bar charts. Having the cards resemble chat bubbles was a nod to the fact that these results came from patient surveys.
Supplier Diversity - We went through and determined which Supplier categories were consistent throughout 2022 and 2021, and I decided to illustrate the data on trucks to highlight the different suppliers that engaged with Jefferson.
Reflections
We are still awaiting confirmation from the Diversity, Inclusion and Community Engagement department as to where exactly on the Jefferson website they are hoping to share this infographic. Here were some of my takeaways from this process:
Prioritizing information over visuals: It was more crucial that the data reflected in the infographics was accurate and up to date than including flashy visuals. I found that after thinking about the structure that information would be communicated, then insights about how to incorporate design elements came naturally.
Documentation: Taking notes throughout the process was crucial especially when there were so many iterations. Many instances occurred where we were oscillating between various data sets repeatedly, and having notes on my rationale for why previous versions were created helped me see the process in a holistic manner.
Other projects
MACovidVaccines.com - Responsive Web
Neuroprotection Labs - Responsive Web