Information Design - Exercise

Information Design

02.2.2026 - 20.2.2026 (Week 1 - Week 3)

Qian Guoyi | 0369462

Bachelor of Design (Honours) in Creative Media

Exercise1&2

---

INSTRUCTIONS

---

LECTURES

Lecture/Class Exercises:

Week1-4/2/2026

In the first classroom exercise, we worked in groups to create a presentation on “What is an Infographic?”. The task required us to include key information within 3–6 slides (excluding the cover), such as the definition, types, and the kind of information infographics convey. Unfortunately, only one teammate and I were present at the time, so the final outcome was completed under limited manpower and time constraints. Nevertheless, we did our best to organize the key points clearly and ensure accurate communication, making this exercise a valuable experience in adapting and collaborating under limitations.

Week2-11/2/2026

During our tutorial session, our group worked on a task to create a presentation showcasing three examples of good infographic design and three examples of poor infographic design. Throughout the process, we had extensive discussions, as it was often difficult to clearly distinguish between “good” and “bad” design—the boundaries between them can be quite ambiguous. We also found ourselves confused at times about the differences between poster design and infographic design. This exercise helped us realize that evaluating design goes beyond visual appeal; it also involves clarity of information, logical structure, and audience understanding, encouraging us to think more critically about design criteria and judgment.

Week3-18/2/2026

In today’s class, we learned about Exercise 2 and discussed the LATCH framework. The assignment for this session was to create a short presentation based on this framework. LATCH consists of five key components: Location, Alphabet, Time, Category, and Hierarchy. These methods of organizing information help present data in a clearer and more structured way, making it more meaningful within context while maintaining strong relationships between different pieces of information.

---

Exercise 1: Quantify data& Visualize data (10%)

Requirements:

Information must be presented as is. You are required to arrange the objects  with relevant indicators written out with pens to help you visualize the quantity and data.

Take a picture of the final assembly and upload into your Google Drive folder.

I chose buttons.

Before I started, I counted the colors and sizes of my buttons and grouped them.

Fig1.1 First time organizing

After several attempts, I decided to arrange the buttons by size and color. I have 46 buttons, in three sizes: small, medium, and large, which I named L, M, and S respectively. Buttons of the same color are then arranged according to their size.

Fig1.2 Final Exercise 1

---

Exercise 2: L.A.T.C.H (10%)

Requirements:

Location / Alphabet / Time / Category / Hierarchy

Organize a group of information into a visual poster that combined and utilizes the LATCH principles (min. 4)

Size resolution: 1240 × 1750 pixels or 2048 × 2048 pixels

Use a digital photo editing / illustration software available to assemble the pokemons into a LATCH infographic poster. You can re-use back the images of the monsters, but do create the rest of your own visuals to complete the poster.

Process：

For this poster design, I selected characters from Pokémon representing four elements—Water, Ice, Fire, and Grass—and applied the LATCH framework to organize both information and layout:

• Location: I placed a map at the center of the poster, integrating four different regions corresponding to Water, Ice, Fire, and Grass, which helps structure the content spatially and strengthen the relationships between elements.

• Alphabet: I arranged the elements based on their symbols, creating a sense of visual order and clarity.

• Category: The characters are grouped according to their elemental types, allowing viewers to easily understand their classification and relationships.

• Hierarchy: I expressed hierarchy through the different evolutionary stages and forms of the characters, highlighting their progression and adding narrative depth and visual layering to the design.

Fig2.1 Ice

Fig2.2 Fire

Fig2.3 Water

Fig2.4 Grass

Fig2.5 Final Poster

Exercise 3:Line graph

I tried to do it using After Effects by following the video in class.

Fig3.1

Exercise 4:B

Fig4.1

Exercise 5:Kinetic Typography

This is a group project for 6-7 people, which requires creating subtitle animations based on the lyrics of a song.

Fig5.1 

This is the lyrics section I was responsible for.

This is our group's complete song subtitle animation.

---

REFLECTION

In the second week of the course, I deepened my understanding of infographic design through a combination of hands-on exercises and group analysis. Rather than focusing only on theory, we engaged in practical activities that transformed abstract quantitative data into tangible visual representations—for example, using physical objects like beads to represent numbers and categories. This approach helped me better grasp the essence of data visualization and encouraged me to think from the perspective of “how to make information clear and easy to understand,” rather than focusing solely on visual aesthetics.

In addition, learning about the LATCH framework and applying it in poster design allowed me to understand how to organize information through location, order, time, category, and hierarchy. This made complex content more structured and logical, while also improving clarity and readability. It also helped me recognize that a strong infographic design must balance clear communication, effective hierarchy, and user experience.

Overall, this week’s learning has laid a solid foundation for my future work, helping me gradually develop a more systematic and user-centered design approach. This shift—from designing for aesthetics to designing for communication—has given me a more comprehensive understanding of information design.