Informational Design, Post 5

Source: Where things come from from Hardy Seiler on Vimeo.

For this blog post I found a motion video as an info graph. Being that our next project will focus on making a video it was relevant to explore how to use motion and moving objects to describe information. This video is using a lot of good transition and the voice speaking is making it all more interesting, mixed with some timed sound. It is using complex but simple illustration, keeping it accurate and abstract at the same time. You can understand the different objects through the most essential details and shapes, as well as the voice speaking, yet it is still using the 3d space with more geometrical feelings. One thing that could be done better and made it even more straight forward is the text used is in another language. This might have been made for a separate language original, but then if made in to another language this should be in considerate. For when watching the video, not understanding the text made it less efficient and felt less intentional compared to how it could have been with an accurate text.

Source: The app called Maps, on Apple Iphone.

As for my informational graph found in everyday life I am looking at the instruction for maps on my phone. It is showing how to get from one place to another through transit, and in this case through bus. Being Seattle there are usually pretty descent options, and this app does an ok job explaining the route and the buses to take. The way the first screen (left photo) is showing a map with a line between start and finish is helpful to get the overview. By also adding the smaller dots, looking the same as start/finish only smaller, makes the viewer understand that those are bus stops, but not the end. To show the place where one needs to switch bus, the dot becomes all blue and there are an address above as well as the numbers of the busses. It is copying the icons from below. By having the green dot on the end it is clear which dot is the goal compare to the starting point. Under the map we can see more clearly how long the trip will take as well as how many transits and which buses to take. When clicking on the route there comes up description describing the trip step by step for an even more clear direction. When clicking on the GO button it will show the screen below. By using a darker color behind the main text it creates contrast to easier follow along, and the line is divided on the places to show where to walk etc. The information in the app is pretty straight forward and even more so, it is using consistency in color, shapes, lines, icons etc. This makes it easier to understand the steps which makes it easier to follow along if needed.img_0759Source: The app called Maps, on Apple Iphon

Advertisements

Informational Design, Post 4

fd10304715e12e86a3ab7fe92f5ae450.jpg

source: http://www.socialmediatoday.com/social-business/building-perfect-content-sandwich-infographic

This infographic is showing how to think about putting together your linked-in account. It is interesting to me how they chose to show it through a sandwich, using a food item, when talking about being professional. However, the use of photography in this infographic seems to be working well with a clear sense of direction, contrast of color but still within the same color scheme. It does a good job of a showing the different layers, making it easy to follow every step. Especially since most people have made their own sandwich at some point, it is likely to be easy to relate to for many people. For me this works, it is a fun and cleaver way to look at key content. It drew me in to be interested in reading more and a fun and visual way of understanding information that otherwise can be less fun or overwhelming. However, I can also see it not working, with people wanting to have it more serious being an important information.

 

IMG_0579.jpg

From: Sleep cycle, app.

For this one I am using an example of information that I get through a sleeping app that I started using a couple nights ago. It shows me how long I have slept each night, and my average hours per night. It also shows more specifically how I am sleeping in terms of being awake but in bed, sleep and deep sleep. It also shows how many steps I have taken during the day. Overall I like this info graphs. It does the job of letting me know how I am sleeping and for how long, which in the long run can help me decide when the best hours for sleeping are. I do wish the graphs on the top showed more clearly where the limit of sleeping, deep sleeping or being awake are. The line weight and colors are easy to read with good use of contrast and clear and simplistic design.

Informational Design, Post 3

27199BEA00000578-0-image-m-36_1427632325320.jpg
Source: http://www.dailymail.co.uk/travel/travel_news/article-3016800/How-beat-dreaded-jet-lag-Infographic-reveals-long-haul-holiday-best-start.html

This infographic above is showing how to best avoid Jet lag when traveling, and it goes from before to after. It is divided in to three different sections, and they are all separated through the background color. I think the info graph is working overall, there is a clear direction on where to look through numbers telling the order but also through a line that is following the path down. The line helps showing when to look on the right or on the left side. The illustrations are mostly consistent with line weight and color palette, however on some parts they seem a little crowded. I do enjoy the overall graphs feel being that it has more of a story to tell, and not just shows the information. It is as we go from space in to the air and then are landing on the ground, tying in to what they are talking about jet lag and flying etc. Going from cloud to cloud when showing the information helps leading your eyes and it makes it easier to relate to what is said.

From Blue Apron.

For the information design found in environment I am looking at one from Blue Apron. Blue Apron sends out prepared meals, with groceries all ready to cook right away. These designs are then a form of recipe, to help guide in what order to use the produce and how. They are doing a good job of keeping it clean and clear, and it is helpful to see the photographs. This is an example where it is working well to see photographs, compared to illustrations. On the front (left image) we can see an overview of the finished meal, and underneath is the specific ingredients needed. I really enjoyed how they showed these in the accurate amount,  and in such a clear way. It makes it easier to make sure you have all you need in a faster way. On the back there is more text with instructions, but on their left side there are images showing the process, and having those numbers and images is often helpful when cooking. The color, use of whitespace and icons are working well for this sort of design and it is easy to know where to look and what to do.