Information design /Exercise 1 & 2

Start from 4.2.2025

5/2/2025 - 10/2/2025 (Week 1 - Week 2)
Kong Cai Yi / 0363862 
Information Design / Bachelor of Design (Hons) in Creative Media 
Exercise 1 & 2

---

LECTURES

Week 1/ Introduction & Type of Infographics
We began the semester with an online lecture, where Mr. Fauzi and Mr. Shamsul introduced the MIB for this module. They also outlined the initial exercise, instructing us to bring materials to class for the upcoming tutorial. Additionally, details about the group project were shared, and we were required to form groups of 6 to 10 students. At Wednesday's class, Mr Fauzi explained to us about 8 types of infographics which included:

1. List infographics
2. Statistical infographics
3. How-to infographics
4. Timeline infographics
5. Comparison infographics
6. Map and location infographics
7. Flowchart infographics
8. Process description infographics

Fig 1.1 Week 1 lecture (5.2.2025 -Week 1)

In the class, we explored Exercise 1 and experimented with different steps to create our template. I brought binder clip in various shapes and colors to use as my "data." Mr. Fauzi provided guidance throughout the session. We also formed our groups for the group project and discuss about our topic ideas before the class ended. 

Week 2/ L.A.T.C.H Theory
We started off the class by having a lecture. Mr. Fauzi taught us about the L.A.T.C.H theory:

1. Location
2. Alphabet
3. Time
4. Category
5. Hierarchy 

Fig 1.2 Week 2 lecture (12.2.2025 -Week 2)

---

INSTRUCTIONS

Exercise 1/ Quantifiable Information 

• Quantify raw data and visualize information as a photograph
• Visual representation of numerical data that allows for easy interpretation and analysis. 

Instruction:
Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor.
Example:

1. Box of Lego
2. Jar of button
3. Jar of marble ball
4. Set of colourful rubber strap & more.

In this exercise you're required to quantify our chosen objects and arrange them into a presentable layout or chart.
The information must be presented as is, and you need to arrange the objects with relevant indicators written out with pens to help you to visualize the quantity and data. The examples of objects that can be use are buttons, coins, lego pieces, M&Ms, and more.

Submission:
E-Portfolio report consists of

1. Photo of the random objects before sorting out
2. Objects sorted out by categories (2 - 5 category)
3. Write and design the information on a piece of papers (A3 drawing paper)

Week 1

During this week's tutorial, we worked on Exercise 1. We were instructed to bring A3 paper, colored pens, and an object that could be categorized in different ways. 

Unsorted data:

Fig 2.1 Data- Binder Clip (5.2.2025 -Week 1)

Step 1- Sorted:

To bring order to the chaos, I started by categorizing the clips based on color. This step helped me visually distinguish different sets of clips, making it easier to identify patterns and potential combinations. The uniformity within each color group laid the groundwork for more detailed classifications.

Fig 2.2 Sorted by color (5.2.2025 -Week 1)

Step 2- Arranged:

With colors sorted, I further refined the organization by size—from small, medium, to large. This allowed me to see how different proportions could work together, much like assembling components for a functional design. At this stage, I realized that binder clips weren’t just office supplies; they had the potential to be building blocks for something greater.

Fig 2.3 Arranged by sizes (5.2.2025 -Week 1)

Step 3- Visual Structuring & Robot Creation:
Inspired by their shapes and mechanical nature, I decided to construct a robot using the sorted clips. The large clips formed the body, medium-sized clips shaped the limbs, and smaller clips added details like hands and feet. 

Fig 2.4 Robot Creation (5.2.2025 -Week 1)

Step 4- Tell a story:

Title: The Binder Clip Chronicles

University life was a whirlwind of deadlines, group projects, and caffeine-fueled nights. Between Mr. Razif’s coding tasks and refining designs in Figma, each day felt like a puzzle—challenging yet rewarding. Through it all, my trusty binder clip held my chaotic notes together, much like how I held myself together through the ups and downs. As the semester flew by, I realized university wasn’t just about grades—it was about adapting, learning, and pushing creative boundaries.

By the end, I wasn’t just collecting assignments—I was building my future.

Fig 2.5 Bindroid Story (5.2.2025 -Week 1)

Exercise 2/ L.A.T.C.H INFOGRAPHIC POSTER

INSTRUCTION:

