Information Design - Exercise 1: Quantifiable Information
03/02/2025 - 12/02/2025 (Week 1 - Week 2)
Then I started sorting them, simply categorizing by color into five
piles.
The radiation energy attenuation and transmission are similar to the
arrangement of cosmic planets and atoms, so I used these as references and
connected them to construct the final product. Of course, I also gave them
names. By linking these things with different characteristics but similar
principles together, I was able to create the final design.
The final product is this, which I named
Stellar Pulse: Nebular Wave. It
combines elements of stars, planets, and energy, and I defined a name for
each chocolate stone, linking the names and colors together. The quantities
are also labeled beside them. In addition, there are energy cores, section
names, meteor belts, and so on. As the energy is transmitted, it decreases,
and the colors become lighter. The entire arrangement is organized to form a
cohesive story.
Lew Guo Ying / 0365721 / Bachelor of Design in Creative Media
Information Design
Exercise 1: Quantifiable Information
Index
Lectures
Week 1: Type of Infographics PDF
The lecture notes from Week 1 focus on the different types of infographics and
their application in design and communication. Infographics are visual
representations of information that make data more engaging and easier to
understand. The eight key types of infographics discussed are:
- List Infographics: These infographics present information in a list format, making it visually appealing while conveying textual content in a simplified way.
- Statistical Infographics: These involve charts like pie charts and bar graphs to display numerical data, making it easier for the audience to understand complex information.
- How-to Infographics: Used to illustrate a step-by-step process for solving problems or completing tasks, these infographics make instructions clear and engaging.
- Timeline Infographics: These visually represent a sequence of events over time, often using icons or illustrations to make each point stand out.
- Comparison Infographics: These are used to compare and contrast two or more concepts, helping the audience make informed choices.
- Map or Location Infographics: These infographics are designed to represent geographical data or location-based information, such as demographic data or trends.
- Flowchart Infographics: These show the flow of information or steps in a process, guiding users through a sequence of actions.
- Process Description Infographics: These focus on visualizing complex processes by breaking them down into steps and categorizing the most important elements.
Week 2: L.A.T.C.H Theory PDF
The lecture notes from Week 2 introduce the L.A.T.C.H Theory, which is a method of organizing information effectively. According to Richard Saul Wurman, the organization of information can only be structured using five principles: Location, Alphabet, Time, Category, and Hierarchy. These principles help in simplifying complex data, especially for UX designers working on websites or other platforms. Here's an overview of the L.A.T.C.H principles:
- Location: Organizing information based on its physical or spatial location. This technique helps to structure data with a sense of place or geography.
- Alphabet: Organizing content alphabetically is simple and universally understood. It works well when content can be categorized by letters, but it’s important to consider the user’s understanding of labels.
- Time: Organizing content based on a temporal sequence, which is particularly useful for platforms like social media where users want to see the latest updates.
- Category: Grouping information into meaningful categories based on user needs. This is one of the most commonly used techniques and can be supported by tools like card sorting to ensure relevancy.
- Hierarchy: This involves organizing information in order of importance or some other variable such as size, cost, or popularity.
Instructions
MIB forr Information Design
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.
- 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)
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)
This exercise requires students to quantify raw data by categorizing
objects (e.g., by color, shape, size) and visualizing it as a photograph.
Students should choose objects and sort them into 2 to 5 categories to
display the quantity and classification of the objects. Finally, they will
design the information on an A3 sheet and submit photos of the objects
before and after sorting. This exercise aims to help students learn how to
present numerical data in a clear and visual manner.
Progression:
|
| Fig1.1 Stones Chocolate |
At first, I chose red beans, green beans, yellow beans, and black beans, but after showing them to the lecturer, he said that these would not be easy to count clearly and quickly. So, I decided to change the items I selected. In the end, I switched to chocolate shaped like stones.
The items chosen should not already be categorized, but rather come in a package with an uncertain quantity and variety, allowing us to sort and combine them later.
|
| Fig1.2 Stones Chocolate on paper |
On this side, you can see that I opened the package and just piled
everything together, making it hard to see the quantity, and it looked very
messy and disorganized.
|
| Fig1.3 Simple separate by color |
|
| Fig1.4 Continue Separate by size |
Next, I continued the sorting process. After separating the chocolate
stones by color, I further divided them into two piles based on their
size, estimated by eye.
|
| Fig1.5 Sort according to quantity |
I arranged them more neatly from left to right, with the larger ones on
top and the smaller ones at the bottom, ensuring each row had a
consistent number to help with counting.
After finishing the arrangement and sorting, I thought it could be
improved further, so I reduced the quantity from left to right. The
total quantity was 80 pieces.
|
| Fig1.6 Word Arrangement |
Once the arrangement was done, I had no idea how to continue, so I
started brainstorming and arranging them into shapes. For example, in
the first image, I arranged them symmetrically, and in the second image,
inspired by the school’s iconic duck, I arranged them to form the word
"DUCK."
|
| Fig1.7 Line and Shape Arrangement |
After some more thinking, I felt that lines could be interesting too, so
I made them intersect and run parallel. Eventually, I realized it looked
like a square but missing a corner.
|
| Fig1.8 Radiation Tramission |
Then I thought, if straight lines work, curved lines could work too, so
I tried this arrangement. I thought it resembled a cosmic system with
planets and radiation, where there is a central source of energy, and
different layers experience varying gravitational pulls, so I arranged
them more compactly. The energy decreases as it spreads, so the colors
also transition from dark to light.
In the end, I settled on this as my final concept and continued to think about how to make it more organized and visually appealing.
|
| Fig1.9 Atom and Universe |
|
| Fig1.10 Stellar Pulse: Nebular Wave |
Final Submission:
Final Quantifiable Information PDF
|
| Fig1.11 Info Data |
Reflection
I found this task quite fun, as it required me to use my imagination to
connect many seemingly unrelated things and then combine them into a
story. This process could either be very creative and whimsical or kept
simple and dull. For example, I chose chocolate, which initially seemed to
have no direct connection to the universe, but through creative thinking,
I managed to make that connection. Although I didn’t display specific data
analysis, I still showcased the quantities, and this helped structure the
entire piece, making it more understandable. Through this task, I learned
how to categorize a simple object and use creativity to tell a story,
which resulted in an interesting and meaningful presentation. I hope that
in the future, I can find more fun ways to present clear messages and come
up with even more unique ideas to implement.
Comments
Post a Comment