Exploring Infographics in Contemporary World

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


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



Useful Bait

1 3

Heavy Data (No. porn)

2

V.S. / Comparison



Road Map

4 6

Visualized Article

5

Timeline



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


Appealing

Icon Colour

Good Combination of words and images


Appealing

Icon Colour

Good Combination

Cross-boundary students

HK

Purpose Fulfillment of INFOGRAPHICS

Objectives

Promotion Messages

Purpose Fulfillment


POOR QUALITY of INFORGRAPHIC…


1

Data Inaccuracy


2

Lack of Reference Inauthentic Incredible

Work-related Mental Disorders Infographic

Misleading


3

Mismatch b/w Info&Graphic

Visual exaggeration of statistics

Graph with Incorrect Scales

Low Readability


4

Bad Structure of Infographic

Too Complicated

Too Many Texts

Problems Induced by INFORGRAPHIC

Lead to Subjective Thoughts

by Improper uses

Power Manipulation


1

Taken out of Content

Audiences misunderstand


2

Make it to be too ‘EXTREME’

Audiences overlook the risks


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)


• Express ideas by images • Often combined with text/other visual info. • Often takes the form of juxtaposed

sequences of panels of images

Comics


• Element of comedy in literature, art, drama, etc. • Common forms including comic strips, editorial &

gag cartoons & comic books Causing laughter or amusement

Comics


• 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

http://neomam.com/interactive/13reasons/

http://blog.visual.ly/bad-infographics/



http://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/



















http://piktochart.com/blog/common-mistakes-when-transforming-data-into-an-infographic/















http://www.verticalmeasures.com/content-marketing-2/misleading-statistics-how-visual-data-can-go-bad-graphics/






















http://www.flaticon.com/

http://www.freepik.com/

http://www.dailyinfographic.com/blog/future-trends-for-infographics-in-2016











http://www.leeglynndesign.com/blog/tag/infographics/

http://blog.ted.com/tedx-celebrates-10000th-event-a-handy-infographic-to-show-just-what-that-means/

























http://mashable.com/2011/10/11/life-and-times-of-steve-jobs/











https://aytm.com/blog/research-junction/the-truth-about-infographics/









http://www.designinfographics.com/other-infographics/us-presidential-election-2012-ohio-as-critical-state-spending-tv-ads























http://visual.ly/

http://ideas.ted.com/what-are-anonymous-companies-an-infographic/











http://www.safeworkaustralia.gov.au/sites/swa/australian-strategy/vss/pages/work-related-mental-disorders









THE END