{"id":726,"date":"2022-03-16T10:08:00","date_gmt":"2022-03-16T10:08:00","guid":{"rendered":"https:\/\/f1studioz.com\/blog\/?p=726"},"modified":"2026-03-03T10:36:08","modified_gmt":"2026-03-03T10:36:08","slug":"ux-of-data-visualization","status":"publish","type":"post","link":"https:\/\/f1studioz.com\/blog\/ux-of-data-visualization\/","title":{"rendered":"UX of Data Visualization"},"content":{"rendered":"\n

A deep dive into Data, UX, and Data Design \u2014 Pt.1<\/h2>\n\n\n\n

In this series of blogs, I\u2019ll be talking about the basics of cognitive biases and data lifecycle and certain things that one should keep in mind while designing effective data visualizations that convey the right information in the right format. These articles will hopefully be a stepping stone in your journey into Data Design.<\/em><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Hi, I am\u00a0Anushka<\/a>. I am a Product\/UX Designer. Although my major in college was Industrial Design, our faculty and curriculum encouraged exploratory and interdisciplinary learning. The focus was always on identifying the right problems and solving them efficiently \u2014 even if it meant getting out of your comfort zone and learning new skills to craft the right solution.<\/p>\n\n\n\n

My thesis project presented one such opportunity for me. The larger umbrella was \u2018Decolonizing Design\u2019<\/em><\/strong> and owing to my interest in Statistics and Data Viz, the brief I chose was in the smaller area of \u2018Colonization in the Age of Misinformation\u2019.<\/em><\/strong> The entire thesis journey allowed me to take a deep dive into all things about statistics, data viz, cognitive biases, etc. The journey is still ongoing and I\u2019d be sharing my experiences here.<\/p>\n\n\n\n

Have you ever come across misleading headlines?<\/h2>\n\n\n\n

I\u2019m sure you have. Oftentimes, media houses craft catchy headlines or what you\u2019d call \u2018clickbait\u2019 material in order to dramatize the content and catch the audience\u2019s attention. The article usually paints a more realistic, less dramatic picture.<\/p>\n\n\n\n

For example:<\/em><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Here\u2019s another example that concerns data and data viz:<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

These infographics give the idea to the viewer that China, India, and the USA are the top polluters and waste generators in the world and may create a view among the audience that it is the citizens and governments of these nations that are most at fault for accelerating climate change.<\/p>\n\n\n\n

There are several factors (qualitative and quantitative) that could essentially debunk this view and prove it wrong but let’s consider purely the data for now. A better perspective for looking at this data would be in comparison with each country\u2019s population. \u201cMetric Tons Per Capita\u201d <\/em><\/strong>(per capita means per person) would be a better unit for consuming this data as a comparison between different countries.<\/p>\n\n\n\n

When we come across dramatic headlines, it is important to question the source and the story that the content is trying to convey to get a holistic view.<\/p>\n\n\n\n

The Human Factor<\/h2>\n\n\n\n

As humans, we have witnessed a drastic technological evolution in the past few centuries. But biologically, our brains aren\u2019t much different than the brains of the early homo sapiens.<\/a> Human brains are wired to take certain shortcuts when they consume information to make certain decisions quickly. Hans Rosling calls these the dramatic instincts. In their book \u2018Factfulness\u2019, Hans Rosling, Ola Rosling, and Anna Rosling Ronnlund<\/a> discuss these instincts in detail and how we can tackle them with simple rules of thumb.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Need for Media Literacy and Statistical Literacy<\/h2>\n\n\n\n

Consumption of short-form content has been on an increase and human attention spans have been decreasing. At the same time, information consumers have started relying more on social media as a source of news. These changes together cause a major concern of misinformation through badly designed infographics.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Let\u2019s go back to the example of the \u2018Global Food Waste\u2019 Infographic:<\/strong><\/h2>\n\n\n\n

This is the data that the infographic represents:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Since these figures are from 2021, let’s add another column here for the population of these countries in 2021.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Now let\u2019s calculate the food waste that these countries generate per person and then arrange them in descending order of those figures.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The pressure isn\u2019t so much on India, China, and the USA anymore, is it? So if we were to redesign the earlier infographic in a better way, it\u2019d look something like this:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

There are several other factors that could change this story \u2014 how was the data collected? How effective was the data collection process? Did any events occur in any of these countries that might have skewed this data? One dataset can tell contrasting stories depending on how the data is sourced, who interprets it and how it gets analyzed and represented.<\/p>\n\n\n\n

As information consumers, and especially as designers, we should be educated about which numbers are reliable and which ones aren\u2019t. As designers, we are responsible for reproducing these numbers and statistics and realizing them into objects or systems that play a role in our daily life.<\/a><\/p>\n\n\n\n

What kind of numbers can be trusted and from which sources? How shall we analyze numbers effectively and then present them in a way that they convey the right story to the audience?<\/p>\n\n\n\n

This brings us to the \u2018lifecycle of data\u2019 \u2014 which is actually not a cycle if you look at it. I\u2019d be discussing this in detail in an <\/strong>upcoming blog<\/strong><\/a>, so stay tuned!<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u201cfree access to data does not turn into knowledge without effort\u201d
\u2014 Hans Rosling, Factfulness<\/strong><\/p><\/blockquote>\n\n\n\n

<\/p>\n