Information Design / Exercises

04.02.26 - 15.02.26 (Week 1-3)

PAN RUINING (0378138)

INFORMATION DESIGN / Bachelor of Design (Honours) in Creative Media

EXERCISES

---

CONTENT LIST

· LECTURES

· INSTRUCTION

· EXERCISE 1: QUANTIFY & VISUALIZE DATA

· EXERCISE 2: L.A.T.C.H

· FEEDBACK

· REFLECTION

---

LECTURES

All Lectures:

• WEEK 1
• WEEK 2
• WEEK 3
• WEEK 4
• WEEK 5 
• WEEK 6
• WEEK 7

---

INSTRUCTION

---

EXERCISE 1: QUANTIFY & VISUALIZE DATA

Quantify Objects

Quantify (count) your chosen items and arrange the objects into a presentable layout or chart. Take a picture and submit!

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.

For this exercise, I chose Tetris-shaped gummies, which are one of my favorite types of candy. Each pack contains different colors and patterns, making them perfect as a tool for this exercise.

I first divided them into 4 color groups:

• Orange
• Red
• Blue
• Green

I also created two additional categories:

• Different number of blocks (3 blocks & 4 blocks)
• Different shapes (small L, big L, small line, T-shape, Z-shape, and square.)

Fig 1.1 Exercise outcome of Tetris gummies 

---

EXERCISE 2: L.A.T.C.H

Location / Alphabet / Time / Category / Hierarchy

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

These are a few of suggested compiled data you can use or, you can pick any topic you want:

Pokedex: https://pokemondb.net/pokedex/

FFXIV Bestiary: https://ffxiv.gamerescape.com/wiki/Category:Bestiary

Dinosaurs: https: https://www.mainstreetsmiles.com/fun-stuff/teeth-25-dinosaurs-prehistoric-creatures/

Requirements

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.

---

LATCH Infographic Design Process

For this poster, I selected Rock Kingdom as the theme. It is a fantasy online game from China where players collect and evolve elemental creatures. The game is similar to Pokémon in its creature-collection and evolution system.

Fig 2.1 Game of Rock Kingdom

First, I chose four principles from LATCH: Location, Time, Category, and Hierarchy. 

In Rock Kingdom, creatures can have multiple elemental types. I selected four types—Water, Fire, Grass, and Rock. And I identified their habitats on the game map. I then chose the most classic and representative creatures from each type to complete this infographic poster.

Based on these principles, I created a simple mind map to help me plan the content of my poster:

Fig 2.2 Mind map of poster

Next, I searched online for the maps of the selected elemental types and the images and information of the creatures.

Fig 2.3 Map of Rock Kingdom

Fig 2.4 Four map thumbnails

Fig 2.5 Select creatures of Rock Kingdom

Fig 2.6 Select creatures of Rock Kingdom

Then, based on the map thumbnails of the four selected elemental types and the Gulu Ball, I designed a location map in Procreate.

Fig 2.7 Gulu ball of Rock Kingdom

Fig 2.8 Location map line art sketch

Fig 2.9 Final location map

The location map consists of the following elements:

• Mount Vesuvius → Fire type

• Mermaid → Water type

• Spirit Garden → Grass type

• Labron Mine → Rock type

After that, I completed the rest of the poster in Canva. I used pie charts to present the different locations, their corresponding creatures, and their evolution stages.

Fig 2.10 Process in Canva

Final LATCH Infographic Poster

Fig 2.11 Final LATCH infographic poster

---

FEEDBACK

-No Feedback

---

REFLECTION

Experience:

In Exercise 1, by arranging candies on paper and labeling their quantities, I learned how to categorize and organize different types of information and present them clearly. 

In Exercise 2, I applied the LATCH principles to design an infographic poster about Rock Kingdom. After selecting four principles, I used a mind map to organize my ideas before creating the poster digitally. This process helped me build a clearer visual hierarchy and information system in digital design.

Observations:

In Exercise 1, I realized that there are many different ways to arrange objects and present information. However, finding a way to make it immediately understandable without making it overly simple requires continuous experimentation and reflection. The arrangement and the use of text directly affect the clarity and readability of the information.

In Exercise 2, by applying the LATCH principles, I observed that when Location, Category, Hierarchy, and Time are used together, the information becomes more logical and easier to understand. The map structure gives the content a stronger sense of spatial organization, while the pie charts and evolution arrows reinforce the relationships of time and hierarchy, making the overall structure more systematic.

Findings:

Through these two exercises, I found that the most important aspect of an infographic poster is not how visually attractive it is, but whether it is clear and easy to understand, allowing viewers to quickly extract useful information. Exercise 1 helped me understand the relationship between quantity and layout, while Exercise 2 gave me a deeper understanding of the LATCH principles and how to apply them to organize complex information.