Information Design - Project 1 & 2: Animated Infographic Poster
17/02/2025 - 06/03/2025 | Week 03 - Week 05
Wong Jia Yi Carmen | 0357198 | Section 04 Group 04
Information Design | Bachelor of Design (Hons) In Creative Media
Project 1 - Animated Infographic Poster
LECTURES
Week 3: Miller's Law Of Memory
The delivery of messages to others becomes affected by the interruptions together with misunderstandings which cause interruptions and misunderstandings in communication systems.
Short-term memory storage capacity amounts to seven items in accordance with Miller's law and the temporary information disappears within thirty seconds.
"The Magical Number Seven, Plus or Minus Two"
It shows human brains contain a limit of 7 items for short-term memory retention at one time although Miller called this phenomenon the "Magical number seven with a range of plus or minus two." The human brain reaches its information retention capacity when it surpasses seven items which then leads to detail omission.
According to Miller's law humans experience restricts in their mental processing abilities.
During communication periods brain processing stays limited but does not ensure complete understanding of received information.
Making choices is challenging. The process of creating excellent choices becomes particularly challenging to accomplish. The combination of many options in our world makes selecting good choices an impossibly difficult task.
You stand to forget information presented to you more than seven times within a short period of time while struggling to recall it within 30 seconds
fig 1.4 The Art of Refining Options Week 3 (17/02/2025)
The human brain functions with restricted information intake when communicating and fails to grasp all elements of discourse thoroughly.
People divide information into smaller sections to conform to Miller's rule of thumb. The message becomes easier to understand when broken down into smaller parts through which our brains can handle information in short-term memory limits.
Week 4: Manuel Lima's 9 Directives Manifesto
fig 1.5 Manuel Lima's 9 Directives Manifesto Week 4 (24/02/2025)
The Information Visualization Manifesto by Manuel Lima, which was posted on the site 'VisualComplexity.com', lists 9 essential guidelines that aid in defining the fundamentals of information visualization. It provides a clear framework for comprehending the goal and methodology of information visualization, setting it apart from infographics and information art.
fig 1.6 Form Follows Function Week 4 (24/02/2025)
Form Follows Function: "The explanation, which leads to insight, should always be the main focus." Begin with a Question: A question should always guide your effort.
fig 1.7 Interactive is Key Week 4 (24/02/2025)
Allows for investigation and learning through discovery.
fig 1.8 Cite Your Source Week 4 (24/02/2025)
Always remember to disclose where your data originated.
fig 1.9 The Power of Narrative Week 4 (24/02/2025)
Humans are naturally drawn to stories. Transform your information into a compelling narrative to make it more engaging and memorable.
fig 2.0 Do Not Glorify Aesthetics Week 4 (24/02/2025)
Do Not Glorify Aesthetics: "Should always be a consequence and never a goal".
fig 2.1 Look For Relevancy Week 4 (24/02/2025)
What is the need to visualize the information?
fig 2.2 Embrace Time Week 4 (24/02/2025)
Effective time management is essential for planning work and making better decisions to attain the best results because managing time can be difficult.
fig 2.3 Aspire for Knowledge Week 4 (24/02/2025)
Converting data into knowledge, improving comprehension, and assisting cognitive processes are all essential functions of information visualization.
fig 2.4 Avoid Gratuitous Visualizations Week 4 (24/02/2025)
Avoid Gratuitions Visualization: "Should react as an empowered lens of insight, and should never introduce additional noise to the flow."
Week 5: Case Studies (Constructive Workflow)
1. Understand the question
2. Construct a strategic plan
- Evaluate data & information.
- Identify the pros and cons.
- Create a content creation plan.
- Understand your outcome.
- Build case studies.
- Create empty folders as a structure.
- Fill in each folder with progress.
- Synchronize all working files for each software requirement.
- Ideas are limitless.
- Time is a constraint.
- Identify your strengths.
- Reference is just a benchmark.
- Solution is the answer.
The key to focus is to balance your Left and Right brain.
INSTRUCTIONS
fig 1.0 Information Design's MIB Week 3 (17/02/2025)
Timeframe: Week 03 - Week 05
Description: After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visual rather than text.
I first start by finding some examples of bad infographics on the internet and show to Mr Shamsul to see which one is the worst one.
fig 1.1 Examples of Bad Infographic Week 3 (20/02/2025)
And we agree that this is the worst one among them all.
After that, I began by looking for visual references and a mood board for my bad infographic on Pinterest.
Here are my visual references.
fig 1.3 Visual References Week 3 (23/02/2025)
And here are my sketches.
fig 1.4 Sketches Week 3 (23/02/2025)
I personally like Sketch #3 and after showing and explaining to Mr Shamsul, he agreed, and I proceeded with the illustration in Illustrator.
I begin with the stack of coins, and I've found a reference picture on Pinterest.
fig 1.5 Drawing the stack of coins process Week 4 (27/02/2025)
Next, I draw the money.
And this is how it looks after I arrange everything together.
And this is the first draft.
After showing to Mr Shamsul, he said the background looks too simple and the top part its plain. And so I restart again.
I thought of adding texture to the background...
Still not satisfied...
After that, I thought adding a chandelier and a curtain at the background would make it look luxurious, so I tried doing that.
This is the process.
The curtains look weird and I thought off getting rid of the chandelier as it is kinda messy and added some shadings from the curtains.
After showing to Mr Shamsul, he said okay and accepted my work and asked me to use the latest Google logo.
Next is the animation.
I decided to use Adobe Express to animate my poster.
Here is the first draft.
Final Video
Week 3: LATCH poster it's okay, can submit it. Approved on the bad infographic, do research on the sketches, mood board and visual reference when you go home
Week 4: Third sketch it's good, please proceed. First Draft looks plain and simple, can do better.
Week 5: Okay. Change the Google Logo into the latest version.
REFLECTION
It was both difficult and enjoyable to transform a badly designed infographic into an organized and aesthetically pleasing one. Analyzing the old designs' flaws, such as the clutter. lack of order and poor visual appeal was the first step in the process. After that, I had to dissect the data and figure out how to better convey it.
Sketches were the crucial stage before starting anything because this let me try out several layouts and figure out the best way to arrange the content. Redefining the style and learning the best way to approach infographic creation were greatly aided by inspiration from Pinterest. I learned how to balance text, images and negative space to make a composition that is more accessible and captivating, thanks to these sources.
After the static poster was completed, the animation was next. Careful planning was necessary to determine which pieces should move, how they should interact and how to make sure the transitions were seamless when animating the infographic one by one. The content became more dynamic and captivating when motion was added to the text, icons and visuals. I learned the value of both motion and structure in design from the process, which demonstrated how an infographic's efficacy can be increased by combining a tasteful layout with subtly animated elements.
Okay
ReplyDelete