Information Visualization

Your constantly-updated definition of Information Visualization and collection of videos and articles. Be a conversation starter: Share this page and inspire others!
2,112 shares

What is Information Visualization?

Information visualization is the process of representing data in a visual and meaningful way so that a user can better understand it. Dashboards and scatter plots are common examples of information visualization. Via its depicting an overview and showing relevant connections, information visualization allows users to draw insights from abstract data in an efficient and effective manner.

Information visualization plays an important role in making data digestible and turning raw information into actionable insights. It draws from the fields of human-computer interaction, visual design, computer science, and cognitive science, among others. Examples include world map-style representations, line graphs, and 3-D virtual building or town plan designs.

The process of creating information visualization typically starts with understanding the information needs of the target user group. Qualitative research (e.g., user interviews) can reveal how, when, and where the visualization will be used. Taking these insights, a designer can determine which form of data organization is needed for achieving the users’ goals. Once information is organized in a way that helps users understand it better—and helps them apply it so as to reach their goals—visualization techniques are the next tools a designer brings out to use. Visual elements (e.g., maps and graphs) are created, along with appropriate labels, and visual parameters such as color, contrast, distance, and size are used to create an appropriate visual hierarchy and a visual path through the information.

Information visualization is becoming increasingly interactive, especially when used in a website or application. Being interactive allows for manipulation of the visualization by users, making it highly effective in catering to their needs. With interactive information visualization, users are able to view topics from different perspectives, and manipulate their visualizations of these until they reach the desired insights. This is especially useful if users require an explorative experience.

Questions related to Information Visualization

What are the different types of information visualization?

There are many types of information visualization. And different types cater to diverse needs. The most common forms include charts, graphs, diagrams, and maps. Charts, like bar graphs, succinctly display data trends. Diagrams, such as flowcharts, convey processes. Maps visually represent spatial information, enhancing geographical insights. 

Each type serves a unique purpose, offering a comprehensive toolkit for effective information representation.

What is the difference between information visualization and data visualization?

Information visualization and data visualization share a connection but diverge in scope. Data visualization centers on graphically representing raw data using charts or graphs. Information visualization extends beyond raw data, embracing a comprehensive array of contextual details and intricate datasets. It strives for a complete presentation, often employing interactivity to convey insights. 

Data visualization concentrates on visually representing data points. Conversely, information visualization adopts a holistic approach. It considers the context for deeper comprehension and decision-making. 

This video illustrates this concept using a routine example. It highlights the creative process and the importance of capturing and structuring ideas for effective communication.

