INFORMATION DESIGN // Flip Class & Class Exercises
Week 1 (05/01/2021 - 08/01/2021)
Fann Man Ling - 0344623 (BDCM)
Information Design // Ms. Anis & Mr. Shamsul
Flip Class & Class Exercises
LECTURE (Flip)
WEEK 1 // 05.01.2021
INTRODUCTION
Today, we were briefed about the module and the assignments including individual and group projects. We have 4 individual assignments, which is exercise 1, exercise 2, project 1, and project 2; The group assignment is our final project. Then, Ms. Anis briefed us about our first exercise (Quantity Data) and Mr. Shamsul briefed us about our final project (Disinformation).
Fig 1: Exercises & Assignment Brief
WEEK 1 // 08.01.2021
INTRODUCTION TO FLIP TASK
Today, Ms Anis briefed us about our upcoming tasks, which is the FLIP task that each group of us need to prepare and present in the lecture class.
WEEK 2 // 12.01.2021
FLIP 1
Group 1 and Group 2 presented their FLIP topic, which is Types of infographic. The groups also suggested us some online tool review that can be utilized for infographic design, namely, Piktochart, Snappa, Canva, Visme, Infogram. Ms Anis suggested that we can take them as reference when we're making our infographic.
9 Types of Infographic:
STATISTICAL
Visualising survey results & data
Charts, icons, colour, eye-catching fonts
INFORMATIONAL
Displaying a new / specialised concept to summarise idea
Divided into few sections with descriptions
TIMELINE
Showing a clear history of something, underlining important dates, driving important to an event.
PROCESS
Providing a summary / overview of the steps in a process. Helps simplify each step clearly.
Numbers / directional cues - flow better
Different colours - seperate and emphasize each step
GEOGRAPHIC
Visualise location-based data, demographic data, large quantities.
Map.
COMPARISON
Contrasting colors to emphasize the difference between both options.
LIST
Share a collection of tips / list of resources.
Bullet points with creative fonts, colors.
HIERARCHICAL
Information are organised into different levels and how those levels are connected.
Pyramid charts, flowcharts.
RESUME
Great visual document during interview, to publish on portfolio site / to include in an email application.
Reflect designers skills and experience.
WEEK 2 // 15.01.2021
FLIP 2
Group 3 and 4 presented their topic on L.A.T.C.H principle by Richard Saul Waurman.
Fig 2: L.A.T.C.H (Source: Google)
LOCATION
area
bar chart, line chart
alphabetical order
TIME
chronological order
CATEGORY
shared characteristic in a certain group.
HIERARCHY
cartain criteria, vertically upwards / downwards
*I think this principle is very useful for me to effectively organise and restructure different information.
FURTHER READING
WEEK 3 // 19.01.2021
Today Ms Anis gave us a lecture about information visualization. She talked about the importance of data visualization as it could be effective for both benevolent and malicious purposes. She then showed us some examples of the history that governments used infographics to spread propaganda or slogan.
WEEK 3 // 22.01.2021
FLIP 3
Today, my group and group 6 presented about the Miller's Law Chunking. After the presentation, Ms Anis briefed us on our Project 1 - Recipe Infographics.
Fig 3: Presentation
Simply put, chunking is a very good tool to group things and make it easier to be understood and remembered. A lot of ui/ux design applying chunking method to avoid the users be overwelmed by information and navigate the app and website easily.
*I've learned a lot after doing research on the topic for the presentation, especially how to apply it in ui/ux design such as ideally 7 info chunks in a page that people's short term memory could handle.
WEEK 4 // 29.01.2021
FLIP 4
Group 7 and 8 presented the flip 4 about Manuel Lima's 9 Directives Manifesto.
MANUEL LIMA'S 9 DIRECTIVES MANIFESTO
1. Form Follows Function 功能性 - follows a purpose
2. The Power of Narrative 故事性 - connections (convey)
3. Interactivity is Key 互动性 - show the process
4. Embrace Time 时间性 - utilise the time well to provide rich info
5. Look for Relevency 关联性 - follow the subjet matter & principle of design
6. Aspire For Knowledge 知识性 - translate information to knowledge
7. Avoid Gratuitious Visualization 避免无谓讯息 - Avoid over detail
8. Do Not Glorify Aesthetics 避免过度审美 - Information flow > Aesthetic
9. Cite Your Sources 注明出处 - link / credits
*Through the presentation by both group, I've learned what makes a good infographic design. After knowing the criteria, we can use them in designing and judging an infographic design.
INSTRUCTION
Fig 2: Module Information Booklet
Fig 3: Rubrics
EXERCISES
PRACTICAL
WEEK 2
Mr. Shamsul showed us a demo on some basic text animation techniques, such as falling effect in Adobe After Effect. We then were tasked to did the exercise. After that, we were assigned homework to do the kinetic typography according the audio uploaded in Google Classroom by using Adobe After Effect.
WEEK 3
Today, Mr. Shamsul did a review on the Kinetic Typography exercise we did last week. Then, he taught us to create a simple animated chart in showing data. We were then tasked to do the exercise in the class.
Fig 1: Class Exercise (19/1/2021)
WEEK 4
Today Mr Shamsul did a review on our weather infographic exercise that assigned to us on Google Classroom last week.
Weather Infographic Exercise
Fig 2: Class Exercise_Weather Infographic
FEEDBACK
Week 3
Ms Anis liked the example of using chunking technique in ux/ui design that we did for the flip presentation.
Week 4
Mr Shamsul said my weather infographic video is good in overall, except the last part as it better not to give a whole scene to a certain area as it indirectly highlights the area.
REFLECTION
I've gained so much knowledge from the FLIP topics that presented by my classmates, those are really helpful for me in designing infographics in the future. Furthermore, by doing my FLIP topic, which is Chunking, I've learned that Chunking is not only can be applied in boosting memory capacity, but also is useful in UX/ UI design. I've even started to apply it when I'm doing my assignment.
Comments
Post a Comment