Informational Design, post 2

tube-map.gif

Source: https://tfl.gov.uk/maps/track/tube

The image shows information about the tube in London, and works as a map. The point of it is to show people where the different tubes go and where they connect, so that if you are traveling underground you can figure out which tube to take and from where etc. It uses different colors to do so and each color represents a tube, and you can find the matching one in the right lower corner. To the left lower corner you can see an explanation of the icons, which could be helpful for people who’ve never used it before. The majority of the information can be seen in the center, where are the lines are drawn out exactly where the different tubes go. This really helps to clearly know where some of them meet and what directions they will go. It shows how much the color can give information, for even though there are many lines going different directions, it is easy to figure out which goes where. This is helpful when planning a trip etc.

As for the second info graph I am looking at one that is on the package of a laundry detergent. It is showing both instruction on how to use it as well as information on the detergent itself. On the front (right image) there are multiple icons showing different information. On the top there are a straight forward illustration explaining how to open and close the bag. A little underneath it, to the right, there are three icons showing how the detergent is using a 3in1 method. This is shown well by having the same shape background and the same color and style for all of them, connecting them even more with the plus icons which people easily recognize fast. To the left corner there are symbols showing the danger of the detergent. On the back (left image) there are also multiple icons used to convey information. The main one is shown with a blue background, giving it more contrast and standing out. The information are showing instructions on how many tablets that are needed for the size of laundry. The icons themselves also seems more detailed and are more realistically colored, which helps with the standing out part. Overall I think the icons are working well and they help show the information. The colors are used well, matching the overall colors but at the same time contrasting enough to be seen.

Advertisements

Informational Design Post 1

1d45e690b2fd1c5b3bb2a69be8ca8372
Source: http://www.bestcomputerscienceschools.net/selfies/

In the infographic above it is explained and shown how the social media are affecting people. This might feel a little extreme but it is an interesting way of looking at how social media are affecting people. It is still a relatively new research, however this infographic seems to be accurate with a lot of research and sources to back it up. It is using color codification as well as shapes codification to keep consistency. There are blue circles throughout the illustration that shows focal point and therefore helps the information to be more efficient. The line weight feels consistent overall as well as the color. By using a more calm background color the orange and blue stands out, which also helps in knowing where to look.

FullSizeRender.jpgFrom: JVC Emerald FT/FL Series Quick Start Guide.

This is an infographic I found the other day when figuring out how to connect my DVD-player to the TV. It is originally in black and white, which to me makes it harder to understand. It would have been a lot more effective is they had used color codification. Especially when trying to match the right cable to the right outlet. Instead I had to do more of a trial and error version to figure it out. There are some words but mostly it is just illustrations, however the lines and arrows helps to show the instructions in a more efficient way. The layout of the graphs could be position in a more straightforward way as well, and I think some more whitespace would help.