Show Hide video transcript
  1. 00:00:00 --> 00:00:30

    I'd like to tell you a story and in fact show  you a video of a morning that I had recently. This is to give an example in practice of several of  the creativity techniques, but also the way about one organizes one's time and one's processes and activities in life in order to emphasize and to encourage creativity.

  2. 00:00:30 --> 00:01:06

    What I'm going to do first of all is show you a video of my morning, and we're going to start with getting up in the morning and move through for about the first hour or so of a morning a short while ago. So, here's the video and I hope – well, we'll talk through it at the end so we can talk through some of the lessons that come out of it. Do you ever get that thing when you wake up in the morning and something's been going round your head?

  3. 00:01:06 --> 00:01:37

    This morning it was all about creativity and time management for creativity. Not that I've been dreaming about it all night, but it's been something I've been thinking about for the last few days. And in that bit between first waking and when I actually turned on the light thought  about so much in just those few short minutes. It probably happens to you in the shower as well; it certainly does to me.

  4. 00:01:37 --> 00:02:08

    Five minutes in the shower in morning; my mind's blank, and suddenly all these ideas flow in. And from those five minutes in the shower, I'll often go out and spend perhaps half an hour writing up initially onto bits of paper what I've been thinking of, and then the rest of the day typing it. All of that just because of a few drops of water. Washing up is another one of those times when your mind is wandering.

  5. 00:02:08 --> 00:02:32

    It doesn't have anything particularly to do, and ideas suddenly pop up; things that you thought it before. It's not that the water magically generates the ideas. They're things that have been in your head, but you have time to both let them meander, also sometimes take a step back – you might have been stuck on something, wondering about a problem,

  6. 00:02:32 --> 00:03:04

    and then suddenly you go from a distance and it all goes away. So, the day-to-day things are sometimes the best things to turn to when you want to have something fresh to think about. So, what we'll do now is just talk you through some of the things I did – and this is just my process – everybody will be different – from this morning. So, I woke up, perhaps spent five, ten minutes before I turned the light on.

  7. 00:03:04 --> 00:03:32

    And then I started to write notes, and this is them: scrap paper, notes on the back, thoughts about taking a video in the shower, all sorts of things. I write on paper first because I find if I go straight to the computer, I start to elaborate things too much, and by the time I've elaborated the first  idea, I've forgotten the rest. So, this way I capture on paper – and also on paper you can draw little lines, little sketches I find far more

  8. 00:03:32 --> 00:04:05

    easily than I can on-screen. Some people find it easy to use certain tools on-screen as well. Then I typed it all up. There's a Word document here. I just typed as quickly and as straightforwardly as I possibly could what I'd written down. And then what I've done – it's something I've been doing comparatively recently – is transferred that  into PowerPoint slides. Now, this sounds terrible: 'death by PowerPoint' – but what I find with that is I can, per page so they're quite small and cut out

  9. 00:04:05 --> 00:04:37

    the individual slides. I'll just cut out one for you now. So, I cut them out and make small slides. Now the advantage of these slides is they're  small enough that I can see a lot at once. Now, I won't show you these ones; I'll put those away. But I'll bring out some that I did a while back for a book chapter I was doing. I went through the same process – I sort of outlined, having had the ideas, in text, and then...

  10. 00:04:37 --> 00:05:00

    made the PowerPoint slide, and here there was never a presentation; there was no video. There was no presentation I went through – this was purely in the end to write a chapter; cut them out, was able to sort them around, put them into little clumps, put annotations on ones, perhaps cross bits out, sometimes just cut out a blank piece of paper  and write a new topic.

  11. 00:05:00 --> 00:05:33

    Once I was sort of satisfied they were in the right sort of order, tidy them up, put them into little folds, write something on them, and suddenly I have my chapter ready to write. But you notice what I'm trying to do here is to make the maximum use of the *fluid creative thinking* and yet also then translate that and make it into something that's more structured. And this is true whether it's producing a piece of writing, producing a presentation or video,

  12. 00:05:33 --> 00:06:02

    or producing some software. I hope that wasn't too shocking for you seeing me waking up in the morning! We had some real fun making this video, my wife and I; so, I hope you enjoyed the few minutes of it. What I want to do now is just talk you through those stages, and this is literally about an hour, an hour and a half in a morning and the way things worked through them. So, let's start at the beginning with me waking up. So, you saw me waking up

  13. 00:06:02 --> 00:06:32

    with ideas buzzing around my head. It  doesn't happen every morning, I should emphasize. This does happen relatively often, but as I said, not every morning. So, okay, I'm waking up – what about waking up? Some lessons are here about what's called  *incubation*. And I'll talk more about that in some other videos. But incubation is that idea that sometimes things have to *settle into your head* in order for *ideas to come* out.  You might have been thinking about something. Here, the whole stuff was about time-managing creativity.

  14. 00:06:32 --> 00:07:02

    These are thoughts that have gone on in my head for years, some written down, some not. The question was how to present them for you in videos. So, those had been going in my head, but they needed working. And often when you're relaxed, and sleeping can help that process. The other thing about it – one is, the *ideas came when I awoke*, but crucially also is *being ready to accept creative thoughts and ideas when they happen*.

  15. 00:07:02 --> 00:07:34

    Don't try and make them happen – I mean, sometimes you have to do that, to be honest. But when they are, *grab them* – don't let them go! So, that's critical there. Then we have two parts of it. Part of it was about going to shower in the morning – and I hope not too shocking, seeing my soggy, still tired eyes here! And also about washing up. So, these are day-to-day activities.

  16. 00:07:34 --> 00:08:02

    They are things that *occupy your mind* in the sense you have to do something, but they *don't fill your mind with stuff*. They're blank stages, mind-wandering stages. There are lots of these: deliberately going for a walk might do this for you. Sometimes just sitting down with a cup of coffee or a cup of tea and doing nothing. There are various times. And these mind-wandering times are often incredibly productive.

  17. 00:08:02 --> 00:08:34

    If you go to them thinking 'I'm going to have a productive shower!', you probably won't. But the very act of having a shower or washing-up, it means again, some of those thoughts that have been pushing into your head, you've been thinking over, start to settle out, and often interesting thoughts come out of it. As for the pressure, the fact that there's *no pressure is absolutely crucial*. Then we went on from these stages which were  more of these open mind stages,

  18. 00:08:34 --> 00:09:00

    which was more about getting new thoughts together, to a slightly more structured phase. So, I went to my desk – and we'll talk more about that; that's a critical change as well – and *wrote things down*. So, crucially if you've had something that's come into your head, get it out. Unless you're – I mean, people are different and a crucial thing I think I've said before is:

  19. 00:09:00 --> 00:09:32

    we're all different; we have different ways of dealing with this. But get things out; *get them out of your head as fast as possible into some recorded form*. Otherwise, you might just lose them. I also talked about being *careful* – while I was actually doing the video, about been careful about *premature elaboration*. So, that's taking the nub of an idea and expanding it. Here, it was about these videos and about moving from the idea of something to actually the words and the details of it.

  20. 00:09:32 --> 00:10:02

    But this might be true of designing a new logo for a company. It might be about some programming nitty-bit issue in user interface programming. It might be a user experience issue – how do you design something? But make sure you *capture it as quickly as you can*, before you forget it. Now, the reason for not elaborating too early is largely because if you get stuck in elaboration, you often forget the rest of stuff. So, get them *captured*.

  21. 00:10:02 --> 00:10:30

    Then you can afford to elaborate. Now, I did say I didn't elaborate that much when I went from paper to text or to PowerPoint, but actually that is often a place where I start to do that elaboration process. But I've already got stuff scribbled down on paper. Now, for *me*, I mentioned that I found paper better for this. A lot of people do. There's lots of evidence that when we go electronic, we move into a

  22. 00:10:30 --> 00:11:04

    very much more detailed mode, rather than a sort of overview mode. But it does depend on the individual; it depends on the way you work; it depends on the tools you've got. So, whether it's paper or whether it's screen, it's thinking about *making sure that you don't lose that flow*. You notice too I wrote things down. And, again, if you're really good at – perhaps you use one of those screens and you sort of write everything with your fingers, and it all comes out great. But I was doing lines and diagrams and things like that. Not, again, I wasn't elaborating heavily,

  23. 00:11:04 --> 00:11:30

    but sort of mind-mappy-type things, not just the words. Then I cut stuff out. And actually, I haven't got any small ones here; I should have ones. I mean, I've got a big picture of a slide here – but I cut things out into small slides. A number of reasons for that – I talked about some of them as I was doing the video. Partly it's about *making these abstract ideas concrete, physical*

  24. 00:11:30 --> 00:12:03

    – things I can hold and look at; literally making them objects. So, they went from being ideas in my head, to written on paper, to in the machine, to now cut out so that I can play with them. The crucial thing about my little cutouts – and again it varies on the kind of work you're doing – but for this purpose, they're small enough that I can have a lot on my table at once and get an idea of the general overview of stuff, so it's that *overview view*.

  25. 00:12:03 --> 00:12:33

    But also I can pick them up and look at them. This is a classic from information visualization: *overview and detail* – your eyes just do it to physical things because we're able to make much more rapid changes by either picking something up or just focusing on it, than we can by manipulating things on screen. So, again, it's not that there aren't tools that might help you. You might prefer to use something like a mind-mapping tool that allows you to perhaps expand a node and close it and then play with the nodes on-screen:

  26. 00:12:33 --> 00:13:04

    different ways. But it's about getting these processes. Then I *sorted* things. And, again, the fact that they're these small little notes helps me to sort them because they're small enough that I can get a lot on the table at once, so I can do it, but big enough that I can see what they are. So, I'm getting that overview; I'm starting to – I can shuffle things around without making strong commitments. If I'm reordering, say, an outline in Word or if I'm reordering slides in PowerPoint,

  27. 00:13:04 --> 00:13:32

    you're making it explicit – 'this goes here'. On the table, you're doing something that's more *fluid*; 'this sort of goes here'. And you might sometimes put something halfway between; you might – you know – have a general clumpiness over here, without necessarily specifying the exact order. So, that ability to have something that's flexible and yet allows you to create some structure. So, you notice I'm using the *two-dimensional space* a lot.

  28. 00:13:32 --> 00:14:02

    I'm using the *physicality* of these things. Again, it's not that there aren't digital tools that might help you with these. And it was very easy for me to add extra things to those paper cutouts, add whole new ones or annotate them. And then, finally, there was that *putting them into little piles and folding them over*. And what that's doing is taking – I've done a structuring job, and creating even more overview in a sense I'm putting things together; I did make a commitment;

  29. 00:14:02 --> 00:14:33

    I've made a commitment that my pile is now a unit that's perhaps going to become a set of videos or set a slides, a chapter in a book, whatever it is that you're organizing. But also, by putting the *label* on, that then becomes a single unit that I can look at with others. So, I can perhaps then do that large-scale structuring that says, 'Well, I think that group probably belongs in front of that group.' So, again, a lot of this is about giving yourself the ability to

  30. 00:14:33 --> 00:15:02

    *control the material, rather than the material control you*. Finally, I'm going to talk about the *overall process*. So, we've looked at the single stages during the day. First of all, a lot of the early stages are trying to make the most of what you can think of as *fluid creativity*: that idea is generating, the divergent stage.

  31. 00:15:02 --> 00:15:31

    Putting yourself or *being aware and ready to listen*  during the times when that's likely to happen. And it tends to be these mind-wandering moments; it tends to be in the shower, waking up, washing dishes, going for a walk, going for a run if you're more of a runner, cycling – whatever you do; not watching the television, not social media, but things that give you that ability to be open. So, *making the most of those when they happen*;

  32. 00:15:31 --> 00:16:02

    then *rapidly capturing*, and trying to reduce any barrier to capturing those ideas, making as fluid, as simple as possible. *The desire for perfection often gets in the way.* So, it's about making it *low commitment*, so as I write the things down I'm not saying this is the order they belong in, because later on I know I'm going to reorder them. So, by knowing I'm going to have a stage later, I can be less committed and therefore

  33. 00:16:02 --> 00:16:31

    more fluid, more rapid, less worried – all of these things block any sort of creative activity. The other thing you noticed – now, this varies from time to time, from project to project, but this was a very bottom-up process. Now, sometimes you have a top-down process where you have an overall structure and you're trying to fill in gaps. This was one where I had lots of things and wasn't quite sure how to put them together. And, again, the way in which you process things will vary.

  34. 00:16:31 --> 00:17:05

    So, the things I was doing that morning were much more about individual ideas sparking off and then how to build those together into something with coherence. There'll be other projects where actually the  overall structure is a clearer one and it's a finer-scale one you want. Although actually what I tend to do is repeat a process that's not vastly dissimilar to this for each stage down, so I sort of do something that's between a bottom-up and top-down; I'm sure most processes are. Another thing – the *transcription*; so, there was the writing down, but also once I've written things

  35. 00:17:05 --> 00:17:34

    on paper, transcribing them to a computer  is a non-creative process. It's not quite the same as having a shower, where your mind is just doing anything. I've got to be typing these words, but I'm doing something that's a relatively mundane, repetitive or easy-to-do task, but is related and is tied into the thought. So, I'm transcribing the things that I want to think about. So, it's both something – it's a bit like being in a shower, but being in a shower that's about the topic.

  36. 00:17:34 --> 00:18:01

    Again, that cutting out is doing the same: I'm cutting out slides, I'm doing a mechanical process – *physical processes are very good for creativity*. They make all sorts of nice things flow through your brain; you can get the neuroscience of this, but you sort of get all these nice neurotransmitters flying around when you do physical processes. But it's not just a random physical process; it's one where while I'm cutting out, I'm constantly seeing those ideas and seeing the individual one.

  37. 00:18:01 --> 00:18:34

    So, when I come to do the structuring my mind is already doing that. And the other thing is I started off in my bed, waking up; I moved to the shower; I was washing up, went into the office, sitting down at a desk. Different physical spaces often encourage different modes of thought; and, again, being aware of that. *For you, they're likely to be different ones.* Sometimes, it might be a formal situation, informal ones. You might have all sorts of different situations, but

  38. 00:18:34 --> 00:19:02

    understanding, beginning to get that sense in yourself that if you want to do a certain sort of activity maybe by doing this – it might be that you have a laptop for certain things you do and a desktop computer for others. So, it might be about the devices you use; it might be about the physical locations, all sorts of things. Even changing your t-shirt, but changing things and becoming aware for yourself of where those changes are likely to happen,

  39. 00:19:02 --> 00:19:33

    because again – I've said it several times; I'll say it once more – *we're all different*. So, I've given you a snapshot of a day or a portion of the beginning of a day in my life with the things that helped me to function. The things that help you to function  will be different; so, part of it, some of these might be good things to learn for yourself – you might find they're useful. But part of your journey of creativity is learning what works for you and makes you the best possible person.

