Information Design - Exercises

INFORMATION DESIGN

Monday,Feb. 03 .2025

Jia Wenbing /0365436/

Design principles/Bachelor of Design in Creative Media

Exercise 

INDEX: 

1. LECTURES
2. Exercise 1 - Quantify & Visualize Data
    Exercise 2 - L.A.T.C.H 
3. FEEDBACKS
4. REFLECTION

---

---

LECTURES

Week 1 

This week mainly introduces the basic concepts and eight main types of infographics, each with its own unique application scenarios and visual design methods. Through case analysis and reference materials, further deepen the understanding and practical application of information design.

The role of Infographics

• Infographics are a powerful visual communication method that can increase user engagement and quickly attract the audience's attention.
• The information presented visually is more intuitive and easier to understand than traditional text content.
• It is widely used in the design and marketing fields to convey information in a concise and attractive way.

Fig 1.1 The role of Infographics

Fig 1.2 8 types of infographics

Eight types of infographics

 List Infographics

• Present information in the form of a list, combining text and visual elements to improve readability and appeal.
• Suitable for summarizing key points or organizing lists to make data more memorable.

Statistical Infographics

• Display statistical information through data visualization methods such as bar charts and pie charts.
•  Percentages, icons, etc. can be used to enhance visual appeal and make data easier to understand.

How-to Infographics

• Show "how to do something" in a graphical way, such as steps to solve a problem or perform a task.
• Replace lengthy text descriptions to make the process easy to understand and execute.

Timeline Infographics

• Display key points of events or developments in chronological order.
• Often used in scenarios such as historical development and project progress, and combined with icons to enhance visualization effects.

Comparison Infographics

• Compare and contrast different options in a visual way.
• Help users make more informed choices by showing different concepts or products side by side.

Map Infographics

• Mainly used to show geographical data, such as population distribution, market coverage, etc.
• Suitable for companies or organizations to show information about a specific area.

Flowchart Infographics

• Show information flow, such as steps or decision paths, in the form of a flowchart.
• Suitable for guiding users to complete tasks and improve interactivity.

Process Description Infographics

• Describe the main steps and elements of a complex process in a visual way.
• Make complex concepts easier to understand by breaking down and categorizing the steps.

Week 2

Introduction to L.A.T.C.H Theory

• L.A.T.C.H stands for Location, Alphabet, Time, Category, Hierarchy.
• The theory was proposed by Richard Saul Wurman and emphasizes the limited organization of information.
• The effectiveness of organizing information directly affects the user experience (UX).

Five ways to organize information

• Location: Arrange by geographical or spatial location, such as map navigation.
• Alphabet: Arrange by A-Z, such as dictionary, address book.
• Time: Arrange in chronological order, such as news timeline, social media dynamics.
• Category: Group by category, such as product classification on e-commerce websites.
• Hierarchy: Sort by size, importance or other criteria, such as price from low to high.

Application scenarios

• UX design: Optimize website navigation and improve the efficiency of users finding information.
• Social media: Sort based on time to improve the timeliness of information.
• E-commerce platform: Combine categories and hierarchical sorting to improve shopping experience.
• Map application: Organize data based on location and provide intuitive navigation.

Information design suggestions

• Choose the most appropriate L.A.T.C.H method to improve user readability.
• Use icons + color coding to enhance visual hierarchy.
• Combine user research (such as card sorting) to ensure that the classification is in line with user habits.
• Use clear information hierarchy to improve understanding.

Visual design suggestions

• Color matching: Use information visualization style, such as different colors to distinguish five organizational methods.
• Layout structure: Use a grid system to ensure that information is aligned and clearly presented.
• Graphic elements: Add schematic diagrams of the five L.A.T.C.H methods (such as timelines, maps, classification frameworks, etc.)

Week 3

Miller's Law has important practical significance in information design. When designers display concepts or convey information, they should use the "block strategy" as much as possible to optimize the user experience.

• "Short-term memory is limited": Most people can only remember "5-9" pieces of information at a time, and the information retention time is short.
• "Information overload reduces communication efficiency": Too much information affects understanding and decision-making ability.
• "Chunking strategy helps memory": Split information into smaller parts to improve information absorption and memory efficiency.
• "Information design should optimize content": Avoid too many choices, streamline information, and improve delivery efficiency.

Miller’s Law of Memory

• During the communication process, information transmission may be affected by interference and misunderstanding.
• Miller’s Law states that people’s short-term memory capacity is limited, and they can usually only remember "7±2" information units (objects).
• The retention time of this information is usually no more than "30 seconds"

Fig 1.3 Miller’s Law of Memory

The Magical Number Seven, Plus or Minus Two

• George A. Miller proposed in 1956 that most people’s short-term memory can hold a maximum of about "7" items, ranging from "5-9".
• When this threshold is exceeded, most people will forget some information.

Fig 1.4  7±2

The Paradox of Choice

• The amount of information that the human brain can process during communication is limited, and it is impossible to fully grasp all the information.
• "Information overload" will lead to decision-making difficulties and memory decline.

Fig 1.5 The Paradox of Choice

The Art of Refining Options

• "Information simplification is key": In a world of infinite possibilities, making the right choices is difficult.
• Due to the limitations of short-term memory, "chunking" information is an effective method to help people better absorb and remember content.

