CREATING

INFOGRAPHIC
S FOR SOCIAL
CAMPAIGNS
VOCABULA
RY
An infographic (information graphic) is a
collection of imagery, data visualizations
like pie charts and bar graphs, and
minimal text that gives an easy-to-
understand overview of a topic.

A social campaign is a coordinated

marketing effort on social media. The
purpose of social campaigns is to reinforce
or assist an organization with a goal using
one or more social media platforms.
HISTORY OF INFOGRAPHICS
In 1700s, infographics are discovered in the forms of charts, graphs and even
maps. Many of those look a bit like basic infographics of today. In this era, we
see typography beginning to take on a central role in design.

In the 1750s, William Playfair, a Scottish inventor and engineer, is reported to

have invented and published charts that included line graphics, pie charts,
graphs and other forms of basic data visualizations to help people understand
economic factors. As Playfair put it, “Data should speak to the eyes because
they are the best judge of proportion, being able to estimate it with more
quickness and accuracy.”
 Scottish engineer Playfair earned the
nickname “the father of modern
statistical graphs” because of his
numerous contributions to the field. Any
time-series line graph, pie chart, or bar
graph you’ve ever encountered on an
infographic all comes back to him. He
created them in the 1700s and 1800s to
WILLIA depict data he collected as a political
economist and secret agent during the
M French Revolution.
PLAYFAI
R 4
 Not just a nurse, Florence Nightingale
was also a statistician. She invented the
coxcomb chart, or rose diagram, in 1858.
A cross between a pie chart and a bar
graph, the first one helped her document
the number of unnecessary deaths during
the Crimean War that resulted from
preventable infections. Though used less
often than other kinds of charts today, her
FLORENCE contribution shows how the evolution of
NIGHTINGAL data visualization forged forward on the
E way to the infographics we know and
love.
5
20th Century Infographics: 1900s-1970s 20th century infographics Starting in
the early 20th century, advertisers and marketers started using data visualization
to promote their initiatives. Artist Alfred Leete was one of the first in 1915. He
developed a poster to hype the London Underground. It depicted six different
modes of transportation and the speed they could travel. It showed that the
subway system could travel faster than any other available mode of
transportation at the time. The 1970s brought huge advancements in
infographics as we know them today. In 1972, Otl Aicher introduced a set of
pictograms to the world.

6
20th Century Infographics: 1900s-1970s 20th century infographics

Starting in the early 20th century, advertisers and marketers started using data
visualization to promote their initiatives. Artist Alfred Leete was one of the first
in 1915. He developed a poster to hype the London Underground. It depicted six
different modes of transportation and the speed they could travel. It showed that
the subway system could travel faster than any other available mode of
transportation at the time. The 1970s brought huge advancements in
infographics as we know them today. In 1972, Otl Aicher introduced a set of
pictograms to the world.

7
20th Century Infographics: 1980s-1990s 1997 infographics Building
off the work of others, Edward Tufte published a book called The
Visual Display of Quantitative Information in 1983. It gave a detailed
analysis of how to display data for human consumption and how doing
so could edit and improve graphics. He encouraged designers to
remove unnecessary elements from charts and graphs. He also
developed the design concept of “The Thinking Eye.” Tufte noted that
this was a part of the brain that always looks to find a visual
representation to prove how a person knows something. This work
earned him the nickname “the father of modern data visualization.”

8
Infographics Online

The launch of the World Wide Web in 1991 opened the gateway of
public access to the internet. And like with other information mediums
that came before it, visual data representations eventually made their
way there, too. The internet made it possible to incorporate features
into infographics that were impossible in print. This includes things
like motion graphics and interactive media that change based on how a
user browses the website.

9
 TYPES OF
INFOGRAPHICS

10
1. Statistical infographic

If you want to visualize survey results,

present data from multiple sources, or
backup an argument with relevant
data, then a statistical infographic is
the best infographic to do that. A
statistical infographic puts the focus on
your data. The layout and visuals will
help you tell the story behind your
data.
2. Informational infographic

An informational infographic template

is the best infographic for clearly
communicating a new or specialized
concept, or to give an overview of a
topic. Typically, an informational
infographic is divided into sections
with descriptive headers. Numbering
each section will help your infographic
design flow. Plus, we’ve found that
people tend to like infographics with
numbers in the title.
3. Timeline infographic

Timeline infographics are the best type

of infographic for visualizing the history
of something, highlighting important
dates, or giving an overview of events
(for example, a project timeline).
Because humans tend to make sense of
time spatially, a visual like a timeline
infographic can help create a clearer
picture of a timeframe. Visuals aids like
lines, icons, photos, and labels all help to
highlight and explain points in time.
3. Timeline infographic