What is the difference between information visualization and infographics?

Information visualization and infographics play unique roles. Human memory is visual, often remembering images and patterns more than raw data. Information visualization capitalizes on this aspect. It simplifies complex data through graphics for better understanding. 

This article gives valuable insights into the properties of human memory and their significance for information visualization.

Infographics portray information in engaging formats, often for storytelling or marketing. Both use visuals, but information visualization prioritizes clarity for users and turning data into usable insights. However, the latter focuses on effective communication and engagement.

Is Information Design the same as data visualization?

No, Information Design and data visualization are distinctive in their objectives and applications. Information Design is a broader concept. It helps organize and present information to improve communication in the bigger picture. It considers the text, images, and layout to convey information effectively. 

On the other hand, data visualization translates raw data into graphical representations. It extracts meaningful insights and patterns. The approach focuses on visual elements to simplify the analysis of complex datasets.

What are the seven stages of information visualization?

Information visualization is a process that transforms complex data into easy-to-understand visuals. The seven stages include: 

  1. Data collection: Gathering relevant data from diverse sources to form the basis for visualization.

  2. Data analysis: Examining and processing the collected data to identify patterns, trends, and insights.

  3. Data pre-processing: Cleaning and organizing the data to make it suitable for visualization.

  4. Visual representation: Choosing appropriate visualization techniques to represent data accurately and effectively.

  5. Interaction design: Developing user-friendly interfaces that allow meaningful interaction with the visualized data.

  6. Interpretation: Enabling users to interpret and derive insights from the visualized information.

  7. Evaluation: Assessing the effectiveness of the visualization in conveying information and meeting objectives.

