Information Design - Flip Classroom
5.1.21 - 29.1.21 (Week 1 - Week 4)
Sajiya Mir (0340836)
Information Design
Bachelor of Design (Hons) in Creative Media
Flip Classroom
Sajiya Mir (0340836)
Information Design
Bachelor of Design (Hons) in Creative Media
Flip Classroom
Lecture
Week 1:
Tuesday, January 5,2021
In the first class for Information design, we were briefed on the module and introduced to all the upcoming exercises and projects. Later we made our groups and started to brainstorm ideas for our group project. After that, Ms. Anis gave her lecture about quantifying objects and told us to find items in our household to categorize them into data.
Tuesday, January 5,2021
In the first class for Information design, we were briefed on the module and introduced to all the upcoming exercises and projects. Later we made our groups and started to brainstorm ideas for our group project. After that, Ms. Anis gave her lecture about quantifying objects and told us to find items in our household to categorize them into data.
Misinformation = false and often harmful information ( not shared with malicious intent)
Disinformation = false and malicious information ( deliberately to cause harm
Instructable Infographics present complex information quickly and clearly,
symbols charts and diagrams
information graphics, computer scientists, mathematicians, and statisticians.
Disinformation = false and malicious information ( deliberately to cause harm
Instructable Infographics present complex information quickly and clearly,
symbols charts and diagrams
information graphics, computer scientists, mathematicians, and statisticians.
Week 2:
Tuesday, January 12,2021
In the class, today,, group 1 and 2 presented their flip topic 1 about the nine types of infographics. They explained the differences between each infographic and what they are used for. They then showed how they redesigned the infographics.
Types of infographic
- Information infographic: Gives an overview of a topic, it presents new or specialized data.
- Emphasis on words more than graphic elements.
- Summarises large pieces of content, reports, blog
- icons, colored shapes used to emphasize the graphics.
- Always have a header to make information clear.
- Timeline infographic: Visually displays information in a time progression.
- Highlight information by associating them with a certain time.
- Business presentation, timeline, Process.
- Charts infographic: This is visual information in the form of charts or graphs
- Used to give an overview of information quickly and clearly.
- Process infographic: Summarise, visualize and simplify processes.
- Usually used for marketing strategies, recipes, guides, or maps
- Highlights landmarks or points in time.
- Comparison infographic: Examines the similarities and differences between two or more products.
- Locations, events, actions, ideas, or individuals.
- Creates contrast and helps identify the pros and cons.
- Resume infographic: It tells a person's qualification in a visually engaging way
- With the use of charts, icons, and graphic elements
- Fewer words and more graphics
- Summarises a person's professional life.
Fig.1.0 After Effect video
Another two groups presented today on the topic of L.A.T.C.H. Then we got a short consultation session with Ms. Anis. During Mr. Shamsul's session, we had to present our topics for our final project as we had changed our topic.
Saul Wurman’s L.A.T.C.H
L.A.T.C.H. is a method of information organization that consists of these 5 principles:- Location: is a method where the information is organized into groups depending on its geographic location.
- Alphabet: Information is arranged alphabetically
- used in dictionaries, encyclopedias, books, etc.
- Time: Organising events that happen during. over a fixed duration of time.
- Timelines
- Category: a group or a class of items with shared characteristics.
- Hierarchy: An arrangement of items in which some items are presented as being 'more', 'less' as one another.
- ranks things according to importance or value.
Tuesday, January 19,2021
This week Ms. Anis did the lecture about Information visualization. Where we learned a brief history about why visual information is so important and how it came to be. Then during Mr. Shamsul's class, he demonstrated how to create an infographic video using covid numbers as an example.
Visual Information
- Research has shown that 40% of people respond to visuals more than text and that visuals are processed 60,000 times faster than words.
information design seeks to add knowledge to the information it displays through spatial, quantitative, and chronological relationships.
- visualizing information
is to reveal the intricacy of the world in uncomplicated terms that are simple to comprehend.
In Mr. Shamsul's demonstration, we learned about how to use the Trim path and how to mask the text.
Fig.1.1 Covid chart exercise
Friday, January 22,2021
Today it was our group's turn to present Flip 3 which was about Miller's law of chunking. Our group presented and got good feedback, after that Ms. Anis briefed us on project 1 and gave us a few tips about how we should proceed with the project. She suggested we watch the video at least more than one and make sure to take notes. When creating the infographic she wanted us to make sure that the information is clear at one glance, also that the infographic should reflect on the grandma's personality. Then during Mr. Shamsul's class, we presented our mood board and storyboard for our final projects.
Week 4:
Today it was our group's turn to present Flip 3 which was about Miller's law of chunking. Our group presented and got good feedback, after that Ms. Anis briefed us on project 1 and gave us a few tips about how we should proceed with the project. She suggested we watch the video at least more than one and make sure to take notes. When creating the infographic she wanted us to make sure that the information is clear at one glance, also that the infographic should reflect on the grandma's personality. Then during Mr. Shamsul's class, we presented our mood board and storyboard for our final projects.
Fig.1.2 Flip topic 3 Presentation
For my weather video, I started with designing the layout and the background. I kept the background simple and did a dark blue gradient then I added the circles to make it looks like stars. Then I made these icons where I would write the countries and the weather. I lowered the opacity as I saw in the examples of other weather infographics.
 |
| Fig.1.3 Progress Then I started working on after effects and followed what Mr. Shamsul's tutorial showed with the trim path. The animation was kept simple and I focus more on the timing so the viewer can read all the details properly before it changes. |
 |
| Fig.1.4 Progress |
Fig.1.5 Weather forecast Final
Friday, January 30,2021
Today one group present Flip topic 4 which was on Manuel Lima's nine directive manifestos. After a short consultation session, Mr. Shamsul looked at our animatics for the final project.
Today one group present Flip topic 4 which was on Manuel Lima's nine directive manifestos. After a short consultation session, Mr. Shamsul looked at our animatics for the final project.
Nine directive Manifesto
Manuel Lima’s 9 Directive Manifesto is a set of rules to follow in order to create a good information visualization design.
- Information Art: Focuses more on the aesthetics of the design instead of the information being conveyed.
- Information Visualisation: convey complex ideas in simple terms
- Form follows Function: the final composition should relate to the purpose of the design.
- The form should be based on the data but not restricted by it.
- Form follows a purpose, and in the case of Information Visualization, Form follows Revelation.
- Interactivity is Key: interactive techniques will allow users to take advantage of the layout and make it easier to find the answers to their questions
- Visualization should be recognized as a discovery tool.
- Cite your sources: Citing your source not only will it clear any misconceptions it will also lend credibility to your work.
- Power of Narration: Storytelling is a powerful way to learn and spread information, hence our project should convey a compelling narrative.
Creates a theme that unites the data in a smart way
Creates a flow
Create an engaging and entertaining experience
- Do not glorify Aesthetics: Aesthetics is an important factor, to grab attention, but not the most important.
Should always compliment the research
Over-usage of aesthetic elements can take away the clarity of information
- Aspire for Knowledge: A core ability of Information Visualization is to translate information into knowledge and redistribute it to others.
- Every project should aim at making knowledge more understandable.
Feedback
[Week 2]: Mr. Shamsul Suggested I work a bit more on the timing.Reflection
Experience: The flip topic sounded very confusing initially, but after watching everyone's presentation, doing our presentation made me realize its significance. It was interesting to learn that so many theories and rules went into creating information design. I don't think I would have known about these topics if it weren't for this class, and I am sure what we learned here would help us with our final projects.
Observations: In a lot of the topic, I have noticed that importance is given to the layout and properly delivers it across. It is stated that the information should be easy to understand and comprehend. All the other rules are what help achieve that.
Findings: I considered it noteworthy that the 9 Directive Manifesto by Manuel Lima mentions not to glorify aesthetics. As a designer, I always thought design aesthetics is necessary, but looking at the presentation was a fresh perspective to learn that aesthetics is to grab attention, but not the most important.
Comments
Post a Comment