1. Organize a group of information into a visual poster that combines and utilizes the LATCH principles (Minimum 4).
2. You are required to use the digital photo editing/illustration software available to assemble the information into a LATCH infographic poster.
3. You are allowed to reuse back the images but you have to create the rest of visuals to complete the poster.

REQUIREMENTS:
1. Size resolution: 1240 × 1750 pixels or 2048 × 2048 pixels.
2. Progress and submission link on E-Portfolio.

SUBMISSION:
1. Final poster attached to this submission.
2. E-Portfolio link attached to this submission.

References from Pinterest

In the second week, we were introduced to our second exercise, which is the L.A.T.C.H exercise. This exercise involved organizing a set of information into a visual poster, incorporating and applying the principles of L.A.T.C.H (location, alphabet, time, categories, hierarchy).

Fig 3.1 References (12.2.2025 -Week 2)

Progress

My theme revolves around princesses, and I find categorizing Disney princesses incredibly fascinating. So, I decided to conduct some research and present my findings as an infographic in my poster.

1. Location (Where They Come From)

• Snow White – Germany
• Cinderella – France
• Aurora – France
• Ariel – Atlantica (inspired by Denmark)
• Belle – France
• Jasmine – Agrabah (inspired by Middle Eastern regions, possibly Iraq or Persia)
• Pocahontas – Tsenacommacah (Virginia, USA)
• Mulan – China
• Tiana – New Orleans, USA
• Rapunzel – Corona (inspired by Germany)
• Merida – Scotland
• Moana – Polynesia (inspired by Samoa, Hawaii, and Fiji)

2. Alphabetical Order (A-Z Sorting)

• Ariel
• Aurora
• Belle
• Cinderella
• Jasmine
• Merida
• Moana
• Mulan
• Pocahontas
• Rapunzel
• Snow White
• Tiana

3. Time (Chronological Order of Their Movies)

• 1937 – Snow White and the Seven Dwarfs (Snow White)
• 1950 – Cinderella (Cinderella)
• 1959 – Sleeping Beauty (Aurora)
• 1989 – The Little Mermaid (Ariel)
• 1991 – Beauty and the Beast (Belle)
• 1992 – Aladdin (Jasmine)
• 1995 – Pocahontas (Pocahontas)
• 1998 – Mulan (Mulan)
• 2009 – The Princess and the Frog (Tiana)
• 2010 – Tangled (Rapunzel)
• 2012 – Brave (Merida)
• 2016 – Moana (Moana)

4. Category (Types of Disney Princesses - Grouped by Traits/Stories)

• Classic Princesses: Snow White, Cinderella, Aurora
• Modern Royalty: Rapunzel, Tiana, Merida, Moana, Belle, Jasmine
• Warrior Princesses: Mulan, Merida, Moana
• Magic-Connected: Ariel, Rapunzel, Aurora, Snow White
• Non-Royal Heroines: Mulan, Moana, Pocahontas, Belle, Tiana

I placed a majestic castle at the center of my 2048x2048 pixel poster and designed a beautifully regal title font to enhance the princess theme. Next, I'll add all the princess information inside. Size resolution: 2048 × 2048 pixels.

Fig 3.2 Progress (12.2.2025 -Week 2)

Final Poster 

Size resolution: A4 Size

Fig 3.4 Final Poster in A4 Size (12.2.2025 -Week 2)

---

REFLECTIONS

Throughout Exercise 1, I gained a deeper understanding of how to quantify and categorize raw data to create a visual representation. The hands-on approach of sorting and organizing objects based on quantifiable factors such as color, shape, and pattern helped me grasp how information can be structured in an engaging and easily interpretable way. This exercise reinforced the importance of visual clarity and organization in infographic design, as even simple objects can tell a compelling story when arranged effectively.

Moving on to Exercise 2, I found the L.A.T.C.H theory particularly fascinating as it provided a structured way to organize information using Location, Alphabet, Time, Category, and Hierarchy. Since I have a strong interest in Disney princesses, I decided to research and categorize them based on these principles. This process allowed me to explore different ways to present information, making it both visually appealing and informative.

Overall, these exercises enhanced my ability to visually structure data, ensuring that information is not only aesthetically pleasing but also easy to understand. I also developed a better appreciation for infographic storytelling, where the way data is arranged significantly influences the audience’s engagement and comprehension. Moving forward, I aim to apply these principles in future projects to create more structured, clear, and visually engaging infographics.