This article provides a comprehensive overview of the data analysis process and explores key techniques for analysis. 

What are the benefits of information visualization?

Information visualization helps people understand data and make decisions. It turns complicated data into easy-to-understand visuals. This makes it easier to see patterns and get a good overall picture. It also helps people communicate by showing information in a visually exciting way. Visualizations empower individuals to interact with data, enhancing engagement and enabling deeper exploration. Additionally, visual representations facilitate easier retention and recall of information.

What are the cons of data visualization?

Data visualization has advantages and disadvantages. One big challenge is misinterpretation. The visualization of data can be misleading if presented inappropriately. It can also lead to false conclusions, especially for those who do not understand the information.

Another major problem is too much information, as this article explains: Information Overload, Why it Matters, and How to Combat It. A crowded or complex visualization can overwhelm users and make communicating difficult.

Also, making good visualizations takes time and skill. This can sometimes be challenging for newbies.

Is data visualization easy?

Data visualization is a powerful tool. Creating valuable and impactful visualizations requires a combination of skills. You must understand the data, choose suitable visualization methods, and tell a compelling story. All this requires a good understanding of data and design, as explained in this video.

Interpreting complex data and choosing compelling visualizations can be challenging for beginners. However, leveraging available resources and enhancing skills can simplify data visualization despite the occasional difficulty.

