Information Design / Flip Classroom

11.1.2023 - 2.2.2023 (Week 1 - Week 4)

Loke Yan Ling / 0344602 

Information Design / Bachelor of Design in Creative Media

Flip Classroom

---

Instructions

---

Flip Topic 1: Type of Infographics

1. Lecture Slides

Figure 1.1 Lecture Flip Topic Slide

2. Group Slides

List out the types of infographic with the information they are applicable for and an example for each identified type.

 

Figure 1.2 Types of Infographic arranged in Google doc

Figure 1.3 Presentation Slide Types of Infographics 

3. Infographic 

- Pick one free online infographic tool and re-design one poorly constructed infographic poster.

- Present the redesigned infographics with before and after comparison

- Personal rating and review of the online tool for

    *Difficulty, intuitiveness

    * Usefulness

    * Design templates, choices

Figure 2.1 Poorly Constructed Infographics Poster

The image above is taken from a website which is used to educate on the 11 mistakes to avoid in infographics. This a statistic infographic which has 100% single choice results of bar chart, so a pie chart is more suitable used to present the data. The infographic in figure is show in bar chart format but it is not presented in descending order which makes it more difficult to understand and compare the data. The other parts are the title and the factors use too many words which can be more simplified to be easily understand.

To choose the right type of chart:

a. Compare Values

- Bar Chart

- Line Chart

b. The individual parts that make up a whole

- Pie Chart

- Stacked Bar

- Stacked Column

c. Comprehend the relationship between data sets

- Line chart

- Scatter plot

- Bubble chart

Figure 2.2 Redesigned Infographic Poster

With the data and information from the website, I choose Visme as the online tool to redesign the infographic poster. The template is given when I search the keyword with statistical infographic. The infographic is redesigned into pie chart format and reselection on the color and icon of the data. Red colour is picked for the major factors which have the large percentage. Visme really easy to use and there is a animated graphics which can light up my mood when I doing the infographics. The animated graphics also can be use in the presentation slide to enhance the visual effect. However, some of the graphics is unable to find in the animated graphics icon, such as public service. Additionally, the website is not free, so I have to screenshot my work that makes it low resolution jpg. There a plenty variety of design templates and option for you to choose, it still a recommended online tool if you didn't mind to become a member.

---

Flip Topic 2: L.A.T.C.H.

1. Lecture Slides

Figure 3.1 Lecture Flip Topic Slide

2. Group Latch slide

In your group, present an explanation on the topic and provide examples or scenarios of what information best utilized with each principle.

Figure 3.2 Presentation Slide of LATCH principles

---

Flip Topic 3: Miller's Law (Chunking)

1. Lecture Slides

Figure 4.1 Lecture Flip Topic Slide

2. Group Latch slide

In your group, present an explanation on the topic and provide an example of how to best utilize this technique in terms of visual delivery for each of these approach:

•     A well designed infographic
•     UX/UI, web, app, games (screen based basically!)
•     Processes

Figure 4.2 Presentation Slide of Chunking

---

Flip Topic 4: Manuel Lima's 9 Directives Manifesto

1. Lecture Slides

Figure 5.1 Lecture Flip Topic Slide

2. Group Latch slide

In your group, present an explanation on this topic and find one example of how to best

display and utilize design for each of the directives.

As conclusion, do also present one good designed infographic that best illustrate of the

9 directives for information visualizations and one poorly designed infographics that

failed to address the directives.

Figure 5.2 Presentation Slide 

---