NA | Communication Diagram Continued

After finalizing our communication diagrams from VIS LANG, we are now using them in NARRATIVE class. Our project is to create an interactive communication diagram, showing how the system of communication works.

IDEA #1: Make my diagram grow. Start at Source A and have the user be able to click and make the loop grow, all while popping up descriptions and labeling of the diagram. This would able the viewer to read at their own pace, while learning the way the diagram travels.
IDEA #2: First view would be the fading in of my diagram, then zooming down to the Source A and traveling along the loop/channel path in a 3D view of the model. The descriptions would pop up as it travels, allowing the reader to read it. This would not allow the user to have control. At the end, upon returning to Source A, the view would zoom out.
IDEA #3: Having my diagram be static and black and white muted form. Then as the viewer places their mouse over the communication element, it would glow with color, and telling what it is (Ex: MESSAGE, ENCODING, etc) If the viewer chooses to click the glowing element, it would pop up the description and give examples and further information about the element.

 I am aiming towards #1 or #3. Mostly because I like the fact that the viewer would have the power to choose what they want to learn, and how fast they want to proceed. Though #1 is more appealing because it would have more motion and interaction.

VIS LANG | Communication Diagrams

After reading about the systems of communication and studying the fallowing diagrams:

We then began to create our own, using all of the information we gathered form the lectures, reading, and diagrams.

first drawing them, then creating digital. These are a few examples of this process. I made sure to incorporate the Source, Transmitter, the message, receiver, and noise. But at the time I had forgotten the channel and channel. After studying the information again. I began to redo my diagram.

 I went with using somewhat of a looped communication diagram. I began to experiment with gradation and color to separate specific elements within my diagram.

Then I worked on the final details of my diagram:

Then I tried using a key to show my digram's elements. I decided this wasn't as user-friendly as it could be...

I then placed the labels next to the corresponding pieces. I liked this better, But to finalize it, I added lines and more color to text.

Finally arriving at this:

Soon I will document the next steps we are taking with the digrams. We have used these models to understand and practice by creating tools the relate to the simulation we participate in a few weeks ago.

My partner, Ben and I are now creating a map that will focus on people of poverty, and helping them with their unfortunate situation. We will be creating a map of the bus routes of the Kansas City Metro, making them easier to read, gain knowledge of riding, and create a system of communication to better them.