Where to learn more about information visualization?

Check out this course to learn more about Information Visualization. The course also explains the connection between the eye and the brain in creating images. It looks at the history of information visualization, how it has evolved, and common mistakes that you must avoid in visual perception.

It will teach you how to design compelling information visualizations and use various techniques for your projects.

Earn a Gift, Answer a Short Quiz!

  1. Question 1
  2. Question 2
  3. Question 3
  4. Get Your Gift

Question 1

What is the primary goal of information visualization?

1 point towards your gift

Literature on Information Visualization

Here's the entire UX literature on Information Visualization by the Interaction Design Foundation, collated in one place:

Learn more about Information Visualization

Take a deep dive into Information Visualization with our course Information Visualization .



Information visualization skills are in high demand, partly thanks to the rise in big data. Tech research giant Gartner Inc. observed that digital transformation has put data at the center of every organization. With the ever-increasing amount of information being gathered and analyzed, there’s an increasing need to present data in meaningful and understandable ways.

In fact, even if you are not involved in big data, information visualization will be able to help in your work processes as a designer. This is because many design processes—including conducting user interviews and analyzing user flows and sales funnels—involve the collation and presentation of information. Information visualization turns raw data into meaningful patterns, which will help you find actionable insights. From designing meaningful interfaces, to processing your own UX research, information visualization is an indispensable tool in your UX design kit.

This course is presented by Alan Dix, a former professor at Lancaster University in the UK. A world-renowned authority in the field of human-computer interaction, Alan is the author of the university-level textbook Human-Computer Interaction. “Information Visualization” is full of simple but practical lessons to guide your development in information visualization. We start with the basics of what information visualization is, including its history and necessity, and then walk you through the initial steps in creating your own information visualizations. While there’s plenty of theory here, we’ve got plenty of practice for you, too.

All open-source articles on Information Visualization

Please check the value and try again.
  • 1
  • 2
  • 1 of 2

Open Access—Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help us democratize design knowledge!

Share Knowledge, Get Respect!

Share on:

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this page.

Interaction Design Foundation - IxDF. (2016, June 1). What is Information Visualization?. Interaction Design Foundation - IxDF.

New to UX Design? We're Giving You a Free eBook!

The Basics of User Experience Design

Download our free ebook “The Basics of User Experience Design” to learn about core concepts of UX design.

In 9 chapters, we'll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

A valid email address is required.
315,577 designers enjoy our newsletter—sure you don't want to receive it?