tswd-portfolio-templates

home page data viz examples critique by design final project I final project II final project III

Critique and redesign using a visualization from MakeoverMonday

Step one: the visualization

Demographics of Social Media Users and Adoption in the United States | Pew Research Center

image

For my data visualization, I selected a pew research report on social media usage across different platforms based on demographics. This report caught my interest given the increased usage of social media amongst young people. I also think different platforms are beginning to merge and offer identical services, so its interesting to look at which apps are surviving this competitive field and which ones seem to be dying out or losing traction. The report had two types of visualizations, the top one is a multi-linear graph that shows which platforms adults in the U.S. report using. The first visual does not separate responses by demographics. I chose to do the second visualization which is the table that actually separates survey responses by different groups. While there were different demographics like age, gender, race/ethnicity, household income, education, community, and party ID, I chose to focus on age because it had the most stark data. Additionally, I thought this would be a good place to start given that there was a lot of creative freedom given that the original was just a table.

Step two: the critique

Usefulness (5/10):

Useful for researchers & marketing teams needing exact percentages, but lacks clear insights or guidance for broader audiences

Completeness (7/10):

Includes platforms, demographics, and percentages, but missing context like sample size, methodology, and benchmarks

Perceptibility (4/10):

Table format requires scanning and calculating comparisons manually, making patterns difficult to identify quickly

Truthfulness (6/10):

Accurately presents data, but survey limitations and potential response bias are not clearly emphasized

Intuitiveness (3/10):

Not easy to interpret at a glance, given several categories, the amount of numbers can be perceived as overwhelming.

Aesthetics (2/10):

Minimal but dense and overwhelming, with little visual hierarchy or emphasis

Engagement (2/10):

It does not guide the viewer toward a key insight or story, nor does it invite exploration beyond scanning numbers.

Step three: Sketch a solution

Sketch 1:

image

My initial approach was to transform the table into a heatmap using Datawrapper to improve visual clarity and make patterns easier to identify. Visually, the heatmap is appealing and does help highlight general trends, such as higher platform usage among younger age groups and a clear decline across older groups. However, this format has limitations when it comes to comparison. While the color gradient signals differences, it does not effectively communicate the magnitude of those differences. Additionally, because all values are encoded through color rather than position or length, it requires more effort to compare across platforms or age groups. Overall, while the heatmap improved aesthetics, it is not the most effective choice for detailed comparison, thus I decided to move away from this type of design.

Sketch 2:

image

For my second visual, I shifted from a heatmap to a stacked bar chart to support comparison across age groups. While both designs use color, the role of color changes in this visual. Instead of representing intensity (as in the heatmap), color is now used to distinguish age groups, while bar length shows the actual values. This makes differences in platform usage more intuitive to compare.

This approach highlights the gaps in usage between the different age groups. For example, the decline in Instagram usage from younger to older groups, or the consistency of YouTube across all ages, becomes clearer because viewers can look at bar length rather than interpreting color gradients. The addition of percentage labels also makes it easier to read given that people read visuals from left to right. My goal with the title and subheading was to move beyond a neutral description and instead highlight a key takeaway for the audience. However, I found that my initial title and subheading were misaligned. Both attempted to make strong claims, but they were not fully supported or clearly connected to each other, which risked confusing the viewer rather than guiding them. Peer feedback reinforced this issue and also highlighted a lack of clarity around what the percentages represented. My peers mentioned that it was not immediately clear whether the values reflected frequency of use, preference, or survey response rates. This confusion weakens the visualization’s interpretability and credibility. As a result, in my final design, I refined both the labeling and framing of the chart.

Step four: Test the solution

To test my solution, I asked my peers in and out of class to critique my advice. The following questions are the same ones I asked my peers without giving them context about the visual before showing it to them.

Results:

Interview 1

Interview 2

Interview 3

Synthesis:

A few clear patterns came up in the feedback. First, people were confused about what the percentages actually represented and how to read the legend. Second, my title and subtitle felt disconnected and a bit too “claim-heavy.” Third, readability came up a lot, things like font size, color use, and how easy it was to compare values. In the final design I change the following:

Step five: build the solution

References

(https://www.pewresearch.org/internet/fact-sheet/social-media/?tabItem=3345cffa-94a6-4e74-9272-70dee1e0e213&cb_viewport=desktop#who-uses-each-social-media-platform)

AI acknowledgements

Chatgpt was used for correcting grammatical errors, suggestions to design and assistance with embedding code onto github.