Information Design / Exercises

on
03.02.2025 - 28.03.2025 / (Week 1 - Week 7)
Gunn Joey / 0366122
Information Design / Bachelor of Design (Hons) in Creative Media 
Exercises
TABLE OF CONTENTS

1. Module Information Booklet
2. Exercises
        - Exercise 1: Quantifiable Information
        - Exercise 2: L.A.T.C.H Infographic Poster
3. Feedback
4. Reflection

MODULE INFORMATION BOOKLET 
EXERCISES

Exercise 1: Quantifiable Information
  • 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. For example, a box of lego, jar of button, jar of marble ball, 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.

Progress: 

For this exercise, I tried to find something colourful to categorize into a presentable layout. Initially, I wanted to use colourful yarn to complete the exercise, but I realized that the yarn was too thick and not suitable. Then, I discovered a collection of colorful rubber bands in my room. They had been forgotten for years, tucked away in a cupboard since my primary school days. Also, I had an idea using Skittles candy to complete this exercise. I started arranging the rubber bands and Skittles.

1. Rubber Bands

Arrange the colourful rubber band in a circle shape without sorting with patterns.
Figure 1.1.0: Unsorted colourful rubber bands

Figure 1.1.1: Sorted colourful rubber bands #1

Figure 1.1.2: Sorted colourful rubber bands #2

I sorted the colourful rubber band in lines and counted the amount of each colour. There are 18 purple rubber band, 20 pink rubber band, 16 green rubber band and 15 yellow rubber band.

Figure 1.1.3: Sorted colourful rubber bands #3

After trying out to visualise the rubber band, I decided to use Skittles as my final option of this exercise as the size of rubber band has limited patterns to create. I have found only 4 colours of rubber band. Skittles has 5 different colours in a packet.

FINAL SUBMISSION

2. Skittles Candy

I found that rubber bands are not so easy to arrange them in a creative way. I decided to uses Skittles as my final object for Exercise 1.

Figure 2.1.0 Two packets of Skittles Candy

Figure 2.1.1: Unsorted colourful Skittles

I sorted them in lines according to colours and counted the amount of each colour of Skittles. There are 18 yellow Skittles, 16 brown Skittles, 14 orange Skittles, 11 red Skittles and 6 green Skittles in two packets.

Figure 2.1.2: Sorted colourful Skittles

I arranged all of the Skittles in few patterns.

Figure 2.1.3: Progression of Pattern

Figure 2.1.4: Progression of Pattern 

Then, I arranged them to look like a butterfly according to colours as my final poster.

Figure 2.1.5: Final Poster


Exercise 2: L.A.T.C.H Infographic Poster
Instructions:

  • Organize a group of information into a visual poster that combines and utilizes the LATCH principles (Minimum 4).
  • To use the digital photo editing/illustration software available to assemble the information into a LATCH infographic poster. 
  • You are allowed to reuse back the images but you have to create the rest of visuals to complete the poster.

Requirements: 
  • Size resolution: 1240 × 1750 pixels or 2048 × 2048 pixels.
  • Progress and submission link on E-Portfolio.
A. Topic Selection

For my topic selection, I considered two options: the evolution of smartphones and Marvel films. After consulting with Mr. Shamsul, he approved my idea of exploring the evolution of smartphones, as it aligns well with the L.A.T.C.H (Location, Alphabet, Time, Category, Hierarchy) principles required for the infographic poster. He also advised me to conduct further research on credible references to ensure the accuracy and depth of the information presented. While Marvel films was another option, it was deemed less suitable for sorting information effectively within the LATCH framework, making the evolution of smartphones the more practical and structured choice for this project.

B. Visual Reference





C. Ideation Sketch



D. Digitisation

At first, I digitized my initial attempt at the L.A.T.C.H infographic poster in Adobe Photoshop. My original idea was to create a pyramid hierarchy layout to visually represent the information in a structured manner. However, after completing the design, I found the outcome disappointing and visually unappealing. The layout felt too rigid and lacked engagement, making it ineffective in conveying the information clearly and attractively. I also realized that the design did not fully utilize the potential of the L.A.T.C.H principles in an engaging way. Dissatisfied with the result, I decided to completely redo the design, exploring a more dynamic and visually appealing approach that would enhance clarity and user engagement.


I then redesigned my second attempt at this poster in Adobe Photoshop and consulted Mr. Shamsul for feedback. After evaluating my previous design, I realized that the portrait A4 format limited the way I could arrange the information effectively. To improve the layout and enhance visual appeal, I decided to switch to a landscape A4 format, which provided more space for organizing the content in a structured and engaging manner. This change allowed for better readability and alignment of the L.A.T.C.H principles. Compared to my first attempt, this new design was significantly more visually appealing and successfully highlighted the key elements of L.A.T.C.H in a clear and well-structured way. 


I created an effect for the smartphones by selecting the option and using the brush tool to fill it. After that, I moved the effect layer to the back.


After adding all the text and graphics, I decided to include categories such as non-touchscreen and full touchscreen. The smartphones on the right side are all non-touchscreen devices, while those on the left side are full touchscreen smartphones.



E. Final L.A.T.C.H Infographic Poster


FEEDBACK

Week 1: Once arranged, sort them based on different characteristics. Be creative with your layout, but make sure the information is clearly organized and easy to understand.

Week 3: Mr. Shamsul approved the idea of exploring the evolution of smartphones for the infographic poster, noting that it aligns well with the L.A.T.C.H principles. He advised conducting further research using credible sources to ensure the accuracy and depth of the content. Although Marvel films was considered as another topic, sir mentioned it would be less effective in applying the LATCH framework. Therefore, the evolution of smartphones was recommended as a more practical and structured choice for this project.

Week 4: This is a relevant reference for my topic. Make sure to complete Exercise 2 within the given deadline to stay on track with the progress. It’s also important to begin the digitalisation process as soon as possible, so I have enough time to refine my design, make adjustments based on feedback.

REFLECTION

From Exercise 1, I learned how to turn simple objects into meaningful visual data. I realized that even everyday items like rubber bands or candy can help represent numbers in a clear and creative way. This exercise taught me how to organize and present information visually so that it's easier to understand at a glance, rather than just reading numbers or lists.

I also learned the importance of clarity and structure in data presentation. By separating objects into categories like colour or size, and adding labels, I could see patterns and comparisons more easily. This made me appreciate how data visualization helps people quickly understand information without needing to read too much text.

From Exercise 2, I learned how to apply the L.A.T.C.H principles to organize information effectively. I now understand how Location, Alphabet, Time, Category, and Hierarchy can help structure a topic visually. This knowledge will help me create clearer and more engaging infographic designs in the future, especially when dealing with complex information.

Comments

Post a Comment