Timeline infographics are the best type

of infographic for visualizing the history
of something, highlighting important
dates, or giving an overview of events
(for example, a project timeline).
Because humans tend to make sense of
time spatially, a visual like a timeline
infographic can help create a clearer
picture of a timeframe. Visuals aids like
lines, icons, photos, and labels all help to
highlight and explain points in time.
4. Process infographic

While a timeline infographic will

highlight points in time, a process
infographic is the best infographic for
providing a summary or overview of the
steps in a process. Process infographics
will allow you to simplify and clarify
each step. Most process infographics
follow a straightforward top-to-bottom or
left-to-right flow. Numbering the steps
will make your process easy to follow.
5. Geographic infographic

Geographic infographics use map

charts as the focus visual. Different
types of map charts work better for
different types of data.
6. Comparison infographic

Whether you want to compare

options in an unbiased way, or you
want to make one option seem
better, a comparison infographic is
the best infographic to do that.
Typically, comparison infographics
are split down the middle vertically
or horizontally, with one option on
each side
7. Hierarchical infographic

A hierarchical infographic can organize

information from greatest to least. One
famous example of this is the pyramid
visualizing Maslow’s Hierarchy of
Needs. Humanity’s most important
needs are at the base of the pyramid,
ascending to humanity’s least important
needs in the smallest segment at the
top.
8. List infographic

If you want to share a collection of tips, or

a list of resources, or a list of examples,
then why not create…a list infographic!
List infographic templates are generally
straightforward—the goal is to make them
more eye-catching than a basic list. Visuals
like icons can replace bullet points, and
creative fonts and colors can make each
item stand out. Numbering the points in
your list will help your information flow.
9. Infographic resume

With the current job market being so

saturated, job seekers need to find creative
ways to set themselves apart. That’s why
infographic resumes have gained a lot of
popularity in recent years. Infographic
resumes won’t be able to entirely replace a
traditional resume in most cases. But
they’re a great visual document to bring to
an interview, to publish on your portfolio
site, or to include in an email application.
STEPS
:
Plan your infographic design

Create an infographic outline

Write a compelling title

Use a grid design or wireframe for your

infographic design

Use the right infographic layout for your data

Follow data visualization best practices

PLAN YOUR INFOGRAPHIC
DESIGN
You should find your infographic's story. In every data
set, there's a story. Before you begin designing your
infographic, think of the story you're trying to tell. The
angle you choose will help you determine what type of
information to include in your design.
Because infographics have limited space for content, your
design should be focused and purposeful.

22
For example, this infographic design tells the story of completing a
project from start to finish.
 CREATE AN INFOGRAPHIC
OUTLINE
Before diving into your design, it's always a good idea to create an
infographic outline. In your outline, include your headers, data and
any design details you want to include in your final infographic.
Gather content and resources. Don't worry about the nitty-gritty of your
content at first. When starting out, you should have a good idea of its
overall message or purpose. Write a short introduction that summarizes
your research findings.

24
 WRITE A COMPELLING TITLE

Come up with a title that's catchy and descriptive. Keep in mind,

readers should get a clear sense of the information you'll be
sharing. Otherwise, they may not be invested or intrigued
enough to keep reading. Remember the three Cs: be clear,
crisp and concise.

25
 Grids and wireframes provide a structural
basis for any design. Designing on a grid
allows you to easily organize elements and
information. Grid designs also play an essential
role in keeping objects and elements aligned.
USE A GRID For your infographic design, use a grid system
DESIGN OR to create margins. Make sure you keep enough
space between your elements and the edge of
WIREFRAME your canvas to avoid visual tension.

FOR YOUR An infographic design can have any size

margins you desire, but it's important to keep
INFOGRAPHIC the margin consistent all the way along the edge
of your canvas.
DESIGN
USE THE RIGHT INFOGRAPHIC
LAYOUT FOR YOUR DATA

Pick the best infographic layout for your data. Using the right layout will ensure that
you convey your message well which is a key advantage for dealing with distracted
readers.

The video in the link guide will help you pick the best infographic design layout for
your data
https://www.youtube.com/watch?v=tN8_85gKOTc&t=4s

27
Data visualization is the graphical
representation of different pieces of
information or data, using visual elements
such as charts, graphs, or maps.

Always start your infographic planning with

pen and paper. This way, you can work
through rough concepts and designs before
finalizing a digital copy.
FOLLOW DATA
VISUALIZATIO
N BEST
PRACTICES
THANK YOU
FOR
LISTENING!
Prepared by:
Rachel Mae G. Abaño
and
Rena Joy Pitogo