Rachel Yeo Rong Qing / 0368901
Information Design / Bachelor of Design (HONS) in Creative Media
Exercises
CONTENT
LECTURES
In this week, Mr. Fauzi has introduce the basic concepts and eight main types infographics. Each of them has its own unique application scenarios and visual design methods. Mr. Fauzi also show some case analysis and reference materials to further deepen the understanding and practical application of information design.
* Role of Infographic:
- A powerful visual communication method that can increase user engagement and quickly attract the audience's attention.
- Presented visually is more intuitive and easier to understand than traditional text content.
- Widely used in the design and marketing fields to convey information in a concise and attractive way.
* Types of Inforgraphic:
⤷ List Infographic:
- 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 Infographic:
- 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 Infographic:
- 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 Infographic:
- 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 Infographic:
- 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 Infographic:
- 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 Infographic:
- 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 Infographic:
- 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 : Location, Alphabet, Time, Category, Hierarchy.
- 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.
* 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:
- Use information visualization style, such as different colors to distinguish five organizational methods.
- Use a grid system to ensure that information is aligned and clearly presented.
- 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.
*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".
* 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.
* 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.
* 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.
INSTRUCTIONS
Exercise 1 - Quantify & Visualize Data
In this task, we have been tasked to bring some random item and arrange the object into a presentable layout. At first, I have bring the stick but then I found that the stick is too equal and I decide to change my item.
Fig 1.1 Stick Random
At the end, I choose the candy with different flavor to proceed with this exercise.
At first I though what we need too do is arrange it in a presentable style, but I forgot to add the information. Therefore, I decide to come our with another idea.
I make another idea and add on the information such as how many piece of this flavor candy is in the picture and sort them by flavor. Hence, my final version of the Exercise 1 has done.
Exercise 2 - L.A.T.C.H
In this exercise, we have been asked to organize at least 4 group information into a visual poster that incorporates and applies the LATCH principles. For this exercise, there is no limitation on the software that we use to create this poster.
The poster will be include four principle which is Location, Alphabet, Category and Hierarchy. I will include the hometown of each agent by adding the flag of them to achieve the Location, Sort the agent according to Alphabet and arranged the group of agent according to the strength level.
After I decide the information present way, I start to find the visual reference on Pinterest. Hence, I decide to go with the visual reference that shown as below.
Based on the visual reference, I have come out the sketch below.
Next, I start with creating the base by using Procreate. I decide to go with the color like this to make it more similar with Valorant style.
Once the base has done, I start to add the information such as the category, name, profile picture of the agent and country flag.
After the information is well arranged, I add the topic and line as the decoration. Hence, my poster has done.
Comments
Post a Comment