Information Design : Latch and kinetic animation

 

Information Designs

Date : Feb/3/2023

Name : Mabuchi Arata

Lecture : Video and Sound Production

Lecturer's name : Martin Chong Yuh Lin

ID : 0351579 

1, Introduction

In this week, I've learnt about Manuel Lima's 9 Directives Manidesto which is basically the way to visualize infomation. Unlike chunking, this method is about translating abstract datas into visual representations of definition of the observation/results being got, This methods enables representing any information to communicate much clearly and even much easile tha using original data directly. There are 9 directions in Manuel Lima's 9 Directives Manidesto, I'm going to exlain each nine method one by one shortly.

2, Manuel Lima's 9 Directives Manifesto

Manuel Lima's 9 Directives Manifesto is made by Manuel Lima who is Portuguese-American desiner whi is know fo his work about visualization and visual culture, there 9 laws are the efficient method that Manuel Lima made for visual represented information.

1, Form follows function

It creats a follows in a media to follow the information. It is close to the road that people can use as guide to walk. Make imformation that presentar mostly wants to tell bring to the center or any other aplace that can attract people's attention.

Way to catch People's lead to particular informations is one of the most important  feature in this methods.

2, Interactivity is Key

Sometimes informations are too much to show in one screen and that need to be separated, if viewers can access directly to the information that users mostly want to see, the design of information itself is going to be improved much better. 

The point is that quality of interactivity is also going to be one of the key, especially when you design UI/UX, the quality of interactivity is going to be one of the most important things for better design.

3, Cite your source

Every information requires collectness/accuracy, it can be easily prooved by mentioning in the used media, however the link of the source can't be placed in the middle of the media so that cause peventing to see the main information or too small to see without close attention. The placement and size of the source mentioning is one of the feature you must conside in your design.

4, The power of Narrative

Human is the animal that loves stories alot, it can ne one of the most powerfull and successful ways to learn discover and spread information. Efficiently inserted message in your story can tell people bout what you want to express much easily. 

Way to create narrative stories can be one of the feature that you also need to know f better information telling.

5, Do not Glorify Aesthetics

Asethetic in't meant for bad for information design, however, Once you complete your designing one thing, it may require fixing or any improvement, therefore sometimes it must be fizng or adding more information. You mustn't be satiafies to the quality onece you complete your design, but always be a consequence.

6, Look for relevancy

This meaning is close to the observations of data, once you have experienced about researching anything you know you don't have to use all of data. You need to find any pattern. parallel processing come in hand to determine most necessary informaton that viewers mostly want to see. You need to determine relevancy ratio to find out possibility of comprehension, assimilation and decision making .

7, Embrance time

The quality of things always derease when we have no enough time, therefore we need to plan well to create a better works, it can be said same things to the information research, we have rich time to measuring and mapping, the quality of understanding information become much richer.

Considering time for information design is one of the priority things, therefore make sure to provide enogh time for both planning and processing your data analysis.

8, Aspire for Knowledge

The aim of information visualization is all about translating information into knowledge. It also rise understanding for given information, both of visual images or visualized diagram are highly necessary for better understanding. Main reason for this visualise is clear and definitive knowledge for viewers.

9, Avoid Gratutous Visualization

Visualization isn't always helpful for information design, unnecessary visualisation of data can cause negative effect for data as noise. The important point for data visualization is being recognize to the viewers, therefore during the data visualization you must avoid confusion of understanding data by visualization.

These are the points I've got in the data visualization point, basically, data visualization must have enough time to plan and enough knowledge to visualiza data with naration and flow but also designers must avoid confusion from visualization.

3, Kinetic vector animation 

Using adobe afte effect we've learnt about animation that moves vector image simple made by path images. The point that we focused isn't just changing position through time change, moving object much smooth is the point that can be done by adding trim path like what I've done for motion gaphic chart, however, I needed yto make each sprite bounce, I need to make a path that goes to the further side where the each sprite should be placed at the end. To explain more about this, When I needed to make an animation that goes right from A to B, I need to make point C where locates much right side compared to point B. Once the object goes C from A, the object goes back quickly to the point B. After making points for movement, I added trim path for every point of location I made to make a smooth animation.

Here is the work I've done .

Bar chart animation demo

Kinetic animation demo

For kinetic animation work, I used the method to import image from adobe illustrator, so I don't have to import the original image one by one.

The animation itself may be seemed much smoother than before inserting trim for each point intimeline for pbject position in the screen, but I missed to add Motion Blur which makes the object movement much smoother and natural.

The work shown below is my final work for kinatic animation.

As the result, My kinetic animation become much smoother and natural for viewers and I am looking forward to use these techniques in the my future works.