Information Design: Exercise

Information Design: Exercise

-

2.2.2026 -  / Week 1 -Week 16

Dave Christian Moniaga / 0385630

Interactive Design / Bachelor of Design (Hons) in Creative Media

Information Design: Exercise

---

Table of Contents

1. Lectures
2. Instructions
3. Flip Classrooms
4. Exercise 
5. Feedback
6. Reflection

Lectures

Motion Graphic are graphics that moves ( composition + animation )

There is not natural reference for its movement, yet it adapts life into design elements by humanising & conencting to viewers. 

Instructions

Flip Classrooms

Week 1

The infographic that I chose to redesign is this poorly constructed timeline poster about the "Evolution of Apple".

    

Fig 1.1 "Evolution of Apple" infographic poster

From my observation, there are a few reasons that make this infographic considered bad: 

1. Text heavy
• All of the written information overpowers the overall visual and reduces overall clarity of the infographic. It makes reading become very tiring for readers. 
2. Random arrangement of visuals
• The random placements confuses readers into not knowing where to read next or which information is tied to which visual.
3. Poor placement of timeline numbers
• Placement of the numbers are very disorganized with poor UX design; timeline goes from bottom left, up, then right, then down.

Based on the evidence, here is my redesign of the infographic in Canva.

Fig 1.2 "Evolution of Apple" Redesign

From my redesign, I made sure to limit my colors and choose ones that compliment each other. The visuals I provided are also placed to the related points. 

Unfortunately with the amount of dates that was listed in the original infographic, I had to make the timeline way longer than I expected. That being said, the blue line helps to also lead viewers from one point to the next.

Different Types of Infographic by Group A Green Team

Week 2

L.A.T.C.H. Principle by Group A Green Team

Week 3

- 

Week 4

Chunking Process by Group A Green Team

Exercise 1: Quantifiable Information

In our first exercise, we are tasked to quantify data and arrange them into a presentable layout that is interesting and easy to interpret. 

Luckily, I had a bunch of pills lying around which became the main object that will be used. I first took a handful of pills from various bottles without counting them to keep the randomness factor along.

Fig 2.1 Various pills in a pile

Once I have all of the pills mixed up in a pile, I started by slowly separating and grouping them based on each type. At the same time, I started to sort the data and arrange it based on shape size and pill type in a table-like arrangement. 

Fig 2.2 Pills grouped up by their respective shape and type

Fig 2.3 Pills sorted and arranged based off size and type

From the data gathered, it seems that I have a total of 107 pills. Unexpectedly most of them have the same amount for each category even with my randomness of taking it without counting. 

This data is important as now I can move on in creating a cleaner and more interesting visual to display my data. At first, I tried to create a silhouette of a syringe based off the medical theme of my chosen items.  

Fig 2.4 First attempt at presenting the data visually

Though, not only was it hard to arrange them, the variety of colors and size made it hard to recognize and capture. 

Inspired by the small pill boxes that people use to store their medicine or daily pills, I chose to use this layout to arrange the pills in each section; tablets, softgels, and capsules. Each section are also divided with big, medium, and small pills. 

Fig 2.5 References of pill boxes taken from Pinterest

Fig 2.6 Final pill data visually arranged through pill boxes

Another attempt was also made using the pills that I have chosen. Instead of using it as a way to record data, I chose to arranged the pills into a hear that is used as the main visual of an awareness poster about heart disease. 

Fig 2.7 Heart disease awareness poster using the pills

When creating the poster, I also made sure to arrange the pills that have a darker and deeper color to be used as the heart. All pills were used in this poster. 

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

We are tasked to create an infographic / visual poster by utilizing the LATCH principles (Location, Alphabet, Time, Category, Hierarchal) on a chosen group of information. In this case, the topic that I have chosen is from Monster Hunter World as I wanted to use a compiled data that I was more familiar of. 

Research

As I looked through the style of MHW, it's evident that they focus on capturing an archaic, rustic, tribal, all while keeping a sense of cuteness in their design. 

Fig 3.1 Monster Hunter visual style 

For the data that will be used, I will be focusing on the "Ancient Forest" displaying the map, the location of the monsters, etc. All of the data is taken from Monster Hunter World Wiki.

Fig 3.2 Information on Ancient Forest Location

Before moving to design the poster, I listed down all of the information that will be used first:

• Title: Monster Hunter World 
• Location: Ancient Forest
• Description:
• Ancient Forest is an area with thick lush forest near the ocean full of monsters and resources to harvest. The network of trees in this area stretch high into the sky, creating the giant ancient tree that lies at the forest's center

Fig 3.3 List of monsters in Ancient Forest with details

I made a table that included all of the monsters in the area, their species, ailments, and weaknesses. My aim was to make this infographic actually be useful for Monster Hunter players, acting as a guide for this specific area.

From there, I moved on into creating sketches to help visualize the infographic. The size that I chose is 1240 x 1750 pixels.  

Fig 3.4 Infographic layout design sketches

Based on the layout, I ended up choosing no.3 as it seemed to be promising at implementing the LATCH principle. Following that, I took an isometric grid online and create a more detailed sketch with colors in Photoshop.

I looked at several references into the look of Ancient Forest from the map, pictures, and videos that people have posted, most notably this one. 

Fig 3.5 References of the Ancient Forest from in-game screenshots

Fig 3.6 Recreating the sketch into vector form in Illustrator

As the sketch was ready, I then translated the sketch by tracing it again in Illustrator, keeping a no-outline look. 

A few designs also were made as a direct translation and reference to the respective in-game icons, such as the camp icons.

Fig 3.7 Camp design is taken from the icon shown in the map

The icons for the monsters itself was taken straight from the game. This website contained all of the necessary monsters that I will present in the infographic. The placing of the monsters itself were done intentionally as it was exactly where the monsters spawn in the game as shown in this guide.

Fig 3.8 The monster icons & their location placement

Lastly for the ailments and weaknesses, Monster Hunter has their own icon indicators that I feel was already perfect and I had only needed to remake them again on my own in Illustrator.

Fig 3.9 Remaking the ailments & weakness icons in Illustrator 

Combining all of the design & placement together, I had finally finished the outcome of the infographic.

Final Outcome Infographic 

Fig 3.10 Final Monster Hunter World Infographic

This infographic design follows four of the LATCH principles as follows:

Location: Ancient Forest.

Alphabet: Listed monster names in the table chart.

Category: Monster type, their ailments, and weaknesses.

Hierarchal: The order of the first floor to the third floor being highest.