information graphics & motion_webversion
TRANSCRIPT
-
8/12/2019 Information Graphics & Motion_webversion
1/13
infographics
-
8/12/2019 Information Graphics & Motion_webversion
2/13
infographics
Umbrella term to describe
a variety of information
visualisation traditionally
including signs, charts,
maps, manuals among
others.
The aim is to
communicate information
quickly and
engagingly.
vs
-
8/12/2019 Information Graphics & Motion_webversion
3/13
Traditional infographics consist of the use of the tools of graph
illustration, cartography and statistical representation to conv
journalistic information.
Infographics are difficult to define precisely bec
their multiple and flexible nature... on an abstract le
information graphic is an aid to thinking and understanding...Ainfographic makes patterns arise, discovers trends, condenses
amounts of information in a very small space.Alb
-
8/12/2019 Information Graphics & Motion_webversion
4/13
FORMS
INTERACTIVE
PRINT
SIGNAGE
VIDEO
http://www.nytimes.com/ref/us/20070417_SHOOTING_GRAPHIC.html -
8/12/2019 Information Graphics & Motion_webversion
5/13
-
8/12/2019 Information Graphics & Motion_webversion
6/13
Exploratoryvisualizing data
so viewer can play withit and analyse it.
Explanatoryshowing information
and telling a story about it
to the viewer.
-
8/12/2019 Information Graphics & Motion_webversion
7/13
Animated
infographicsare usually Exploratorytaking the form of a visual
essay, communicating
information within a
narrative or argument.
http://www.google.com.au/url?sa=t&source=web&cd=2&sqi=2&ved=0CCEQtwIwAQ&url=http%3A%2F%2Fvimeo.com%2F5477517&ei=TGFoTo-iJYqKmQX834HCDA&usg=AFQjCNF3zD13NBFZNIntQiFqDfYwN1ohKQhttp://www.youtube.com/watch?v=qO_8RwXMMwI -
8/12/2019 Information Graphics & Motion_webversion
8/13
examples
http://vodpod.com/watch/3096963-format-a-brief-history-of-data-storagehttp://www.youtube.com/watch?v=9hIQjrMHTv4http://vimeo.com/3715286 -
8/12/2019 Information Graphics & Motion_webversion
9/13
RATIONALEQ. Would animation
increase engagement and
comprehension?
Q. Do you have solid facts
and/or good
story/argument?
Q. How will you breakup
the topic/process into
digestible elements?
Q. How will you represent
Time, Space, Location?
http://vimeo.com/7395079 -
8/12/2019 Information Graphics & Motion_webversion
10/13
GUIDESCreate visual hierarchies.
Graphic/Motion energy
should be focused on
story/info not ornament.
Use text and symbol
conventions.
Simplicity: avoid
superfluous detail.
Do not distort the data.
Clarity/Simplicity
Superfluous Detail/
Style over Substance
http://infographicsexampleofstyleoversubstance.mp4/http://newmediators.com/ -
8/12/2019 Information Graphics & Motion_webversion
11/13
-
8/12/2019 Information Graphics & Motion_webversion
12/13
FUTHER INFO
INFORMATION
Journalism in the Age of Data, by Geoff McGhee at Stanford
http://datajournalism.stanford.edu/
Interview with Alberto Cairo, elmundo.es's former infographics expert
http://www.ojr.org/ojr/stories/070523ruel/
Design and infographic site:
http://simplecomplexity.net/
Influential Player in Information analysis and communication
http://www.edwardtufte.com
EXAMPLES
http://psdcollector.blogspot.com/2010/05/277-infographics-and-data-visualization.html
http://www.designer-daily.com/14-visually-stunning-animated-infographics-5698
http://inspirationfeed.com/2010/07/50-wonderful-infographic-videos-and-posters/
http://motionographer.com/tag/information-graphics/http://vimeo.com/groups/19792
http://datajournalism.stanford.edu/http://www.ojr.org/ojr/stories/070523ruel/http://simplecomplexity.net/http://www.edwardtufte.com/http://www.designer-daily.com/14-visually-stunning-animated-infographics-5698http://inspirationfeed.com/2010/07/50-wonderful-infographic-videos-and-posters/http://motionographer.com/tag/information-graphics/http://vimeo.com/groups/19792http://vimeo.com/groups/19792http://motionographer.com/tag/information-graphics/http://inspirationfeed.com/2010/07/50-wonderful-infographic-videos-and-posters/http://www.designer-daily.com/14-visually-stunning-animated-infographics-5698http://www.edwardtufte.com/http://simplecomplexity.net/http://www.ojr.org/ojr/stories/070523ruel/http://datajournalism.stanford.edu/ -
8/12/2019 Information Graphics & Motion_webversion
13/13
FUTHER INFO
INFORMATION
Graph Layout and Colour Exercise
http://www.perceptualedge.com/files/GraphDesignIQ.html
Fernando b. Viegas
http://fernandaviegas.com/democratizing_viz.html
Alberto Cairo
http://www.albertocairo.com/index/index_english.html
Visualisation Methods
http://www.visual-literacy.org/periodic_table/periodic_table.html
http://www.perceptualedge.com/files/GraphDesignIQ.htmlhttp://fernandaviegas.com/democratizing_viz.htmlhttp://www.albertocairo.com/index/index_english.htmlhttp://www.albertocairo.com/index/index_english.htmlhttp://fernandaviegas.com/democratizing_viz.htmlhttp://www.perceptualedge.com/files/GraphDesignIQ.html