Information Design - Exercises
Information Design - Exercises
Rafa Maritza Hertrian [0364958]
Bachelor of Design (Honours) in Creative Media/ Taylor's University
LECTURES
Week 1 - Type of Infographics
1. List Infographics
- uses a written list
- full of written copy but highly visual
- Contextualizing Information with visual
2. Statistical Infographics
- Includes pie charts, bar graphs, and other data representations
- easier to understand data
- Percentage or Radials grabs attention
3. How to Infographics
- Give a step by step explanation on how to do something
- How to solve a problem or how to perform a task
4. Timeline Infographics
- Usually to show an evolution of something
- Using icons and illustration of the timeline
5. Comparison Infographics
- Compare and contrast different options
- Representing two or more alternatives side-by-side
6. Map and Location Infographics
- Used extensively by companies and organizations
- tend to show demographic data or other location specific information
7. Flowchart Infographics
- graphic representation of an information stream
- sequence of different steps or actions
- boosts engagement
- feels more personal and tends to resonate closely
8. Process Description Infographics
- Describes the main elements, action, and steps of a process
- highlights the most important steps.
- breaking dow to categories
Week 2 - LATCH Theory
“Information may be infinite, however… the organization of information is finite as it can only be organized by LATCH: Location, Alphabet, Time, Category, or Hierarchy. I’ve tried a thousand times to find other ways to organize, but I always end up using one of these five.”
- Richard Saul Wurman
Location
Organizing information based on its location.
Alphabet
Organizing content on alphabetical order.
Time
Temporal nature of content of organizing.
Category
Refers to Any meaningful group. This is the most frequently used technique
Hierarchy
Arranging information by any order, such as, size, cost (Low to High OR High to Low), popularity etc.
Miller’s Law of Memory
- Communication Challenges: Misunderstandings and interruptions affect message clarity.
- Memory Limitation: Short-term memory holds ~7 items (±2) for only 30 seconds.
- Paradox of Choice: Too much information overwhelms memory, leading to forgetfulness.
- Refining Options: Breaking information into smaller chunks improves retention.
- Clustering Information: Grouping data helps the brain process and recall better.
1. Form Follow Function: your work should be driven by query
Example: in a website, you will have to allow the viewers to search for what they are looking for
2. Interactivity is Key: Provide 360 techniques so people can interact with your product.
Example: Navigation in a website (user-friendly)
3. Site your source: always disclose where your data originated.
4. The power of narrative: human love stories. Elaborate your information into storytelling to make it more interesting.
5. Do Not Glorify Aesthetics: "should always be a consequence and never a goal". Do not design for designers, design for the public.
6. Look for Relevance: Why are you visualizing the information? Having the most simple interface so that the viewer imidieately find what they are looking for.
7. Embrace Time: Time management skills are one of the key factors to organizing and achieving better results for any decision-making.
8. Aspire for Knowledge: A core ability of information visualization is to translate information into knowledge. It also facilitates understanding and aids cognition.
9. Avoid Gratuitous Visualization: should respond as a cognitive filter, an empowered lens of insight, and should never add more noise to the flow.
A Visual History of Human Knowledge (Manuel Lima)
INSTRUCTIONS
EXERCISE - 1
Exercise 1 - Quantify and Visualize Data
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
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.
For this exercise, I used a set of binder clips that had already been used.
The set contains clips with 4 different colors in different quantities.
|
| Layout 1 |
|
| Layout 2 |
|
| Layout 3 |
|
| Layout 4 |
|
| Layout 6 |
After consulting, I decided to go with the first idea because it has the most interesting shape. Then I realized the layout is somewhat similar to the golden ratio, Therefore, I incorporated the golden ratio into the layout. The clips are arranged based on their quantity. The golden ratio would make the blue clips stand out even though it has a lesser amount.
|
Labeled Layout:
EXERCISE - 2
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.
VISUAL REFERENCES
For this exercise, I came up with the idea of making an infographic poster
about ants' social structure. Ants' social systems are pretty complex and
have a hierarchy. Hence, I searched visual references for infographics
that focus on hierarchy. I also searched references for the ants'
aesthetic so I could decide on the concept I wanted to use for the
infographic.
.jpeg)
.jpeg)
.jpeg)
.jpeg)
SKETCHES
I proceeded to make sketches for the infographic layout.
Sketch 1: the ants will be presented in circles and the queen will be in
the middle. The ants with the highest population will form a bigger
circle.
Sketch 2: The ant hierarchy will surround a circle.
Sketch: The ants are presented in a line
I decided to go with Sketch 4 because it represents the ant's habitat. I
created the illustration in pro create and made the ants use accessories
that matched their social roles in the ant colony.
Next, I added the title and text.
Final Infographic:
.png)
Title typeface: Genty Sans
Text typeface: Helvetica world
FEEDBACK
Mr. Shamsul suggested that the first layout and the second layout has a more suitable layout for the clips.
Week 2 (Project 2)
I consulted my topic with Mr Shamsul, I planned on making an infographic about the social hierarchy in an ant colony. He ask if there would be enough to discussed and I explained that there are several roles in an ant colony. He then approved this topic.
After consulting the topics for the video with my group, Mr Shamsul suggested to go with a specific topic and a topic that every group member is familiar with.
Week 3 (Exercise 2)
I was suggested to change the text color for the contents to a lighter color because the red heading is not visible. But overall, Mr Shamsul said the layout and the fonts is okay.
Comments
Post a Comment