Information Design - Exercise 1 & 2

23.09.2025 - 01.02.2025 (Week 1 - Week 6)

Chang Yu Rou | 0374168 | Bachelor of Design (Honours) in Creative Media

Information Design GCD60504

Exercise 1 & 2



TABLE OF CONTENTS

1. Lectures
2. Instructions
3. Practical
4. Feedback



1. LECTURES

Briefing (Week 1 // 23.09.2025)

Briefing and Introduction of Advanced Interactive

📌23.09.2025 (Week 1)

- Briefing on MIB
- show us some seniors work (Link)
week 2 - discuss topic for final project & research

Exercise 1
- Collage based on information
- brief on exercise 1
next week to bring (Week 2) working on Exercise 1
- A3 size paper (5-10)
- pencils, pens, markers
- things (colour, shape....) , somtg that easy to manage and not sharp

Lecture 1 (Week 2 // 30.09.2025)

📌Type of Infographics

Type of Infographics
  • List infographics
  • Statistical infographics
  • How-to infographics
  • Timeline infographics
  • Comparison infographics
  • Map and location infographics
  • Flowchart infographics
  • Process description infographics

Lecture 2 (Week 3 // 07.10.2025)

📌L.A.T.C.H Theory

L.A.T.C.H Theory
  • the organization of information is finite as it can only be organized by LATCH
  • LATCH: Location, Alphabet, Time, Category, or Hierarchy
Applying LATCH (Information Architecture) in design
The LATCH method is used to organize information so that users can easily find what they are looking for. It is particularly valuable for designing navigation, filtering options, and overall site structure. 

LATCH is an acronym for five categories:
  • Location: Organize items by their position, either physical or virtual.
  • Alphabet: Arrange large quantities of information in alphabetical order.
  • Time: Order items chronologically.
  • Category: Group items by their similarity or type.
  • Hierarchy: Order items by rank, size, or importance.

Lecture 3 (Week 4 // 14.10.2025)

📌07.10.2025 (Week 3)

Miller's Law (Chunking) 

Miller's law suggests how our short-term memory is limited when it comes to remembering more than seven information "objects," and how retaining that information does not last longer than 30 seconds.

Validating Miller’s Rule: The Paradox of Choice


Lecture 4 (Week 5 // 21.10.2025)

📌Information Architecture 

Manuel Lima: Information Visualization Manifesto

1. Form Follows Function

2. Interactivity is Key

3. Cite Your Source

4. The Power of Narrative

5. Do Not Glorify Aesthetics

6. Look for Relevancy 9. Avoid Gratuitous Visualizations

7. Embrace Time

8. Aspire for Knowledge

9. Avoid Gratuitous Visualizations


Lecture 5 (Week 6 // 28.10.2025)

📌Visual Hierarchies

Visual Hierachies


how that content is organized into related sections or categories, and which content they should focus on first.


Established through the appropriate use of size, color, shape, distance, proportion, and orientation, the meaning, concept, and mood of a composition is conveyed through the creative use of graphic elements that determine the visual hierarchy.




2. INSTRUCTIONS

MIB_GCD60504_Information Design





3. EXERCISES

Exercise 1 - Quantifiable Information

📌Unsorted Data

fig 1.1 Unsorted Data - Colorful Cotton Balls

fig 1.2 Sorted Data without Labelling (Process)

📌Sorted Data

fig 1.3 Sorted Based on Colors

fig 1.4 Sorted Based on Sizes

----------------------------------------------------------------------------------------------------------------------------------------

Exercise 2 - L.A.T.C.H Infographic Poster

After Mr.Fauzi briefed us on Exercise 2, he asked us to think of a topic that we are interested in.

Once we had chosen our topic, we needed to list out the L.A.T.C.H elements related to it.


Rough Idea:


The first topic that came to my mind was Jazz Music.

So, I listed out the L.A.T.C.H for it as follows:


L (Location): Where each Jazz music style originated from

A (Alphabet): The names of each Jazz instrument

T (Time): The time when each Jazz instrument was first produced

C (Category): The music instrument category (String, Woodwind, etc.)

H (Hierarchy): The most important instruments in Jazz music to the least


This was my rough idea, and after that, I had an on-the-spot consultation with Mr. Fauzi.


Feedback from Mr. Fauzi

- "This is an interesting topic! But you need to narrow it down the topic."


So, after receiving his feedback, I decided to narrow my topic.

I wanted to focus on my favourite instrument in Jazz music, the soul of Jazz which is the Saxophone!


Final Idea: 


My ideation for the topic then became:

I wanted to explore the most popular Saxophone soloists in each era.


I did my research and listed them down in a table format in Google Doc to organize the information clearly.



After Mr.Fauzi approved my final content idea, I could move on to the sketching.


I started by researching some interesting infographic posters as visual references.


Visual References


Idea Sketch 1

In Week 5, I began my sketches:


Idea #1

- The center of the poster features a Saxophone with a map of the United States as the background (Location) since most of the soloists are from the U.S.

- From the map, there are pointers leading to each soloist with their era (Time), era category (Category), and name (Alphabet).



Idea Sketch 2

Idea #2

- A timeline-based poster with a music score as the background.

- Points on the score line connect to each soloist’s picture, along with their picture, era (Time) and category (Category).





I preferred the second idea, so I decided to develop it into my final poster.



Design Process

First, I wanted my poster to have a vintage feel, so I searched for a vintage-style background.


Pinterest - Vintage Background


Next, I looked for full images of Saxophone soloists and used Photoshop to crop them out.

Then, I searched for 8 Saxophone soloists’ portraits, and used Gemini to recreate their images with Saxophones.


Photoshop - Image cropping with quick selection

Photoshop - crop image

To add some pattern and blur effect

After preparing all the images, I moved on to Adobe Illustrator to start my final design.


Design Process in Adobe Illustrator


Final L.A.T.C.H Poster



Explanation of how each component of L.A.T.C.H is relatable to each other:

Location: Origin Location (Country)

Alphabet: Performer Name

Time: Primary Period of Influence

Category: Main Jazz Era

Hierarchy: Chronological Rank (Order of Influence - Up to Down)

Comments