Information Design / Exercises & FLIP Class

4.1.2022- 25.1.2022 (Week 1 - Week 4)
Cheryl Voo Yie Qi / 0349878
Information Design / Bachelor of Design in Creative Media
Exercises & FLIP Class

---

• Information Design / Project 1
• Information Design / Project 2
• Information Design / Final Project

• Lectures
• Practice
• Instructions
• Exercises
• FLIP Class
• Feedback
• Reflection

---

LECTURES

Introduction to information visualization

Motion Graphics

Motion Graphic Chart

Vector/ Character animation

PRACTICE

Motion Graphics

Motion Graphic Chart

Vector/ Character animation

---

INSTRUCTIONS

EXERCISES

Exercise 1: Quantify & Visualize Data 
For the first exercise, we are going to quantify our chosen items and arrange the objects into a presentable layout or chart. I used coins for this exercise.

Fig 1.1, Examples, source: Exercises and Project Details slides (4/1/2022)

Fig 1.2, Coins (4/1/2022)

I arranged them on mahjong paper and wrote on the mahjong paper with a black and blue marker pen.

Fig 1.3, Arranged on a mahjong paper (5/1/2022)

And here is the table that included the data of the coins.

Fig 1.4, Table (5/1/2022)

Here is the final outcome of exercise 1:

Fig 1.5, Final Exercise 1 (7/1/2022)
Click in for a clearer view

Exercise 2: L.A.T.C.H (Location / Alphabet / Time / Category / Hierarchy)

For Exercise 2, we are going to organize a group of information into a visual poster that combined and utilizes the LATCH principles.

I chose the compiled data of Pokemon which was suggested for this exercise and I'm using Adobe Illustrator for this exercise.

I chose these four types for my exercise:
(https://pokemondb.net/)

Fig 1.6, Fire (10/1/2022)

Fig 1.7, Ice (10/1/2022)

Fig 1.8, Flying (10/1/2022)

Fig 1.9, Water (10/1/2022)

Then, I started to have some ideas in my mind and I remembered a game that I used to play when I was little, it is called "GROW island". So I was thinking to make it into a Pokemon Island.

Fig 1.10, GROW island, https://www.giantbomb.com/grow-island/3030-24465/guide/

Here are some of my sketches:

Fig 1.11, Sketch 1, (12/1/2022)

Fig 1.12, Sketch 2, (12/1/2022)

Fig 1.13, Sketch 3, (12/1/2022)

Then, I decided to work with sketch 3 and started to digitize it using Adobe Illustrator. Here are some of the processes:

Fig 1.14, Process in Adobe Illustrator,(13/1/2022)

And I'm deciding which is better for the poster:

Fig 1.15, Different designs,(14/1/2022)

Fig 1.16, Different color of the snow-capped mountain, (15/1/2022)

First attempt

Fig 1.17, First attempt, (17/1/2022)

Final

Fig 1.18, Final poster, (19/1/2022)

---

FLIP CLASS

FLIP Topic 1 (Different types of infographics & online tools)

Different types of infographics
We are tasked to do research on different types of infographics and record our presentation as a video.

Group brainstorming on Miro board:

Fig 2.1, Different types of infographics- Group 5 (8/1/2022)

Here are our group's slides on different types of infographics.

Fig 2.2, Different types of infographics (slides)- Group 5 (8/1/2022)

Fig 2.3, Different types of infographics (Video Presentation)- Group 5 (8/1/2022)

Online Tools - Redesign Infographics

We are tasked to pick one free online infographic tool and re-design one poorly constructed infographic poster through our own experimentation with the selected tool. Then rate and review the online tool we used.

Fig 2.4, Chosen poorly constructed infographic poster (7/1/2022)

Reasons that I chose it as a poorly constructed poster:

1. Unrelated background (wood pattern)
   
2. Looks messy (lots of information)
3. The different images dazzled the audience (bottom part)
   
   

I used Canva as my online tool for redesigning the poster.

Fig 2.5, Canva (8/1/2022)

I used a green template to match the theme "Vegan vs Vegetarian", I remained the information from the original poster. I also added some related graphics to the poster. 

Fig 2.6, Canva (9/1/2022)

Here is my first attempt, Miss Anis said it looks ok and straightforward but try to match the types of graphic elements like matching the honey jar to the others with black borders.

Fig 2.7, First attempt (9/1/2022)

Since I can't find a similar type of honey jar, I changed it to a milk carton with a similar black border instead. And I adjusted some of the positions and added the websites that are supposed to be at the bottom like the original poster.

Here's the result:

Fig 2.8, Final Redesigned Poster (13/1/2022)

Fig 2.9, Comparison (13/1/2022)

Rating and review of the online tool - Canva:

Difficulty & Intuitiveness - 4
I think overall it is an easy online tool to use even if I'm new to it. It took me about 25 minutes to 35 minutes to actually understand and learn to use it. 

Usefulness - 5

Canva provides lots of different types of designing choices like cards, posters, and even presentations slides. I think it is useful since there are lots to choose from according to different requirements or situations. 

Design templates & Choices - 4

It has lots of simple and interesting design templates, but most of them are "Canva Pro" which means you need to pay to get more stunning design templates, graphic elements, fonts, etc. However, the choices are varied and attractive.

Others:

For the zoom in and out function, it is quite frustrating as I'm using Canva on Ipad, and when I wanted to zoom in, I used to zoom in using my two fingers to zoom in, but it only zooms in when I used the tool is given at the bottom.

FLIP Topic 2 (Saul Wurman's LATCH)

Fig 2.10, Flip 2 - Saul Wurman's LATCH

FLIP Topic 3 (Miller’s Law - Chunking)

Group brainstorming on Miro board:

Fig 2.11, Miller's Law (Chunking)- Group 5 (18/1/2022)

Fig 2.12, Flip 3 - Miller's Law (Chunking)

We are tasked to present an explanation on the topic (Miller's Law - Chunking) as a group.

Here are our slides and our presentation video:

Fig 2.13, Miller's Law - Chunking (slides)- Group 5 (20/1/2022)

Fig 2.14,  Miller's Law - Chunking (Video Presentation)- Group 5 (24/1/2022)

---

FEEDBACK

Redesigned Infographic: 

Looks clean and straightforward, try to match the graphic elements to look more integrated.

FLIP class - Miller's Law (Chunking):

Interacted with the audience through the presentation, the presentation is lively and well-explained chunking.

---

REFLECTION

For the L.A.T.C.H poster, I learned the most is brainstorming because it really needs to be creative and think about how can I express the information that I wanted to include in the poster. 

And for FLIP class, redesigning the poster is not that hard, but I can't find any bad infographics examples so it is quite frustrating in the beginning. But I think it turned out ok and I think I would use Canva for other works like presentations, making cards, and posters. For group presentations, I think we worked well together and our leader Jia Yee assigned our works evenly and fairly. And the two presentations turned out pretty well!