Informative Design

informative-designInformative design is the design of either statistics or facts that are pictured in a different way, other than just words, to help a viewer interpret the information in a more creative way.  As someone who absorbs more information through visuals, I find informative design to be the most effective way to teach something, rather than just verbally.

In the example I have chosen, there are different statistics that are being pictured all within one theme.   A “sinking ship” is synonymous for a company that has become bankrupt and is failing.  There are boats of different sizes to symbolize different sized companies that have committed bankruptcy in history, with the Lehman Brothers being the biggest at 691 billion dollars in bankruptcy.  The boat size has its own key at the bottom of the graph.  Also, which I thought was creative, the color of the boats symbolize different sectors of the market– like finance, energy, air travel, real estate, etc.  This has its own key in the margin at the bottom as well.

Coffee or Tea?


This graphic was created by a Malaysian designer, and the information relates to Malaysians specifically. Nonetheless the statistics don’t seem that off from any average society. I was drawn to this chart for a few reasons, first being that I drink coffee everyday and found the graphic interesting. The second reason being the color, the ones chosen are very warm and inviting and give a coffee shop feel. Design wise, the information is very easy to read and the layout is crisp and organized. The typeface is also straight forward while still fitting the theme of the design. The fact that the designer took a creative twist on presenting these statistics adds visual interest to the work. It makes it more interesting to the reader rather than presenting any average graph. Also worth noting is the use of a different layout for each statistic, giving each group it’s own illustration ensures the reader won’t become confused. Personally, this graphic is very pleasing to look at overall, it could even be seen as something hung up in a cafe. Which is why I believe this is a good representation of information design.

Information Design: Why Do Freeways Come To A Stop?

I was first drawn to this diagram because of the content it was covering. The title “Why Do Freeways Come To A Stop?” is something I’ve always thought about and the visual description really helps to grasp it. Where the road bends helps to show where traffic slows down and jams up which is a good example of an information design because your mind easily makes the connection. I also feel the design is very youthful and easy to read and comprehend. The funnel effect is also easy to understand based on the images side- by-side. The faint red oval behind the second funnel also helps to easily make the connection that there’s a problem with that method.freeways

Breakfast foods: Girls vs. Boys

I think this chart is a very good example of a informational design. I think its a good example because its a very realistic design, and is made in a simple but very effective chart. It shows the different breakfast foods, and shows the different number of students. They show the difference between what number of girls that eat each food, and the number of boys who eat the different foods for breakfast. It was developed as a Joint Project of the Braille Authority of North America and the Canadian Braille Authority L’Autorité Canadienne du Braille.



Salary Guide for UX Design


As someone who is trying to break in the UX field, I frequently look up information pertaining to UX design jobs. One image I found was this infographic that gives salary information depending on the city. This image provides an excellent way to find out more about salaries in this field and I would consider it a good example of information design.

The reason I find that it is designed well is that it is very intuitive in how the information is presented. The big bubbles that hover over each city give the user a glimpse of the income potential in each city. In addition, there are lists and pie charts that go into greater detail regarding the professions in demand and salary range. I think visually, there are many aspects to this design that I would consider appealing to the user. The font is playful yet easy to read, information is laid out thoughtfully and carefully, and the color scheme is light but pleasant.

Overall, I think this infographic provides a solid foundation for someone like me who could use this information to understand the field better. Visually striking and isn’t overwhelming, the design lends itself to people who want to learn more information on salaries for UX jobs.


Information Design


I believe this is a good example of information design. I think the pictures of the fruit and use of percents is effective because it is showing the viewer that this product is a smoothie like drink. It is in a language other than english and I am still able to tell that these are the components of the smoothie drink being advertised. The drink is small on the bottom but it is essential to this design because without it someone who didn’t speak this language wouldn’t understand why there was sliced fruit with percents next to it. Even though this is in a different language I can clearly understand that the drink has orange, banana, lemon, and pineapple in it. I even know exactly how much of each fruit is in the drink. This is not a complex design but as the viewer I can grab so much information from it without even having to read the text provided, making the design very informative and successful.

Information Design


This information design above was made by Lisa Mahapatra and talks about how more people are living alone causing the decrease of families. I found the color scheme of this information design to be very enticing and what caught my eye while looking at different pieces of work on Mahapatra’s website. Also using different color opacities allows a reader to understand a sense of hierarchy before even reading the piece. Also the grey background allows for the rest of the words and graph to pop on the page.