exploring infographics in contemporary world
TRANSCRIPT
Exploring Infographics in Contemporary World Rational Thinking & Creative Ideas
By Eric Wong
Objectives
Explore why infographics are popular
How infographic help us
How creative they are
All about INFOGRAPHICS Visualization of data or ideas that tries to convey complex information to an audience in a manner that can be quickly consumed and easily understood.
Author of ‘The Power of Infographics: Using pictures to communicate and connect with your audience’
Mark Smiciklas (2012)
All about INFOGRAPHICS • Information graphics • Graphic visual representation of info., data /
knowledge • Mostly come with bar chart, pie chart and etc. • Present complex information quickly & clearly • Simplify large amounts of data • ↑Human visual system’s ability
Egyptian Hieroglyphics
Evolution of INFOGRAPGICS ~40,000
YEARS AGO Cave Paintings
~5,200
YEARS AGO
Invention of Diagram 230 YEARS AGO
I am Willam Playfair.
PRESENT
5s for a sophisticated
infographics
STEPS to creating INFOGRAPHICS
STEPS to creating INFOGRAPHICS
1
Research
2
Brainstorm
3
Design
4
Review
5
Launch
Research before creating INFORGRAPHICS
Source: Elliott, A. (2014). How to Turn a Research Project into Infographics. Edudemic. Retrieved 1 April 2016, from http://www.edudemic.com/how-classroom-project-infographic/
Website
INFORGRAPHIC IDEAS Brainstorming Start
6 Thinking Hats PROCESS.FACTS . CREATIVITY . FEELINGS . BENEFITS . CAUTIONS
INFORGRAPHIC IDEAS Brainstorming Start
Interests
Audience
Purposes
Messages
Content
Graphics Information Design
Design your INFORGRAPHICS
Traditional Contemporary
Design your INFORGRAPHICS
Source: Chow, S. (2015). Layout Cheat Sheet for Infographics : Visual arrangement tips. Piktochart Infographics. Retrieved 29 March 2016, from http://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/
Useful Bait
1 3
Heavy Data (No. porn)
2
V.S. / Comparison
Design your INFORGRAPHICS
Source: Chow, S. (2015). Layout Cheat Sheet for Infographics : Visual arrangement tips. Piktochart Infographics. Retrieved 29 March 2016, from http://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/
Useful Bait
1 3
Heavy Data (No. porn)
2
V.S. / Comparison
Design your INFORGRAPHICS
Source: Chow, S. (2015). Layout Cheat Sheet for Infographics : Visual arrangement tips. Piktochart Infographics. Retrieved 29 March 2016, from http://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/
Road Map
4 6
Visualized Article
5
Timeline
Design your INFORGRAPHICS
Source: Chow, S. (2015). Layout Cheat Sheet for Infographics : Visual arrangement tips. Piktochart Infographics. Retrieved 29 March 2016, from http://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/
Road Map
4 6
Visualized Article
5
Timeline
Cite Reference & Resources.
Design your INFORGRAPHICS Don’t forget
To SHORTEN the links that are too long?
USE .
LAUNCH your INFORGRAPHICS
Review the INFORGRAPHICS
Where can we FIND INFOGRAPHICS
Authority Business Survey Science
History Politics Medical & Health Entertainment
TO PRESENT
Statistics Ideas Objectives
Messages Concepts Stories
WHY INFORGRAPHICS
WHY INFORGRAPHICS
90% of the info. the brain takes in is visual.
WHY INFORGRAPHICS
20% People only remember of what they read.
Faster than text
WHY INFORGRAPHICS
Visual Are processed
60,000 times
WHY INFORGRAPHICS
ELEMENTS OF A GOOD INFORGRAPHICS
Clear
Straightforward Simple
Increasing trend of cross-boundary students in HK (15%/YR)
Good Combination of words and images
ELEMENTS OF A GOOD INFORGRAPHICS
Appealing
Icon Colour
Good Combination of words and images
ELEMENTS OF A GOOD INFORGRAPHICS
Appealing
Icon Colour
Good Combination
Cross-boundary students
HK
Purpose Fulfillment of INFOGRAPHICS
Objectives
Promotion Messages
Purpose Fulfillment
ELEMENTS OF A GOOD INFORGRAPHICS
POOR QUALITY of INFORGRAPHIC…
POOR QUALITY of INFORGRAPHIC…
1
Data Inaccuracy
POOR QUALITY of INFORGRAPHIC…
2
Lack of Reference Inauthentic Incredible
Work-related Mental Disorders Infographic
Misleading
POOR QUALITY of INFORGRAPHIC…
3
Mismatch b/w Info&Graphic
Visual exaggeration of statistics
Graph with Incorrect Scales
Low Readability
POOR QUALITY of INFORGRAPHIC…
4
Bad Structure of Infographic
Too Complicated
Too Many Texts
Problems Induced by INFORGRAPHIC
Lead to Subjective Thoughts
by Improper uses
Power Manipulation
Problems Induced by INFORGRAPHIC
1
Taken out of Content
Audiences misunderstand
Problems Induced by INFORGRAPHIC
2
Make it to be too ‘EXTREME’
Audiences overlook the risks
Problems Induced by INFORGRAPHIC
3
Make it to look too ‘EASY’
Alternatives to INFORGRAPHIC
• Provide moving letters, icons & banners • Support multiple frames • Single file a set of images that are presented
in a specified order • Can loop endlessly or just present one or a
few sequences • Frequently used in Web ad banners • Easier to create > images with Java or Flash
Animated GIFs (Graphics Interchange Format)
Alternatives to INFORGRAPHIC
• Express ideas by images • Often combined with text/other visual info. • Often takes the form of juxtaposed
sequences of panels of images
Comics
Alternatives to INFORGRAPHIC
• Element of comedy in literature, art, drama, etc. • Common forms including comic strips, editorial &
gag cartoons & comic books Causing laughter or amusement
Comics
Alternatives to INFORGRAPHIC
• Separate graphics that are used in a list form • Easier for you to dress up your pages with different
colors & fonts • Easier to mix in written content • No need to use a huge infographic to get your point
across
Micrographics
Conclusion • Discover Different Usage • The effective way to create infographic • Recognize the pros & cons of infographics • Alternatives
REFERENCE • 13 Reasons Why Your Brain Craves Infographics. (n.d.). Retrieved March 31, 2016, from http://neomam.com/interactive/13reasons/ • Bad Infographics | Visually Blog. (2016). Blog.visual.ly. Retrieved 31 March 2016, from http://blog.visual.ly/bad-infographics/ • Chow, S. (2015). Layout Cheat Sheet for Infographics : Visual arrangement tips. Piktochart Infographics. Retrieved 29 March 2016, from
http://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/ • Common Mistakes When Transforming Data Into An Infographic - Piktochart Infographics. (2015). Piktochart Infographics. Retrieved 31 March 2016, from
http://piktochart.com/blog/common-mistakes-when-transforming-data-into-an-infographic/ • Dannenberg, D. (2016). Misleading Statistics: How Visual Data Can Go Bad. Vertical Measures. Retrieved 31 March 2016, from
http://www.verticalmeasures.com/content-marketing-2/misleading-statistics-how-visual-data-can-go-bad-graphics/ • Elliott, A. (2014). How to Turn a Research Project into Infographics. Edudemic. Retrieved 1 April 2016, from http://www.edudemic.com/how-classroom-project-
infographic/ • Flaticon, the largest database of free vector icons. (2016). Flaticon. Retrieved 31 March 2016, from http://www.flaticon.com/ • Freepik | Free Graphic resources for everyone. (2016). Freepik. Retrieved 31 March 2016, from http://www.freepik.com/ • Future Trends for Infographics in 2016 [Infographic] | Daily Infographic. (n.d.). Retrieved March 31, 2016, from http://www.dailyinfographic.com/blog/future-
trends-for-infographics-in-2016 • Infographics recent design projects. (n.d.). Retrieved March 31, 2016, from http://www.leeglynndesign.com/blog/tag/infographics/ • Smiciklas, M. (2012). The Power of Infographics: Using pictures to communicate and connect with your audience. Indianapolis, IN: Que Pub. • TEDx celebrates 10,000th event. A handy infographic to show just what that means. (2014). Retrieved March 31, 2016, from http://blog.ted.com/tedx-celebrates-
10000th-event-a-handy-infographic-to-show-just-what-that-means/ • The Life and Times of Steve Jobs [INFOGRAPHIC]. (n.d.). Retrieved March 31, 2016, from http://mashable.com/2011/10/11/life-and-times-of-steve-
jobs/#Xg_dXC2Yu5q • The Truth About Infographics. (2016). Aytm.com. Retrieved 31 March 2016, from https://aytm.com/blog/research-junction/the-truth-about-infographics/ • US Presidential Election 2012 - Ohio As Critical State, Spending, TV Ads (Other Infographics). (n.d.). Retrieved March 31, 2016, from
http://www.designinfographics.com/other-infographics/us-presidential-election-2012-ohio-as-critical-state-spending-tv-ads • Visually | Premium Content Creation for Better Marketing. (2016). Visual.ly. Retrieved 31 March 2016, from http://visual.ly/ • What are anonymous companies? An infographic. (2014). Retrieved March 31, 2016, from http://ideas.ted.com/what-are-anonymous-companies-an-infographic/ • Work-related mental disorders infographic - Safe Work Australia. (2016). Safeworkaustralia.gov.au. Retrieved 31 March 2016, from
http://www.safeworkaustralia.gov.au/sites/swa/australian-strategy/vss/pages/work-related-mental-disorders • Animated gif in Technology . (2010). Retrieved from http://www.dictionary.com/browse/animated-gif • Cordray, R. (2015, 5 29). 5 Alternatives To Infographics When Creating Your Content Marketing Mix. Retrieved from
http://www.business2community.com/content-marketing/5-alternatives-infographics-creating-content-marketing-mix-01239184#gSHElDgF0troMEek.97 • Farlex. (2012). micrograph. Retrieved from http://medical-dictionary.thefreedictionary.com/micrographics • Oxford Dictionaries. (2016). Retrieved from http://www.oxforddictionaries.com/definition/english/comic • Rouse, M. (2005, 9). animated GIF (Graphics Interchange Format) . Retrieved from http://searchsoa.techtarget.com/definition/animated-GIF
THE END