of infographics - stc indiagoa2013.stc-india.org/.../10/the-art-and-science-of-infographics.pdf•...
TRANSCRIPT
The
Art & Science of
Infographics
Faraaz Mohiuddin Vimal Chhutani
Once upon a time…
What is an Infographic?
Why Infographic?
William Playfair 1786
Florence Nightingale 1857
Charles Minard 1861
Henry Beck 1933
George Rorick 1982
WHO 1997
Guess
Guess
Guess
Guess
&
Guess
Why are Infographics so popular?
o Efficiency
o Clarity
o Language Independence
Why are Infographics so popular?
o The visual system
o Patterns
o LB / RB
Why are Infographics so popular?
o More engaging
o Appeals to emotion
o Language of the eye
Why are Infographics so popular?
o Electronic surfaces
o Internet
o Social media
o Online creation tools
Types
Domain based
Communication method
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Types
Our window of opportunity
• Strengths of each medium
• High impact communication
• Lead-ins
• System-level
• BIG data
• Analytics
WIIFM
WIIFM
WIIFM
Infograprinciples
o Simpler
o Relevant
o Trusted
Infograprinciples
o Visual Narrative
o Purpose
o Meaningful
Infograprinciples
o Order
o Logical flow
o Visual Hierarchy
Infograprinciples
o Layout
o Limited space
o No-scroll
o Order & balance
o Whitespaces
Infograprinciples
o Color palette
o Typography
o Visual Objects
The Good, The Bad, The Ugly
Towards Realization…
o Concept / Idea
Where are these ideas found?
- In shower rooms
- At 3 a.m. in the middle of deep sleep
Towards Realization…
o Analyze & simplify
Towards Realization…
o Visual structure
o Fitting elements
Towards Realization…
o Iterative process
o Constantly changing
Towards Realization…
o Post on sites
o Share
Paper, Pencils, Markers, and Rulers Faster and easier illustration software–
• Adobe Illustrator • Inkscape (freeware)
Specialized websites and tools (Free)– • Piktochart • Visual.ly • Many Eyes from IBM • Infogr.am • Vizualize.me • Easel.ly • Vizify
Paid Subscription • Fluxvfx • Creately • OmniGraffle
Tools of the trade…
• Public Data Explorer • google.com/publicdata/directory • oecd.org
• Color Palette
• Adobe Kuler • Colourlovers.com • Design-Seeds.com • DeGraeve.com • ColorSchemeDesigner.com
…and a few supporting Tools
Hybrid of many skills: • Market Research • Data Analysis • Information development • Visualization • Graphic Design • User Experience Design (UXD) is a plus!
Infocraftsmanship…
The Past…
• Cave Graphics • Hieroglyphs • The Alphabet
…and the Future
• Large data sets • Interactive Infographics • User Interfaces
Observe >> Learn >> Create
Now what?
• Edward Tufte
• Nigel Holmes
• Stephen Few
• Nicholas Felton
• Richard Saul Wurman
Introduction to Infographics and Data Visualization http://open.journalismcourses.org/index.php? Beginning Infographics: Information Driven Storytelling http://www.skillshare.com/classes/design/Beginning-Infographics-Information-Driven-Storytelling/1880133038 Udemy https://www.udemy.com/infographics/
Thank you
Q & A
Contacting us is easy
References and resources…
• The Power of Infographics by Mark Smiciklas
• Beautiful Visualization by Julie Steele and Noah Iliinsky
• http://wiki.magnolia-cms.com/display/DEV/How+to+migrate+your+project
• http://commons.wikimedia.org/wiki/File:Washington_DC_metro_map.png
• http://www.behance.net/gallery/Infographics-Resume/6745371
• http://webdesignledger.com/tutorials/11-well-written-character-illustration-tutorials
• … and many more