Final Project

        For our final project, we decided to display a tri-fold with all different aspects of our visual communications class this semester.  We are trying to achieve a beginning understanding of what this course entitles, and to give students who are interested in a visual communications major or minor a    preview of what is to come. 

      We first created three pie graphs, all displaying the same data.  We did this purposely to show what a good pie graph looks like, a decent one, and a perfect one.  The three graphs display how this course, can help communications students better visualize and display their thoughts more clearly. 

      Next we decided to display a mind map, because we thought this is one of the best brainstorming activities.  For the holidays we decided to display a mind map with Christmas located in the middle cloud.  For interested visual communications students, this is an activity that will get their brains to start flowing with ideas.

      On the far right side of our poster, we displayed a flow chart that gives detailed instructions on how to change your major or minor to communications.  Not only does this give a detailed, straightforward set of directions, it also appears to be the last piece to be looked at.  We decided to place it at the end, so that if students have become interested in a major or minor in communications, they will know exactly how to switch their major. 

     On the top left side of our poster we decided to show different type of bar graphs to show our persona the statistics about the program but also something else they will learn in this class. The statistics provided will help the student with how many people are in the program, how many are men and women and how many stay in the program or drop out of it later in college.

       For this final presentation we sat down and brainstormed the many ideas that we learned in this class through the semester and chose the main ideas that stood out to us the most from the semester. When choosing the ideas we placed them in a controlled collage and then put the most important if the student would want to transfer at the end. We decided to put a giant mind map in the middle of the poster because we all thought that this was the most important idea we absorbed from the course.

Storyboard

In my first storyboard I show the picture of the little girl in the orchard first. I used scene to scene in order to show how the paths between the fruit trees will someday turn to roads that go further and further away from home. In the second scene, the backyard has turned into a long path in an immense forest. In the third picture the road is final pavement indicating that the girl is now able to drive legally. The fourth picture shows a road that has now departed from the lush forest in exchange for the fast paced city life.

In the second storyboard I used the children setting up to block a free kick picture and the man praying picture. I used them next to each other in the middle of the story. I tell a story of a day filled with soccer. It is a tournament, but only one team will walk away victorious. In this storyboard I utilized action to action and scene to scene. The first pictures gives a general background setting for a soccer match. The second is an action picture taken during a game, and the third is a man praying for one of his children who are playing that day. The fourth picture shows that out of all the teams in the tournament that day there could only be one winner.

Graph and Chart

For the chart I gathered information from a data set that searched for on the Roger Williams homepage. I chose to select data from a collection tuition amounts over the last 10 years. The data included too much information to include in one graph and needed more than one measuring stick so I choose only information I knew I could represent graphically (commuters vs. non, arch vs. non, undergrad/grad ect.) I chose to focus on tuition, resident fees, and room and board for an incoming freshman student. 

It was hard to get Excel to show the graph the way I wanted it. The proportions were hard to get right, and it was difficult to call in the proper cells for each piece of graph information. After getting everything to look accurate in terms of the way the graphical information is displayed on the graph, I began to explore the different graph types. The line graphs seemed to be easiest on the eye with limited cognitive load. I chose the 3-D line graph because total and tuition lines overlapped became distracting with a regular line graph. I would have liked to get the X axis labeled years, and the Y "Dollars in thousands" to allow the dependent variable to become integrals of 1 (1,2,3,4,5). 

The single most important thing that is missing from the graph (unless seen with the table) is a title. A "Undergraduate Tuition and Required Fees" title at the top of the graph would have further reduced the cognitive load.

Flow Charts

I did not have an amazon.com account before this flow chart, so the only way to complete the assignment was to make one. It was interesting to be experiencing the book buying process online for the first time by creating a flow chart. It was not easy and took a couple renditions. The search box is the most comprehensible tool of any website, which is why I chose it as for the main processes. The subsystems I created with my decision diamonds ensure that the viewer has an amazon account, and that they are able to search for any book or a specific text. The flow chart also walks the viewer through the technical elements of the check out process.

I miss-read the cognitive load/dual coding flow chart assignment. Instead of creating a flow chart for either google scholar or bing and cognitive load or dual coding, I created a flow chart combining all of the options. In order to create a process icon by which the viewer understood to search more than piece of information I inserted a data icon which is represented by a parallelogram. The subsystems in the flow chart are created by two decision icons. The first guarantees a suitable collection of documents returned from a search. The other subsystem allows the viewer to read documents from the suitable search return, but only bookmark the ones which are suitably revenant to the topic. A larger subsystem allows this entire process to continue so that multiple research documents can be gathered.

Explanation Graphic

The Information Graphic I choose to improve is made by a county health system in northern California called Contra Costa Health Services. The graphic itself is a flowchart detailing how to deal with a flu outbreak at a local school. I choose it because it took me a long time understand, so I figured there was a lot of cognitive load problem solving to be done. I also had a couple of ideas to help improve the dual coding used in the flow chart. I am very happy with progress I made between my first couple of attempts and my final graphic.

How to Make a Spaghetti Dinner

In order to successfully transmit the information need to make a spaghetti dinner I first drew all of the components in the top left corner. The components are a box of noodles, a jar of tomato sauce, two pots, two wooden spoons, plates and utensils, and a strainer. The first graphic represents both pots under high and medium flame (water in one under high flame). The second graphic shows the transfer of the noodles into the water-filled pot and the tomato sauce in the pot under medium flame. A simplified clock attempts to show the amount of time to cook the noodles, and the spiral arrows next to the wooden spoons represents stirring the sauce and noodles. The next step shows the straining of the the noodles, and the transition of the two ingredients into separate bowls. Once the cooked ingredients are placed on a table or eating surface the spaghetti dinner is complete. 

Botts Lawn Care

For Bott's Lawn Care decision support graphic I wanted to make sure it was clear that a healthy, thriving lawn does not need treatment. I was conflicted on how to arrange my graphic on the page, so I made two attempts. Both are organized vertically. My second graphic (top) feels more cohesive because the bold arrows create a focus toward the fertilizer types, and the proximity of the two types of grass health. I was also conflicted about how to represent insects vs. no insects. Although the top graphic appears more visually appealing, it is actually the one with some unintentional mistakes ("boots," A and B fertilizer types switched). The "X" through the insects on the first graphic represent the conditions better then the absence of the insects in the second drawing. Thinking about it now, it would have been really hard to depict health vs. unhealthy grass without the use of color.