Information Design - FLIP Classroom

4/1/2022 - 3/2/2022 / Week 1 - Week 5
Loke Yeanne Tung / 0343853
Bachelor of Design (Hons) in Creative Media / Taylor's University
Information Design / FLIP Classroom

---

INSTRUCTIONS

Topic 1: Different Types of Infographics & Online Tools

Individual Task / Pick one free online infographic tool and re-design one poorly constructed infographic poster through your own experimentation with the selected tool.

Fig. 1.1 FLIP 1 brief - Individual task

Fig. 1.2 Example of a poorly constructed infographic from https://venngage.com/blog/bad-infographics/

This infographic on Venngage uses a pie chart to display the data which I don't find it particularly useful. The legend, it is troublesome to look at the pie chart while referring to the colors and the legend title. Color choice, using different shades of the same color can be confusing to the reader. For instance, different shades of purple are used in the pie chart, not everyone can refer to the legend and can tell a difference in the color if it's placed so small on the infographic - we can't further worsen their eyesight am I right. Statistics, no numbers were shown, how many cases were reported in which part of UK. Status update, date should be shown to the readers so they know that it is up-to-date.

Fig. 1.3 Reconstructing infographic in Canva.com, Week 2 (10/1/2022)

There are many websites out there on the web to create infographics,
but I'm most comfortable with Canva and it's super user-friendly.

BEFORE AND AFTER COMPARISION

Personal rating using Canva:

Difficulty ★☆☆☆☆

It is not difficult at all using Canva, I reckon people who don't do design will find this easy too.

Usefulness ★★★★★

If you want a design easy and quick, Canva would be my choice. There is one function I wish Canva would have, which is animation for in and out transitions. Right now, Canva only have an overall animation for text, objects etc. 

Design templates and choices ★★★★☆

Canva offers variety of designs where I could choose from, they follow the current trends in the design world and keep their platform up-to-date so users are able to relate but I must say, Adobe software are much better in a sense where I could start from a blank slate and unleash my inner artist.

Fig. 1.4 Final Redesigned Infographic - JPG, Week 2 (10/1/2022)

Group Task / In our group, find out what are the different types of infographic, the kind of information they’re applicable for and an example for each identified type.

Fig. 1.5 FLIP 1 brief - Group task

Fig. 1.6 Different Types of Infographics Presentation - MP4. Week 2 (11/1/2022)

Topic 2: L.A.T.C.H

"L.A.T.C.H"
A concept & term coined in Mr, Saul Wurman's book titled - 'Information Anxiety' (1989),
describing his proclaimed only ways to organize data, mostly used in infographics.

|

Location, Alphabet, Time, Category, Hierarchy

01
Location
The method of arranging information according to geographic or spatial source. 

• Typically presented as maps, bar chart, or line chart to provide visual clarity.
• Key is to show trends or comparison when organizing.

Fig. 2.1 Bangkok mass transit system

02
Alphabet
Arrange information by the initial letter of the item name in their alphabetical order.

• Alphabet refers to organization by alphabetical sequence.
• Works well when people know specific terms/topics they are looking for.
• The key is that the reader/viewer knows the terms and they have something to look up (e.g. index of dictionary).

Fig. 2.2 Dog breeds categorized by the 2nd alphabet

03
Time

This scheme uses the temporal nature of content of organizing information. Time is an easily understandable framework from which changes can be observed and comparisons made.

• Very effective in social media websites, where users would like to know about the most recent events in their contacts' lives.
• Works best as an organizing principle for events that happen over fixed durations (e.g. conventions, exhibition, museums etc).

Fig. 2.3 List of events that happen consecutively

04
Category

A class or division of people or things regarded as having particular shared characteristics (Oxford Languages, 2022).

• Grouped based on subject matter, information type.
• Category - models, types, questions etc.
• Help user to process information, to remember, and integrate new information.
• Frequently used technique of organizing contents on websites.

Fig. 2.4 Categories in Shopee

05
Hierarchy

Arranging information by any order (e.g. size, cost, popularity, percentages, ratings, by order of importance).

• Importance - Buyers often look for deals and products within their budget.
• The hierarchy structure will save people the frustration of looking for and understanding information.

Fig. 2.5 Sorting function on a website

Topic 3: Miller's Law Chunking

"Chunking"
A chunk means pieces of information that hang together in a meaningful way.

PURPOSE
|

To short term preserve information by breaking it up into multiple parts

4 MAIN CONCEPTS

associated with the memory process of chunking:

|
Chunk
Memory code

Decode

Recode

WAYS
to use Miller's Law well:
|
Use general flow.
Readable and clear.
Avoid the use of elements that aren't useful.
Avoid lots of navigation.



KEY
of Miller's Law:
|
Less is more.
New user.
Grouping.

Fig. 2.6 & 2.7 Examples of chunking

Topic 4: Manuel Lima's 9 Directives Manifestos

Fig. 3.1 FLIP Topic 4 Presentation Slides (my group) - PDF, Week 5 (3/2/2022)

---

FEEDBACK

Flip 1: "Your redesigned one is much more effective than the original infographic. Nice!"

---

REFLECTION

The FLIP topics have taught me a lot as a designer, and that everything done has a purpose. I will be sure to apply the things we learnt in FLIP classroom in the future.