Information Design - Exercises
3rd February 2025 (Week 1) - 24th December 2024 (Week 14)
Insha Thahirah Rajab - 0360671
Information Design - Section 03
Bachelor's Degree in Creative Media (Honors) - Taylors University
Exercises
CONTENTS
LECTURES
Week 1 - Types of Infographics
During Week 1, we were briefed on the module including the MIB, and
assignments to be expected for the semester. We were also briefed on the
first exercise, which is quantifying and visualize data, basically a form of
sorting and organizational system using objects of our choice. we can sort
them by shape, size, colour etc..
For the lecture, we learnt what infographics are and what they are used
for. This included the basic types of infographics and their
features.
Week 2 - L.A.T.C.H Theory
In week 2, we learnt the L.A.T.C.H theory, which stands for location,
alphabet, time, category, and hierarchy.
This is a way of organizing data in a presentable format, and including
these features when planning and sorting information. We used this theory
to apply in our exercise 2 infographic design.
Week 3 - Miller's law of memory
For week 3, we talked about Miller's Law of Memory. This basically
touches upon human memory and behavior when it comes to retaining
and understanding data.
Miller's law suggests how our short-term memory is limited when it
comes to remembering more than seven information "objects," and how
retaining that information does not last longer than 30 seconds.
Week 4 - Manuel Lima’s 9 Directives Manifesto
For week 4, we discussed Manual Lima's 9 Directives, why information visualization differs from information art or infographics.
Manual Lima's 9 Directives include:
- Form Follows Funcrion
- Interactivity is Key
- Cite your sources
- The Power of Narrative
- Do Not Glorify Aesthetics
- Look for Relevancy
- Embrace Time
- Aspire for Knowledge
- Avoid Gratuitous Visualizations
Week 5 - Case Studies: Constructive Workflow
https://fauziyusoff.com/constructiveworkflow/
INSTRUCTIONS
Figure 1.0 Instructions (PDF)
EXERCISES
Exercise 1 - Quantifiable Data (10%)
- Quantify raw data and visualize information as a photograph
- Visual representation of numerical data that allows for easy
interpretation and analysis.
Instruction:
Gather a set of objects and separate it into category such as color, shape,
pattern, and other quantifiable factor.
Example:
1. Box of Lego
2. Jar of button
3. Jar of marble ball
4. Set of colourful rubber strap & more.
In this exercise you're required to quantify our chosen objects and arrange
them into a presentable layout or chart.
The information must be presented as is, and you need to arrange the objects
with relevant indicators written out with pens to help you to visualize the
quantity and data. The examples of objects that can be use are buttons,
coins, lego pieces, M&Ms, and more.
Submission:
E-Portfolio report consists of
1. Photo of the random objects before sorting out
2. Objects sorted out by categories (2 - 5 category)
3. Write and design the information on a piece of papers (A3 drawing
paper)
|
|
|
: planning
I wanted something already at home, with broad flexibility where I can
manipulate the shape, patter, colour depending on preference. I decided to
work with clay, as I had many colours lying around, and I felt it works
well with A3 board as well.
I made a rough sketch visualization of what I'm hoping to achieve before
class on Friday.
|
| Figure 1.0 Clay organizational structure visualized, Week 1(03/02/2025) |
: data
This is the clay before organizing:
|
|
|
This is basically referred to as data. (such as Ingredients bought
from grocery shopping which has been placed on the table.
: sorting
I began sorting them by colour as the main distinction between all
the data.
|
|
|
: arranging
Afterwards, i started arranging them into different
categories. (2-5 as per brief). I started by colour
and quantity, then moved on to sizing and lastly
diving them based on warm/ cool colours.
|
|
Figure 1.0 Data arranged by colour and quantity, Week
2(05/02/2025) |
|
|
Figure 1.0 Data sorted by size, Week 2(05/02/2025) |
|
|
Figure 1.0 Data sorted by warm vs cold colours, Week
2(05/02/2025) |
: presented visually
I used 2 methods to present them visually. First was colour circles
where the hierarchy of sizing is explored, with bigger circles inside
and smaller circles on the outside, I also touched on the quantity for
each colour.
|
|
Figure 1.0 Data presented visually as circles, Week
2(05/02/2025) |
The second one resembled calenders, hence the titles, and was also
following a hierarchy arrangement, with the circles descending in sizing
per colour box. This could also resemble that of an abacus.
|
|
Figure 1.0 Data presented visually as boxes, Week
2(05/02/2025) |
: with a story
I wanted my story to feel like an instruction infographic, with
the clay making a final product and a visual repersentation on how
to create this product given the data.
I started off with a sketch of how I wanted the final to feel,
through some research on branding and infographics on
pinterest.
|
|
Figure 1.0 Visual story sketch, Week
2(08/02/2025) |
Clay is quite childish and is known for creation, which sparked
the overall design and colour scheme in my final
compilation.
|
|
Figure 1.0 Final information as told with a story, Week
2(08/02/2025) |
: final submission
This was my final submission as a PDF:
|
Figure 1.0 Exercise 1 Final submission (PDF), Week
2(09/02/2025) |
Exercise 2 - Latch Infographic Poster (10%)
INSTRUCTION:
1. Organize a group of information into a visual poster that
combines and utilizes the LATCH principles (Minimum 4).
2. You are required to use the digital photo
editing/illustration software available to assemble the
information into a LATCH infographic poster.
3. You are allowed to reuse back the images but you have to
create the rest of visuals to complete the poster.
REQUIREMENTS:
1. Size resolution: 1240 × 1750 pixels or 2048 × 2048 pixels.
2. Progress and submission link on E-Portfolio.
SUBMISSION:
1. Final poster attached to this submission.
2. E-Portfolio link attached to this submission.
: planning
For my infographic, I decided to dive into one of my favourite bands, and
the evolution of their discography. I started off by mapping out my research
for the data to be presented on the infographic. I divided them by Location,
Alphabet, Time, Categories, and Hierarchy (L.A.T.C.H).
|
Figure 1.0 Exercise 2 Planning (WORD DOC), Week
3(11/02/2025) |
For visual inspiration, I looked through Pinterest and picked designs I felt
reflected L.A.T.C.H and followed an aesthetic suited to my taste.
.jpg)
|
Figure 1.0 Exercise 2 References #!, Week
3(11/02/2025) |
I decided to make my infographic about the evolution of albums from a certain
band, and chose infographics that follow a similar theme.
Figure 1.0 Exercise 2 References #2, Week 3(11/02/2025)
: sketches
I wanted to make a Radiohead Infographic and make it feel dark, grunge
and edgy. I made sketches of what my layout would look like, finding
alternate ways to present L.A.T.C.H within the context of the topic,
and push the limits visually to make it more interesting.
|
|
|
Figure 1.0 Exercise 2 Sketches #2, Week 3(14/02/2025) |
|
|
Figure 1.0 Exercise 2 Sketches #2, Week 3(14/02/2025) |
These were the two sketches I came up with. I decided to go for the
first layout and resize it for A4 sizing as per brief
: infographic poster design
Then I started working on photoshop, laying the images down first and
creating a first draft:
|
|
Figure 1.0 Exercise 2 Graphics mapping, Week
3(1/02/2025) |
I made a textured and regular version:
Figure 1.0 Poster Design Drafts, Week 3(19/02/2025)
After Mr Fauzi's feedback, I made relevant changes.
I felt as though it was lacking clarity, and felt very unfinished. I
decided to refer to my original references, and incorporate my designs
into a new, more digestible format.
|
|
Figure 1.0 Exercise 2 Amended Poster, Week
3(20/02/2025) |
This was my second attempt:
|
|
Figure 1.0 Exercise 2 Second Attempt, Week 3(21/02/2025) |
|
|
Figure 1.0 Exercise 2 Second Attempt Inverted, Week
3(21/02/2025 |
Sir provided some final feedback and I made the relevant changes.
: final submission
This was my final poster design:
|
|
Figure 1.0 Exercise 2 Final, Week 4(24/02/2025 |
FEEDBACK
Exercise 1: You can use clay for your work. Well done! Presented and
organized correctly
Exercise 2: Make the discography the primary focus of the poster and change
the band images black and white, apart from the album covers.
Make sure to gather inspiration from your references, so it
looks related to the final work and can work as a development
from your first poster, which needs to be redesigned. Ensure
that regular audiences can understand and digest the
information, rather than from a designer's point of view.
Make the album covers the main focus of the poster, make the
title bigger, make the subheadings "art rock" "electronic"
smaller. You do not need to include ALL the L.A.T.C.H elements
such as the location and the alphabet, just 2-3 are enough. Make
the hierarchy more obvious, and include a paragraph synopsis to
add details on the location and time etc.
REFLECTION
Information Design as a whole has broadened my understanding in
curating infographics, using the right colour scheme,
typography, and especially layouts, which I found a struggle
this module. Starting off with lecture notes, each week a new
topic provided me with basic technical knowledge in how to
format a well-rounded infographic, and what needs to be included
and why. Many topics, such as L.A.T.C.H helped me classify and
organize information in a digestible format for viewers, whilst
retaining necessary information. Exercise 1, was central to
organization, whereas Exercise 2 was focused on presenting them
in a digital format. I exceled in Exercise 1 and found this
relatively easy to do, however, Exercise 2 is where I faced a
lot of obstacles in formatting my data into a readable,
simplistic layout and design. Some of my design choices felt
very stylistic and not suitable for an infographic. However,
with many drafts and practice, I was able to produce the desired
output.
Comments
Post a Comment