11.01.2023 - 02.02.2023 / Week 1 - Week 4
Yung Siew Weng / 0339847
Yung Siew Weng / 0339847
Information Design / Bachelor of Design (Hons) in Creative Media
FLIP classroom
FLIP CLASSROOM
MODULE INFORMATION
FLIP #1: Different Types of Infographics & Online Tools
#Group Exercise
During this particular week (week 1), we are instructed to worked in group in order to find out the different types of infographics, the kind of information they're applicable for as well as gave example for each identified type.
I had joined in a group of 7, and we discuss about the type of infographics, and our final outcome was documented under the PDF below :
Fig 1.1 Types of Infographics, Group Presentation Slide (week 1 / 12.01.2023)
Also, aside from the group presentation, we are instructed to an individual task.
#Individual Exercise
Instruction : Pick one free online infographic tool and re-design one poorly constructed infographic poster through your own experimentation with the selected tool. Then, record the process into your blog and present the redesigned infographics with before and after comparison and their personal rating + review of the online tool for difficulty, intuitiveness, usefulness and design templates.
Fig 1.2 poor infographic image (week 1 / 14.01.2023)
First and foremost, I selected a "poor infographic image" (fig 1.2) which I felt that the infographic poster :
- icon of the transportation was too small / unclear
- messy typography, not clear about the statement
- no inter-relation between the thickness of the line and the statement
After having the ideation of what's going wrong towards the infographic poster, I started to breakout the statement of the poster to understand better on its interpretation. Then, I noticed that the poster was having too much information and some were even not related to the "barrel oil". I did some amendment by remaining some of the important statement to contrast the interpretation.
Even-though, I had an ideation of divide the statement into 3 categories : air, sea and land to make the infographic to be more clear and interesting.
Fig 1.3 Break-out & ideation (week 1 / 14.01.2023)
As this considered as a "quick" work, I using Canva as my online tool for this particular exercise.
Fig 1.4 Canva progression (week 1 / 14.01.2023)
Also, I even did a comparison view between the original infographic and the redesigned version :
Fig 1.5 original infographic vs. redesigned infographic (week 1 / 14.01.2023)
#comparison
The original infographic :
- icon of the transportation was too small / unclear
- messy typography, not clear about the statement
- no inter-relation between the thickness of the line and the statement
- too much information
The re-designed infographic :
- The graphic indicated clearly about the transportation
- consistent alignment : left alignment
- using the air, sea and land to differentiate the different elements
- remain only the important statement.
Fig 1.6 redesigned infographic, PNG (week 1 / 14.01.2023)
Fig 1.7 redesigned infographic, PDF (week 1 / 14.01.2023)
#Personal rating + review of the online tool (canva)
➜ Usefulness : 4/5
Canva is regarded as quite beneficial because it provides a wide range of fonts, photos, and even templates for users to utilise and create designs with. In fact, by using Canva, we don't even have to spend hours creating the images/ graphics. Also, Canva has a number of capabilities, such as the filter modifications tool, position, alignment, zoom in and out, and so on to easier the progress of creating an artwork.
➜ Design templates : 4/5
Canva offers a wide range of templates for its user to choose from. Even individuals unfamiliar with design thinking may easily utilise its extensive library of materials and templates, which enables them to quickly build any type of design, from casual to professional.
➜ Intuitiveness : 4/5
Although Canva includes many useful aspects, graphics, and so on, as a design student, I was frustrated by the tracking (letter-spacing). The ability to change the spacing between each glyph instead of the space between the entire word is not available in Canva. Additionally, several templates and resources needed an upgrade to Canva Pro, which limited the design perspective and brainstorming. Some graphics also don't allow for colour editing, which might lead to overall unbalanced colour schemes in the visuals. Furthermore, Canva appears to be more difficult to use than Adobe Illustrator due to the functionality and ways of usage differ between the two software after a long-term use of the AI.
FLIP #2: Saul Wurman's L.A.T.C.H
L.A.T.C.H is a method of information organisation that consist of these principles : Location, Alphabet, Time, Category and Hierarchy.
#Group Exercise
Instruction : In your group, present an explanation on the topic and provide examples or scenarios of what information best utilised with each principle.
Fig 2.1 Saul Wurman's L.A.T.C.H , Group Presentation Slide (week 2 / 12.01.2023)
FLIP #3: 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.
#Group Exercise
Instruction : In your group, present an explanation on the topic and provide examples or scenarios of what information best utilised with each principle.
Fig 3.1 Chunking , Group Presentation Slide (week 3 / 20.01.2023)
FLIP #4: Manuel Lima's 9 Directive Manifesto
Information visualisation 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.
#Group Exercise
Instruction : In your group, present an explanation on this topic and find one example of how to best display and utilise design for each of the directives. As conclusion, do also present one good designed infographic that best illustrate of the 9 directives for information visualisations and one poorly designed infographics that failed to address the directives.
Fig 4.1 Manuel Lima's 9 Directive Manifesto,
Group Presentation Slide (week 4 / 02.02.2023)
REFLECTION
From all the Flip classroom that had been instructed above, I had gained much more knowledge regarding to the criteria for creating an effective infographic and even more understand about the thoughts for how to create an infographics. In short, the LATCH principle, which I believe is at the heart of many infographic posters, was the aspect of the FLIP classroom that I found most fascinating which I really enjoyed myself on creating the infographic poster based on the principle for the exercise 2.
REFERENCE
“VNIINEFTEMASH - How Far Can You Go with One Barrel Oil? | Facebook.” Www.facebook.com, VNIINEFTEMASH, 16 Feb. 2016, www.facebook.com/VNIINEFTEMASH-414277955321392/photos/a.919526478129868/925987760817073.
Comments
Post a Comment