Information Design-Exercises
03/02/2026 -
Valenz Jycee Primadi / 0373407
Vehicle and Props Design / Creative Media / School of Design
Exercises
TABLE OF CONTENTS
1. Lectures
2. Instructions
3. Proposal
5.Feedback
6. Reflection
LECTURES
In this lecture, we were introduced to how the MIB module will be structured throughout the semester. Sir Martin guided us through the tasks and activities that will be undertaken, including the assessment components and their respective weightages.
He also explained the weekly learning plan for the module. During this session, we were briefed on the exercises that we will be working on, such as redesigning infographics and practicing data visualization using Visualized based on specific data categories.
Week 1
After that, we learned about infographics. Sir Martin explained what infographics are and how to create effective and eye-catching designs without making them look too crowded, including the importance of using appropriate color combinations. Following the explanation, we were assigned to work in our respective groups and create a PowerPoint presentation focused on infographics.
infographic - green by Mikanoch10
What is Infographic ?
An infographic is a visual representation of information, data, or knowledge designed to communicate complex ideas quickly and clearly. It combines elements such as text, icons, charts, images, and colors to make information easier to understand and more engaging for the audience.
Infographics are commonly used to:
A good infographic is clear, well-structured, visually balanced, and uses appropriate colors and visuals without overwhelming the viewer.
Purpose Of Infographics
The purpose of an infographic is to communicate information in a clear, efficient, and visually engaging way. Specifically, infographics are used to:
-
Simplify complex data or ideas
-
Help audiences understand information quickly
-
Highlight key points, trends, or comparisons
-
Increase engagement and attention
-
Make information more memorable
Type Of Infographics
- Statistical Infographics:Focus on presenting data, numbers, and statistics using charts, graphs, and icons.
- Informational Infographics: Explain a topic, concept, or process clearly using text and visuals.
- Timeline Infographics : Show events or developments in chronological order.
- Process Infographics: Illustrate steps or workflows from start to finish.
- Comparison Infographics: Compare two or more items, ideas, or options side by side.
- Geographic Infographics: Use maps to display location-based data or trends.
- Hierarchical Infographics: Show relationships, structures, or rankings (e.g., organizational charts).
- Visual Storytelling Infographics: Tell a story through visuals and a narrative flow.
Week 2
In the second week, we learned about L.A.C.T.H, a concept introduced by Saul Wurman. Sir Martin assigned us to create a PowerPoint presentation in our respective groups about L.A.C.T.H. We then presented on what L.A.C.T.H is and its purpose or function.
L.A.T.C.H - Group C Green Team by samuel keane
L.A.T.C.H
What is L.A.T.C.H ?
L.A.C.T.H is a principle introduced by Saul Wurman, the creator of the concept of information architecture. It is a method for organizing information in a way that makes it easier to understand and navigate. The acronym stands for the five ways information can be classified:
-
Location – Organizing information based on place or geography.
-
Alphabet – Organizing information in alphabetical order.
-
Category – Grouping information by type, topic, or category.
-
Time – Arranging information chronologically or by sequence.
-
Hierarchy – Organizing information based on importance, value, or rank.
The Purpose
The purpose of L.A.C.T.H is to structure information logically so that it is clear, accessible, and intuitive for the audience. It’s often used in designing infographics, presentations, and other visual communication tools to make complex information easier to digest.
INSTRUCTION
For our first exercise, we were asked to quantify and visualize data based on items we own. I have a large collection of Pokémon cards, and I remember that when I quantified them, it looked similar to a Pokédex from Pokémon.
The first thing I did was look for references, and then I took notes on how I would categorize my Pokémon cards.
Fig 1.1 Notes on each Pokémon card
Fig 1.2 Notes on each Pokémon card
Attempt 1
For my first attempt, I used an A2 sheet of paper and arranged my Pokémon cards neatly according to their types and elements. I also provided explanations highlighting the differences between the cards, using colored pens to emphasize these distinctions. After that, I explained the categories I had created.
Fig 2.1 Process of Visulized data
Final Attempt 1
After that, I decorated the sheet by adding a Snorlax illustration and took a photo of the final layout to submit.
Fig 2.2 Final Attempt 1
Final AttemptDuring the online class, Sir Martin mentioned that our first exercise should be unique and presentable, as this is an essential part of being a design student. Inspired by this, I decided to redo my work and make it more engaging.
My idea was to create a Pokédex-inspired layout, but decorated so that the Pokémon appeared in biome-like environments corresponding to their elements. The first thing I did was arrange the cards so they could stand upright, allowing the layout to clearly showcase each card and its explanation.
Fig 3.1 Final Attempt Process
Final of quantify and visualize data
Fig 4.1 Final of quantify and visualize data
Fig 4.2 Final of quantify and visualize data
Exercise 2- Flip Class : Re-design Infographic
Bad Infographic
I chose this infographic because, firstly, the colors were too clashing, making it hard to distinguish elements. It was also too crowded and packed, with some text being too small to read. Additionally, some information was not very relevant to the topic.
Fig 5.1 The chosen Bad Infographic
References
Before redesigning a poorly made infographic, I looked for reference infographics about car insurance and studied them carefully.
Fig 5.2 References
Digitization
In the redesign process, I focused on arranging the layout first. Before finalizing the design, I reviewed which style would best suit my work. That’s why I created a layout draft first and chose yellow and black colors, giving the design a more modern and clean appearance.
Fig 6.1 Layout Drafting
I arranged the layout elements and gave the background a textured, grainy look. I also positioned the car images carefully so that the overall design appears neat and visually appealing.
Fig 6.2 Layout digitization
After that, I started adding the text and gradually arranged it according to the layout and the level of neatness I wanted. Some words I styled in a unique way, like rotated or in different colors, to make them more eye-catching.
Fig 6.3 Process of adding text
Finally, I rearranged everything to make it even neater. After that, I added the final touches and corrected any elements that were still slightly off
Fig 6.4 Final Procress
Final of Flip Class : Re-design Infographic
Fig 6.5 Final of Flip Class : Re-design Infographic
Exercise 3- L.A.C.T.H
For this exercise, we were asked to create a LATCH about a Pokémon, dinosaur, or similar topic. The LATCH should be presented as an infographic that explains the chosen topic.
I chose Pokémon because I am very familiar with the Pokémon world. After that, I looked for references that could serve as inspiration for creating the LATCH.
ReferencesBefore creating my LATCH project, I researched a visual reference that arranges locations vertically with brief descriptions beside each one explaining the creature’s characteristics. I chose this reference for its clear structure, clean layout, and effective information hierarchy, which makes the content easy to follow without feeling overcrowded.
Sketch
I created two initial sketches. The first sketch is similar to my reference, presenting the Pokémon locations in a structured layout. However, instead of a simple list, I visualized them as planets in outer space, each representing a specific Pokémon habitat in a more defined and immersive way.
The second sketch takes a more conceptual approach, designed like a Pokémon diorama. In this version, a Poké Ball functions as the “world,” with different Pokémon living inside it, symbolizing their habitats within one contained environment.
Progress
For this progress stage, I finalized the line art by tracing the selected sketch, then continued by developing and arranging the overall layout.
Fig 8.1 Progress Lineart and Color
I primarily focused on developing the background to make the composition stand out, using a pastel gradient to create a soft sunrise atmosphere.
For each Poké Ball or location, I added detailed elements and shadows to create more depth and make them visually stand out. I also enhanced the environmental details to strengthen the visualization for example, I added grasslands and small trees to the mountain area, rocks for the ocean, snow and glacier fragments for the arctic setting, and moss for the ruins to emphasize an old, abandoned atmosphere. This makes the visualization clearer, more immersive, and more visually appealing.
Fig 8.3 Detailling
After enhancing the environmental details, I refined the layout by thoughtfully arranging the Pokémon and adjusting their placement for better balance and hierarchy. This helps create a cleaner composition that feels harmonious and visually appealing.
Fig 8.4 Doing layout
As a final step, I refined the color adjustments and repositioned some of the Pokémon for better visual balance. I also improved the text details and typography to ensure the information is presented clearly and effectively.
Fig 8.5 Final Touch
Final of L.A.T.C.H. Pokemon
Fig 9.1 Final of L.A.T.C.H. Pokemon
FEEDBACK
Exercise 2:
For Exercise Two, I received minimal revisions. After presenting it to Sir Martin, he commented that the redesign was already an improvement compared to the original infographic reference. He also noted that the spacing felt cleaner, more structured, and better organized.
Exercise 3:
For Exercise Three, I showed two sketch concepts to Sir Martin. He said that either option would work, as long as the locations were clearly defined and supported with detailed explanations. The key point he highlighted was that the information should be presented clearly and effectively so the audience can fully understand it.
Experience
In this module, I experienced different approaches to presenting information visually. Some of the exercises were easier to complete, while others required more time and energy. Exercise 1 and the LATCH project (Exercise 3) were the most challenging for me. Exercise 1 was still manageable, but it required a lot of effort, especially during the documentation process. I had to carefully take photos and repeatedly check whether the information was clearly visible and whether the decorative elements were visually appealing. It was quite energy-consuming, but still achievable.
For Exercise 3, it was not necessarily difficult in terms of execution, but I was honestly not fully satisfied with my final outcome. I felt that I could have developed the idea further and executed it better. On the other hand, I really enjoyed Exercise 2. I had done a similar task before, where I redesigned a website, so I felt more comfortable with the process. For me, it was easier to execute, and I enjoyed improving the layout and structure.
Observation
Throughout this module, I observed that design is not only about making things look attractive, but also about how information is structured and delivered. Visual hierarchy, spacing, layout, and clarity play an important role in helping the audience understand the message.
I also noticed how small adjustments such as spacing, alignment, and typography, can significantly improve readability and overall presentation.
Findings
From this module, I discovered that information is not only delivered through words, but also through visual design. Information design communicates meaning through layout, composition, hierarchy, and visual elements. I learned that as designers, our role is to translate information into a clear and engaging visual form. Even though some exercises were challenging, they helped me understand how to balance aesthetics with clarity and function.
Comments
Post a Comment