Information Design / Flip Classroom
Lulu Luisa Linardi / 0349358 / Bachelor of Design (Hons) in Creative Media
Information Design
Flip Classroom
LECTURES
 |
| Fig 1.0: Thumbnail |
FLIP 1: Different Types of Infographic
1. Statistical Infographic
The best infographic if you want to visualize survey results, present data from multiple sources, or backup an argument with relevant data.
2. Informational Infographic
The best infographic for clearly communicating a new or specialized concept, or to give an overview of a topic.
3. Timeline Infographic
A visual like timeline infographic can assist build a clearer picture if a timeframe since humans try to make sense of time geographically. Lines, icons, images, and labels are all visual aids that serve to highlight and clarify moments in time.
4. Process Infographic
The finest infographic for providing a summary or overview of the steps in a process, which is usually follow a straightforward top-to-bottom or left-to-right flow.
5. Map Infographic
The best infographic to present demographic data or share location-based information, which is usually presented in the form of a map with icons and color-coded regions.
6. Comparison Infographic
This infographic is commonly used to help providing clarity when deciding between two or more objects, places, ideas, or concepts.
7. Hierarchical Infographic
This infographic organizes information into pre-defines levels from greatest to least and how they are connected.
8. List Infographic
This infographic is generally straightforward. Visuals like icons can be replaced by bullet points, creative fonts, and colors that can make each item stand out.
9. Resume Infographic
This infographic is a terrific visual document to bring to an interview, publish on a portfolio site, or send through email.
Link to Presentation Video:
Flip 1: Different Types of Infographic
Flip 2: Saul Wurman’s L.A.T.C.H
L.A.T.C.H is a method of information organization that consists of 5 principles, which are:
1. Location
The method of arranging information according to its geographic or spatial source. It is typically presented as maps, bar chart, or line chart to provide visual clarity.
2. Alphabet
This arranges information by the initial letter of the item name in their alphabetical order. Organizing information alphabetically works really well when people know specific terms and topics they're looking for.
3. Time
This scheme uses the temporal nature of content of organizing information. Time is an easily understandable framework from which changes can be observed and comparisons made.
4. Category
Can mean different models, different types, or even different questions to be answered. It is grouped based on subject matter and information type. This helps user to process information, to remember, and integrate new information.
5. Hierarchy
Arranging information by any order, i.e: size, cost, popularity, percentages, ratings, by order of importance, etc. The hierarchy structure will save people the frustration of looking for and understanding information.
Flip 3: Miller's Law - Chunking
Chunking is a term referring to the process of taking individual pieces of information (chunks) and grouping them into larger units. It is a concept originates from the field of cognitive psychology. By grouping each piece into a large whole, you can improve the amount of information you can remember.
UX professionals can break their text and multimedia content into smaller chunks to help users process, understand, and remember it better.
One of the key concepts behind Miller's Law is "Chunking", which basically means assembling various bits of information into a cohesive gestalt. Miller's Law directs us to use chunking to organize content into more manageable groups. This helps users process, understand, and memorize more easily.
How to best utilize chunking on an infographic?
- Determine the content hierarchy of a course
- Decide whether or not to include all content
- Organize the content (grouping them by their similarities)
Chunking in UI/UX Design
The advantages of chunking:
- Creates a good first impression (with well-organized design) for users
- Leaves users feeling satisfied as they have found what they've looking for
The Use of Chunking in Web Design
Efficient web design is largely a matter of balancing the relation of menu, or home, pages with individual content pages.
Some strategies to organize contents on website:
- Create content chunks
- Figure out the key points
- Play well with the styling, sizing, spacing, and placing of the content chunks
- Add links to content chunks
Information visualization is a process that transforms abstract data into visual representations of semantics that attempt to communicate complex ideas clearly, while allowing the user to query the data in real-time.
Manuel Lima’s Information Visualization Manifesto provides a working list that can help provide clarity on what Information Visualization through 9 directives, why information visualization differs from information art or infographics.
Because these are some of the best recommendations for industry standards, they have been examined below:
1. Form Follows Function
“The purpose should always be centered on the explanation, which in turn leads to insight.” Start with a Question: Your work should always be driven by a query.
2. Interactivity is Key
Allows for investigation and learning through discovery.
3. Cite Your Source
Always disclose where your data originated.
4. The Power of Narrative
Humans love stories
5. Do Not Glorify Aesthetics
“Should always be a consequence and never a goal”
6. Look for Relevancy
Why are you visualizing the information?
7. Embrace Time
Time is difficult to work with but rich
8. Aspire for Knowledge
“A core ability of Information Visualization is to translate information into knowledge. It’s also to facilitate understanding and aid cognition.”
9. Avoid Gratuitous Visualizations
“Should respond as a cognitive filter, an empowered lens of insight, and should never add more noise to the flow”
INSTRUCTIONS
Flip 1: Diļ¬erent Types of Infographics & Online Tools
Students are told to pick one free online infographic tool and re-design one poorly constructed infographic poster through their own experimentation with the selected tool. We also need to record the process and present the redesigned infographics with before and after comparison and their personal rating + review of the online tool for the difficulty, intuitiveness; usefulness; and design template choices.
For this task, I went to Google to find for a poorly constructed infographic poster, and I got this poster.
 |
| Fig 2.1: Infographic Poster (original) |
 |
| Fig 2.2: Process making process #1 |
 |
| Fig 2.3: Poster making process #2 |
Here's the final outcome of the reconstructed infographic poster.
 |
| Fig 2.4: Reconstructed Infographic Poster Final Outcome |
FEEDBACK
-
REFLECTIONS
It was so fun during the flip classroom session because not only the lecturer that provides us the information, but we also got to present and watched another group presenting the flip topic. Other than that, we also had an individual task to reconstruct a poorly made infographic poster which is very interesting. With this task, we get to hone our design skills. It makes me realize that my design is much more better compared to the original poster and also makes me realize that actually I'm not a bad designer.