M4: What Does Interactive Bring to the Table?

 Interactive Infographics and Standard Infographics are both forms of information visulaization.

        Interactive takes Information Design a few steps further by being able to view animations, click links, and have a richer expereince. With Interactive you are busy surfing around and trying to delve into the content. The disadvantage of this is load times and the possiblity that the designer had tried too hard to wow you with the interactivity and not enough content.
      Although, there is simplicity and order in a standard Infographic, everything is layed out in a single form. You must spend the time to scan and digest the information. With an infographic, it can be viewed online as well as printed in several formats. Sometimes its nice to have the tactile feeling of holding a piece of paper or brochure.

       For each form, the designer must be aware of the design elements at play. In this website https://mashable.com/2012/07/09/how-to-create-an-infographic/?europe=true#RAPIwu23R8qo
was organized very well to describe the process of creating an Infographic. It's interesting to note that step 3 goes right into Color Schemes, which really shows how important color relates to us visually. It is also just as important to think about the Cognitive aspect of what is trying to be shown. "Understanding constraints and cognition and visual perception is ESSENTIAL to the way we visualize information"(9 Meirelles)

For the interactive example given http://isabelmeirelles.com/infoDesignResource/ I felt was a bit dated. There are so much better examples out there of interactive Infographics sites and they are amazing. It is good to see the gestalt design principals being used especially as interactives and explain how important these are to help focus content.

This Site https://www.ge.com/world-motion  showcases GE as the leader in digital tech. It has a 3d interactive globe with spatial distribution of its tech. When you click the pins on the globe an interactive infographic pops up to display more information, graphs, videos


Another really interesting Interactive site http://spacecraftforall.com/contact  has a space map with paths of ISEE 3 spacecraft and shows the achievements of space exploration with this craft. It has corresponding video for each portion of the timeline. It can be clunky and difficult to manage through. It is also best viewed with google chrome which limits its usage.

For standard Infographics, I found this Infographic https://visual.ly/community/infographic/technology/infographics-benefits-their-use-online that talks about Infographics and the statistics relating to how much easier it is to scan rather than read a wall of text.

With the ever increasing capabilities of technology, Interactive Infographics will surely explode and evolve. As designers and users of this medium.  I also think it is important to stay grounded  in the basics and foundations of design principals, so we are not overtaken by the technology but rather use it for our benefit. It is also important to stay grounded in NON-Digital means and our non-digital realities and it is something that has been overlooked at.



 REFERENCES CITED:


Meirelles, Isabel. Design for Information. Rockport publishers 2013

http://isabelmeirelles.com/infoDesignResource/

https://mashable.com/2012/07/09/how-to-create-an-infographic/?europe=true#RAPIwu23R8qo

https://www.ge.com/world-motion 

http://spacecraftforall.com/contact 

https://visual.ly/community/infographic/technology/infographics-benefits-their-use-online 

 

Process of Information Design

Here is a link to it on Youtube https://www.youtube.com/watch?v=iFor6pKl6ro



I decided to do an info-video presentation on the process of Information Design and thought this would fit in nicely to describe the content covered. In the process of how information design is developed is unique per project. The order in which it’s developed can be overlapping and in different  combination orders. There are also many different types of Information Design and each has its own unique sense of workflow and design issues.
 What I would've added more to this is focus on the pipeline and workflow of the design process. The standard operating procedure of the team involved.

For me the most important aspect would be at the development stage. This is why in my video I tried to explain the overlapping nature of testing and developing and how the look and feel would change throughout.







Link to my script and storyboard

https://tlenzinformationdesign.blogspot.com/2019/03/process-of-information-design-script.html

                                     This is my Storyboard flowchart for the presentation video

Process of Information Design Script and storyboard

Scene 1. Title 

Scene 2. It starters with an Outline.  Handwriting animation

  Which describes the big picture. Computer monitor pops up.

Scene 3 Content is collected. Animations of files and floppy disks

  And organized. Animation of computer screen with file inside

Scene 4. Audience requirements are gathered. Animations of characters

  Research has begun

Scene 5.  Creative Brief. Should include:client and project info, goals and logistics, approval by client.

Scene 6. Site map. Wireframes ( with descriptions). Corresponding symbols inserted

Scene 7. Client meetings, internal team meetings, mockups and scenarios, personas, testing and surveying.

Scene 8. Research, development , testing. All popping up, fading and repeating in different fonts and colors

Scene 9. Release. Animation of sub design element and the word coming on screen.

Reference cited