Information Design / FLIP Classroom

3/1/2022 - 14/2/2022 / Week 1 - Week 7
Nurul Adlina Rizal / 0345429 / Bachelor of Design in Creative Media
Information Design
FLIP Classroom


INSTRUCTIONS

FLIP 1 (6/1/2022): Different Types of Infographics & Online Tools

Group Task

For our Group Task, we had to find out the different types of infographics, what kind of information they are applicable for as well as an example for each. We were also tasked to make a video presentation from our findings. 

Fig 1.0: FLIP 1 Group Task Slides (10/1/2022)

Fig 1.1: FLIP 1 Group Task Presentation (10/1/2022)

Individual Task

Everyone was given a task to pick one free online infographic tool and re-design a poorly constructed infographic poster through our own experimentation of selected tool. We were also told to give a personal rating of the online tool for its difficulty, intuitiveness, usefulness, design templates and choices. 


Fig 1.2: Initial Poster (13/1/2022)

I chose this poster because I wanted to fix certain aspects of it such as the colors and the illustrations. It has good pieces of information yet the text was hard to read because of how much colors were used in the infographic. Other than that, I also wanted to recreate the composition so viewers can read the information in sequences as the original idea was attempting. 


Tool Used: Canva https://www.canva.com/

Fig 1.3: FLIP 1 Individual Task Infographic (11/1/2022)

For the recreation of the initial poster, I chose a simple color palette so that it would not fit the serious theme of the message of the infographic. I highlighted the main points and statistics that viewers would want to know about the issue. 


Canva Rating
Difficulty: 9/10
I only minus one point because of how hard it was to find a perfect template, especially a free one. However, it is very easy to use and edit. 
Intuitiveness: 9/10
Very user friendly. 
Usefulness: 10/10
A good tool in a pinch. 
Design Templates: 9/10
Some design templates are for premium members/ not free so you may not be able to use all the given ones.
Choices: 10/10
Has a lot of choices. 

Infogram.com https://infogram.com

I had initially used Infogram and although it had great features for making data visualization infographics, I was a bit annoyed that I was not able to save the work I had made. However, I will still rate it. 

Rating

Difficulty: 9/10
It was not too difficult to use, very straightforward.
Intuitiveness: 9/10
User friendly.
Usefulness: 7/10
Has good tools and has empty resources for making charts. 
Design Templates: 4/10
Not a lot of design templates and most of them are professional looking. 

FLIP 2 (11/1/2022): Saul Wurman's L.A.T.C.H

Since we are Group 1, we were tasked to do FLIP 2 which was a task to present and explain about Saul Wurman's L.A.T.C.H principles as well as provide examples or scenarios of what information it is best utilized in. 

 
Fig 1.4: FLIP 2 Group Task Presentation Slides (13/1/2022)

Fig: 1.5 FLIP 2 Group Task Presentation Video (13/1/2022)


FLIP 3 (25/1/2022): Miller's Law (Chunking)

Link to recorded presentations: 

Based on Group 4's Presentation,

Miller's Law
- to understand what another person is saying, you must assume that it is true and try to imagine what it could be true of (suspend our personal judgments about and interpretations of the words expressed by others)

Chunking
- the process by which the mind divides large pieces of information into smaller units (chunks) that are easier to retain in short-term memory

Why use Chunking?
- help users process, understand and memorize more easily
- allows the brain to increase the channel capacity of the short term memory 
- each chunk must be meaningful to the individual

When?
- used when various content needs to be organized into more manageable groups; to help the perceiver understand and memorize the content easily 
- used on data when there is no obvious pattern 
- helps users understand underlying relationships and information hierarchy

Where?
- used on data that have a great deal of information
- daily use of Chunking can be found a list, department store, Spotify songs, card number, phone numbers, websites

Major Approaches

INFOGRAPHICS
- very effective and often used
- clear, effective and artistic way of presenting information without losing the attention of the viewer
- color, numbering, labels and different types of layouts are used to differentiate between chunks of information


UI/UX
- presented in clear visual hierarchies with related items grouped together can help absorb information better
- creates sections of digestible information rather than overwhelming the user's brain with everything at once 
- according to Miller's Law, having more than 7 elements can be confusing to the user
- negative space is frequently used to signify where bits of web content are separated from one another when we break our web content into chunks
- show clear visual hierarchies using headings, subheadings that clearly contrast with the rest of the text, highlighted keywords


PROCESSES
- give a shorter or simple description, making it easier to associate a part with another part, as well as more memorable
- separates information from one another, effectively improve comprehension and it rakes bits of information to combine them, making it meaningful and memorable

FLIP 4 (3/2/2022): Manuel Lima's 9 Directives Manifesto 

Link to recorded presentations: 

1. Form Follows Function: the purpose should always be centred 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: Aesthetics should always be a consequence, 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 is also to facilitate understanding and aid cognition. 

9. Avoid Gratuitous Visualization: Should respond as a cognitive filter, an empowered lens of insight, and should never add more noise to the flow 



FEEDBACKS

Flip 1

General Feedback: -
Specific Feedback: -

Flip 2

Specific Feedback: Ms Anis applauds us for the presentation and said that we did great. 

Flip 3

General Feedback: -
Specific Feedback: -

Flip 4

General Feedback: -
Specific Feedback: -



REFLECTIONS

Experience
It was a new experience to learn in the FLIP way but it was fun. Not only did I learn from researching the topic for our presentation, but I had also learned from my classmates that had new information and research in their presentation. It had also made me understand how to use the things learned in our projects because of the number of examples that were shown during FLIP presentations. The FLIP presentation slides were also created in an interesting and creative way that managed to gain my attention and focus. 


Observation
I observed that design students are the best people to make a presentation much more enjoyable and visually interesting. I had a good time during FLIP presentations because of not only the amount of research done by each group but also at how creative they were in portraying the information to the rest of the class. 

Other than that, I observed that the four topics were very useful and easy to understand. I was able to make use of them in my other presentations. 

Findings
I found that through making FLIP presentations themselves, I was already visualizing information to share with the class. The topics learned are long-lasting and good not only for now but for the future as well. 


Comments

Popular posts from this blog

Major Project

Industrial Training

Minor Project / Haelan Herbs