Information Design Progect 1&2

You Siyaun / 0366978

Information Design/Bachelor of Design (Hons) in Creative Media

 Progect 1&2


CONCENT

INTRODUCTION
LECTURE
PROJECT 1&2
FEEDBACK
REFLECTION


INTRODUCTION



LECTURE

WEEK 3


Key Concepts:

  1. Chunking – People can better remember information when it is grouped into meaningful chunks rather than presented as individual elements.

  2. Cognitive Load – If too much information is presented at once, it exceeds the brain’s processing capacity, leading to confusion or forgetfulness.

  3. Applications in Design & Communication:

  • User Interface (UI) Design: Menu options or navigation links should be grouped into 5-9 items per section for better usability.
  • Education & Learning: Breaking down complex concepts into small, manageable chunks enhances comprehension and retention.
  • Marketing & Advertising: Product messages should be short, concise, and structured within the memory limit to maximize impact.

Limitations & Modern Updates:

  • Some later research suggests that working memory capacity is often closer to 4±1 chunks, especially for complex information.
  • Factors like attention, familiarity, and context affect memory retention—well-organized and meaningful information is easier to recall.


WEEK 4



Manuel Lima’s 9 Directives Manifesto

Manuel Lima’s Information Visualization Manifesto, as published on the blog VisualComplexity.com, provides a working list that can help provide clarity on what Information Visualization through 9 directives, why information visualization differs from information art or infographics.

1. Form Follows Function:

“the purpose should always be centered on the explanation, which in turn leads to insight.” Start with a Question: Your work should always be driven by a query

2. Interactivity is Key:

Allows for investigation and learning through discovery

3. Cite Your Source:
Always disclose where your data originated.

4. The Power of Narrative: 

Humans love stories. Elaborate your information into storytelling to make it more interesting and memorable.

5. Do Not Glorify Aesthetics:

“should always be a consequence and never a goal”

6. Look for Relevancy:
Why are you visualizing the information?

7. Embrace Time:
Time is difficult to work with. That’s why time management is one of the key factor to organize and achieve better results for any decision making.

8. Aspire for Knowledge:
“A core ability of Information Visualization is to translate information into knowledge. It’s also to facilitate understanding and aid cognition.”

9. Avoid Gratuitous Visualizations: “should respond as a cognitive filter, an empowered lens of insight, and should never add more noise to the flow”



PROJECT 1&2

PART 1: Infographic poster        

INSTRUCTION:
1. Choose 1 infographic poster reference from Internet (Please consult before proceed)
2. Redesign the poster into A4 size. Sketch the idea and process
3. Redesign and simplify the poster based on visual hierarchy & typography
4. Simplify the poster's design based on color, shape & pattern
5. Attach your final poster on E-Portfolio with explanation and reflective writing

PART 2: Minimal animated infographic

INSTRUCTION:
1. Animate your infographic poster into one static loop animation page
2. Loop duration in between 15-30 second
3. Size: 1080 x 1920 px (Vertical Video) upload to your own Youtube channel

Process：



I will introduce the protagonist's text as the background to make the background less boring.

Fig1.1 Background selection

I put the main character right in the middle to represent the subject.

Fig1.2 Background selection


But in the fifth week of class, through Mr. Fawzi's advice to the other students. My theme is to express the relationship between the main characters. In the choice of colors, I used the representative colors of the characters to highlight the characters.

Fig1.3 Further modification



Fig1.4 Final poster




PART 2: Minimal animated infographic

I started making dynamic posters. I imported all the layers of the poster into AE.

In the whole poster, I put the protagonist in the center to highlight the key point, and the surrounding characters highlight the diversity of the protagonist's emotions, so as to guide the audience to read the information.

For the title of the poster, I chose to use the name of the original anime work, and I designed the effect of constantly enlarging and shrinking, so that the audience can notice the theme of the whole poster more quickly.

Fig2.1 Dynamic information


I chose to distinguish the characters moving back and forth from the surrounding decorations moving left and right, which not only does not affect the transmission of other information, but also can well convey the information in the notes to the audience.





Final outcome - Infographic poster,PDF

FEEDBACK

Week 3

I can do that now. Move on to the next step.

Week 4

no feedback

Week 5

As Mr.Fauzi mentioned earlier, in each lesson, please make sure that the text is readable and a little less.


REFLECTION

Experiences

This assignment gave me insight into the design of effective infographics, focusing not only on content but also on visual presentation. Choosing a reference poster and improving it was a challenge, and I experimented with different typography and color schemes to improve the clarity of the message. At the same time, while creating animated infographics, I also understand how dynamic design can capture the user's attention.

Observations

Infographics need to find a balance between brevity and completeness, too simple can lose important information. In addition, the rhythm and transition mode of animation have a great impact on the attractiveness of information, and reasonable control can make the information more intuitive and clear.

Findings

A good infographic should be beautiful, clear and practical. Static design focuses on visual layers and readability, while animation design focuses more on rhythm, transition, and time control.









Comments

Post a Comment