Solution: Chunking

• "Chunking" is a technique to deal with the limitations of short-term memory, which is to split information into smaller chunks so that it is easier to remember.
• By reducing the amount of information presented at one time, it can better adapt to human cognitive ability and improve the memorability of information

Week 4

Manuel Lima's 9 principles provide information designers with a clear set of guidelines to help create more effective and insightful information visualizations

• Information visualization is not just about aesthetic design, but aims to clearly communicate information.
• Good visualizations should be interactive, credible, narrative, and focus on the relevance and timeliness of information.
• Avoid excessive decoration, focus on user experience and information communication, and enhance insight

9 Directives Manifesto

• Form Follows Function

The purpose of visualization should always be explanation, with insight as the goal.

Design should start from the problem, not just the pursuit of beauty.

• Interactivity is Key

Allow users to learn through exploration and discovery, improve engagement and understanding.

• Cite Your Source

Make data sources transparent to ensure the credibility and accuracy of information.

• The Power of Narrative

Humans are naturally fond of stories, and narrative makes information more attractive and memorable.

• Do Not Glorify Aesthetics

Aesthetics should be the result rather than the goal, and avoid over-design that affects information communication.

• Look for Relevancy

Before designing, it is necessary to clarify why visualization is needed to ensure that the information is valuable.

• Embrace Time

Time factors are difficult to deal with, but good time management can optimize information organization and decision-making.

• Aspire for Knowledge

The core goal of information visualization is to transform information into knowledge and enhance cognition and understanding.

• Avoid Gratuitous Visualizations

Visualization should act as a cognitive filter to enhance insight rather than add information noise.

---

Exercise 1 - Quantify & Visualize Data

In the first exercise, we need to quantify (count) the items we choose (Lego bricks/colored buttons, etc.) and arrange the items on A3 paper into a presentable layout or chart. The information must be presented as it is, and the relevant indicators are written with a pen to help us visually see the quantity and data.

I didn’t have enough preparation, so I bought colored Lego bricks and colored wooden clips for this exercise. And sorted them according to their size and color.

Fig 1.1 Idea 1

Fig 1.2 Idea 2

I first distinguished them by color and category, made a simple distinction between colors and categories and also marked the quantity.

After that, I received feedback and divided the layout by color. And indicated the data next to it as the agreed data of the color.

Final Quantify & Visualise Data (Exercise 1)

Fig 1.3  Final Quantify and Visualise Data 

---

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

For this exercise, we should organize at least 4 pieces of information into a visual poster that incorporates and applies the LATCH principles. We should use available digital photo editing/illustration software to assemble the characters into a LATCH infographic poster.

I decided to go with Papa's Games. My idea was to frame the game by location and genre, adding a timeline of the game's difficulty and development.

Fig 2.1  L.A.T.C.H

Visual Reference

After listing the information, I went to Pinterest to find some infographics for visual reference. At first, I was going to put the information by category, but I found that it was too restrictive and difficult to proceed. So I chose to use location to distinguish the information icons.

Fig 2.2  Visual Reference

Finally, I chose to design a poster using space and location. Mr. Shamsul allowed me to try it. I started to take the next step

Fig 2.3 Sketch

Before I started making the game, I did some research and sorted the games by release date. I also collected some game rankings and information.

Fig 2.4 Sorting

I started designing the 2.5D poster using the 3D effect in Adobe Illustration. I first decided on the position of the title and the colors, then started building the building store and searching for some assets that could be used.

Fig 2.5 Design Process

Then I started to use Photoshop to process the image materials and extract the elements I needed.

Fig 2.6 Processing Materials

I put the materials I need in different positions to make the whole picture achieve the effect I want. I treat each position as a small scene and then place the corresponding elements.

Fig 2.7 Place the material

I chose orange as the color of the final poster, which fits the cheerful feeling of the whole game. The title is based on the color of Papa's title, using a yellow gradient.

Fig 2.8 Title Color

Final L.A.T.C.H Infographic Poster (Exercise 2)

---

FEEDBACKS

Exercise 1

You can adjust the order based on color or shape, but there must be information, which is the ultimate goal of information quantification.

Exercise 2

When I first chose, I chose a variety show to differentiate. But Mr. Shamsul thought it would be boring and there was no way to differentiate the information. He suggested that I use a game. I finally chose the Papa's series of games to differentiate. When I suggested that the draft be expressed with a sense of space, Mr. Shamsul thought it was interesting and asked me to try it.

---

REFLECTION

Through these two exercises, I learned the basics of information design. It also made me understand what is visual digital information. This seems easy, but we need to do detailed information processing ourselves. Through the first exercise, I have a deeper understanding of the importance of choosing the right visualization technology to accurately convey data.

The second exercise made me more aware of the difficulty and challenge of information classification. I need to think clearly about how to classify information in the early stage, and then I can design according to clear logical ideas. Otherwise, it will be difficult to proceed with the work. In the process of designing posters, I found that I had not used the software for too long, and the operation began to become slow. Many of the contents that could be quickly operated before were basically forgotten. I need to practice a lot on myself.

In general, although information design is very challenging, it will also improve my professional ability, and the content of information design is also very important. No matter what you do, being able to quickly classify information is also a manifestation of ability.