1
Infographics &
Interactive
J411 Week 2, Lab 1
2
history
3
defining
4
advantages
5
disadvantages
6
emergence
7
emergence
8
types
9
types
drawings predate words
graphical representations of
events, people
handwriting and images
combined
moveable type separated
images
visual representation of
information
information +
imagery +
design
= infographic
explosion since digital
revolution
increased comprehension
understood by many
faster digestion
simplified representation of
complexity
entry point on page, break
clutter
aesthetically pleasing
easy to organize
audience misinterpretation
data misrepresentations
lost art of storytelling
USA Today
front-page snapshot
color-coded weather map
front-page index
useful in explaining
complex situations
competition with TV
computer advances
statistical
marry quantitative info
with imagery
non-statistical
marry qualitative info
with imagery
chart
chart
representation of tabular
data
piechart
bar chart
10
types
11
types
12
types
13
types
14
types
15
types
16
types
17
types
graph
representation of
relationships between
data
bar graph
line graph
flowchart
representation of steps
in a sequence
break down a complex
system
parts digestible
separately
histogram
graphical display of a
table of frequencies
simple way to show
“how often”
diagram
simplified representation
of appearance, structure
or process
map
geographical maps:
spatial relationship
data maps: relate data to
space
concept map
visualize relationships
between different
concepts
stakeholder map
sequence map
relate events, time and
space
symbols
objects or characters
that represent
abstractions (e.g.,
concepts or ideas)
types
objects or characters
that represent
abstractions (e.g.,
concepts or ideas)
18
types
19
elements
20
elements
21
elements
22
elements
23
failures: informational
24
failures: design
25
failures: design
26
ethics
27
ethics
28
ethics
29
ethics
pictograms
symbols used to
represent:
places
activities
events
concepts
data
information
interpretation
images
key
guidelines for audience
to interpret information
scale
show proportionality
audience ability?
labels
text-based identifiers
exaggeration
omissions
bias
chart junk
extraneous pieces not
needed to digest
cutesy pictographs
clutter
spatial exaggeration
don’t display what you don’t
know
don’t exaggerate for visual
effect
don’t let numbers lie
don’t take copyrighted info
without permission
don’t take ideas without
credit
don’t take ideas without
credit
30
ethics
31
tips
32
tips
33
interactivity
34
interactivity
35
interactivity
36
interactivity
37
interactivity
38
interactivity
39
interactivity
40
interactivity
41
world’s worst graphic
consider the persuasive
power of imagery
info gathering
image gathering
consider format
organization
simplicity
be detailed
but not too detailed
complement and
supplement story
do what text can’t
be true to facts
non-linear info
user control over
which parts are
consumed and/or
contributing content and/
or
inputing
but don’t listen to me
slideshows
WP street racing
database interfaces
everyblock
data + depth
NYT exoneration package
mapping
Newsweek wildfires
multimedia packages
Star Trib Liberians in
Minnesota
animation
USA Today jets
just because it’s online
doesn’t make it interactive
Chi Trib Costs of Cashmere
how might we fix it?
41
world’s worst graphic
how might we fix it?