Information Design - Exercises
10/01/2023-02/02/2023 (Week 1- Week 4)
Brigita Maria/0352958
Information Design/ Bachelor of Design in Creative Media
3D render by Milad Fakurian
Week 1 Lecture: Introduction to the Module
Topic 1 Types of Infographic:
List infographics
Informational graphic that uses list to get a message across.
Ex: Tips and tricks, or step-by-step
Statistical infographics
A visual representation of data and statistics through charts, icons, graphs and images.
Ex: World statistics
How-to infographics
Describes the steps involved in achieving a certain outcome.
Ex: Recipes
Timeline infographics
Infographic that displays events in chronological order. Timeline infographics are used to
- Show the historical development of a person or item
- Explain the evolution of a product or trend within their niche
- Demonstrate how a particular practice has evolved over time
Comparison infographics
A visual way to compare and contrast options. By presenting 2 or more ideas side by side. Made reader easier to understand the contents and ideas.
Ex: Marketing, compare one product with other products.
Map and location infographics
Graphic that visually communicates information in relation to a geographic area. It’s usually presented in the form of a map. Used to:
Flowchart infographics
Its purpose is similar to a how-to infographic.
The key distinction is that a flowchart infographic depicts decision-making processes.
Each step is linked to the next with lines and directional arrows.
Ex: Product launch day plan, Project planning, etc.
Process description infographics
Used to visually describes the main elements, actions, and steps of a process.
- communicate technical information or a complex series of actions
- highlights the most important steps, and simplifies complex ideas by breaking them down and then grouping them by category
Mixed chart
Infographic that utilises a variety of different charts to display data. In the example:
- Statistical infographic
- Map & location infographic
- List infographic
Hierarchical infographic
Infographic that stacks the subjects based on a predefined level as a hierarchy
Week 2
Topic 2 Saul Wurman's L.A.T.C.H.:
Location
Ex: Weather forecast maps organize their information based on the location
Alphabet
Ex: Participant members of a meeting call in TEAMS organized by alphabetical order
Time
Ex: Social media posts can be sorted by recency
Category
Ex: Products in a shopping website is sorted by categories
HierarchyEx: Social media algo ranks the video based on hit ranking
Week 3
Topic 3 Miller's Law Chunking:
Chunking is a term referring to the process of taking individual pieces of information (chunks) and grouping them into larger units. It is a concept originates from the field of cognitive psychology. By grouping each piece into a large whole, you can improve the amount of information you can remember.
UX professionals can break their text and multimedia content into smaller chunks to help users process, understand, and remember it better.
Week 4
Topic 4 Manuel Lima's 9 Directives Manifestos:
1. Form Follows Function: “the purpose should always be centered on the explanation, which in turn leads to insight.” Start with a Question: Your work should always be driven by a query
2. Interactivity is Key: allows for investigation and learning through discovery
3. Cite Your Source: always disclose where your data originated4. The Power of Narrative: Humans love stories
5. Do Not Glorify Aesthetics: “should always be a consequence and never a goal”
6. Look for Relevancy: why are you visualizing the information?
7. Embrace Time: Time is difficult to work with but rich
With my group, we finished the research in class:
Then for individual
Flip task, we were to
recreate a bad infographic poster and make it better. So, I search the
internet and try to find a bad example of infographic.
Fig 1.1 The bad infographic sample (I am sorry to whoever made this)
Fig 1.2 Progress of poster
Fig 1.3 Progress of poster finished
Fig 1.4 Final Result
EXERCISE 1
Lastly for this week's exercise (Exercise 1: Quantify and Visualize Data) I choose to do my crayon collections with the variant colors that I
have, I can categorize it into several group.
Fig 1.5 My collection of crayons
I basically divided the crayons into different categories. The color shades
and the finish of the crayons.
The color shades includes:
- neutrals
- reds-yellow ( warm tones )
- blue
- pink-purple
- green
The finish includes:
- Matte
- Glossy or Glittery
Fig 1.6 Quantify and Visualize Data 1
Fig 1.7 Quantify and Visualize Data 2
EXERCISE 2
For the next exercise, we're introduced to this term called L.A.T.C.H.
Fig 2.1 X & Y Pokedex
Fig 2.2 Mountain Kalos
Fig 2.3 Coastal Kalos
Fig 2.4 Central Kalos
Fig 2.5
Fig 2.6
Fig 2.7 Map for the location ( Divided )
Fig 2.8 Map of the location
Fig 2.9-13 Pokemon Characters
Fig 2.9 Final Product JPEG
This couple of weeks I learned a lot of new theories on designing information. Although it looks simple enough for us to understand, I think it takes skill and learning to master this.
We need to learn this well in order to be better at designing. Basically designing anything do need this skill. If you carry this skill every where you go, as a designer it will make your designs and creation more dependable and nicer.
