Infographics - 2012 E3 Conestoga

A Picture is Worth a 1000 Words Introduction to Infographics Melanie Parlette, BA, MLIS Library Resource Centre

What we’re going to cover• What is an Infographic?• Why do I need them?• Where can I find Infographics?• What do I need to make my own Infographic?• Making an Infographic• Great Resources

What is an Infographic?• visualizations that present complex information quickly and clearly• visualizations that integrate words and graphics to reveal information, patterns or trends• visualizations that are easier to understand than words alone• visualizations that are beautiful and engaging Source: http://visual.ly/what-is-an-infographic

History Source: http://www.katieandemil.com/images/who-invented-pie-chart-1.jpg

History Source: http://understandinguncertainty.org/coxcombs

HistorySource: http://www1.icsi.berkeley.edu/~stellayu/artvis/project/roadmap/old_map.jpg

HistorySource: http://observatory.designobserver.com/media/images/otl_aicher_525.jpg

History Source: http://www.kqed.org/assets/img/arts/blog/hd-tufte.jpg

In the Current ContextVideo: http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html

Why should Icare aboutInfographics?

Increasing Popularity

Easy to share Image Source: http://blog.exacttarget.com/blog/s mall-business-big-results/social- blogs-and-emailoh-my

Lots of Information –Source: Quick!http://infographiclist.files.wordpress.com/2012/05/cancerincanada_4faa89f6bfb14.jpg

EXPLORING

Source: http://www.flickr.com/photos/cooljerk/479832255/sizes/o/in/photostream/

Source:http://lokeshdhakar.com/coffee-drinks-illustrated/

The Canadian Oil BoomSource: http://www.visualcapitalist.com/portfolio/the-canadian-oil-boom-oil-sands-intro

The many shades of caregiving Source: http://www.innovation.ca/en/ResearchinAction/Infographics/7059

Whether or not the Danes thinks its ethical to wearreligious symbols in public professions Source: http://www.peterorntoft.com/HTML%20filer/infocontext1.html

Source:http://i.imgur.com/kWAJo.jpg

Maps Everyone has Infographics! (This one came from Canadian Living)Source:http://www.canadianliving.com/food/cooking_school/the_great_canadian_food_map_an_interactive_infographic.php

TimelinesSource: http://www.bbc.co.uk/programmes/p00cgkfk

TimelinesSource:http://www.allianz.com.au/car-insurance/infographic/car-digital-technology/img/allianz-car-insurance-digital-tech-infographic.jpg

ResourceSource: http://visual.ly/why-startups-fail

ComparativeSource: http://visual.ly/google-vs-facebook-guide-brand-pages

Flow ChartsSource: http://www.shouldiworkforfree.com/

ResumeSource: http://www.behance.net/gallery/Resume/751330

Visualizing Data Source: http://www.bbc.co.uk/programmes/p00cgkfk

Interactive Visualizations Source: http://www.nytimes.com/interactive/2008/05/05/science/20080506_DISEASE.html

CREATINGBEST PRACTICES

Be Concise Source: http://www.rei.com/pix/marketing/images/rei- backpacking-infographic.jpgBEST PRACTICES Source:http://digitalnewsgathering.wordpress.com/2010 /04/24/10-tips-for-designing-infographics/

Be VisualBEST PRACTICES Source: http://blog.goireland.com/wp- content/uploads/2012/03/GuinnessVsBeer_ Final_700x7138.jpg Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

Be TransparentBEST PRACTICES Source: http://visual.ly/instagram-vs-new-york-times Source:http://digitalnewsgathering.wordpress.com/2010/04/24/10-tips-for-designing-infographics/

Source:Be Accurate http://s3files.core77.com/blog/images/2011/04/Stanford_Kay- Carbon_Footprint_Infographic-full.jpg BEST PRACTICES Source:http://digitalnewsgathering.wordpress.com/2010 /04/24/10-tips-for-designing-infographics/

Source: http://www.dgquarterly.com/site/wp- content/uploads/2012/03/Plot-lines.jpgBe AttractiveBEST PRACTICES Source:http://digitalnewsgathering.wordpress.com/2010 /04/24/10-tips-for-designing-infographics/

BeGracious • Copyright, to be explicit about any rights and terms of use • Source data, so anyone can check your facts • Designer’s name, always give credit to the artist/illustrator/progra mmer/designer • Original image/article address, so anyone who sees the image can find your original article Source: http://www.sonice.ca/good-for-you/organic-choice BEST PRACTICES Source:http://digitalnewsgathering.wordpress.com/2010 /04/24/10-tips-for-designing-infographics/

BeCreativeBEST PRACTICES Source: http://blog.ffctn.com/what-is-data-visualization Source:http://digitalnewsgathering.wordpress.com/2010 /04/24/10-tips-for-designing-infographics/

CREATINGTIPS

1. Put togetherthe general ideasyou want toconvey.TIPS Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

2. Pick yourcolour scheme.TIPS Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

3. Choose yourGraphics.TIPS Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

4. Research andData.TIPS Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

5. Edit.TIPS Source: http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-to-create-a-powerful-visual/

CREATINGTOOLS FOR CREATING

TOOLS FOR CREATING http://visual.ly/

TOOLS FOR CREATING http://www.easel.ly/

TOOLS FOR CREATING http://www.wordle.net/

TOOLS FOR CREATING http://www.tagxedo.com

TOOLS FOR CREATING http://www-958.ibm.com/software/data/cognos/manyeyes/

TOOLS FOR CREATING http://creately.com

TOOLS FOR CREATING https://cacoo.com/

TOOLS FOR CREATING http://www.tableausoftware.com/public/

CREATINGDATA SOURCES

DATA SOURCES http://www.google.com/publicdata/directory

DATA SOURCES http://pewresearch.org/databank/datasets/

DATA SOURCES http://www.statcan.gc.ca/

DATA SOURCES http://www.data.gc.ca/default.asp?lang=En&n=F9B7A1E3-1

DATA SOURCES https://explore.data.gov/

DATA SOURCES http://data.worldbank.org/

PLACES TO GO

Source: http://www.informationisbeautiful.net/

Source: http://visual.ly/

Source: http://www.nytimes.com/pages/multimedia/index.html

Source: http://www.guardian.co.uk/data/series/show-and-tell

Source: http://www.good.is/infographics

Source:http://www.coolinfographics.com/

Source: http://visualizing.org/

Bringing it home • Becoming “visually literate” – Need to prepare students (and ourselves) to be successful learners. – Infographics encourage creative and informed individuals(Source: http://resourcelinkbce.wordpress.com/2011/07/04/info-what-developing-visual-literacy-through-infographics/)

Bringing it home• Prompting Comprehension – Help students want to learn more(Source: http://learning.blogs.nytimes.com/2011/04/08/data-visualized-more-on-teaching-with-infographics/

Bringing it home There are three key ways to use Infographics in the classroom: 1. As a source of information 2. As a tool to teach visual and critical literacy 3. As a way for students to express their or others’ data Additional Reading: Teaching With Infographics | A Student Project Model http://learning.blogs.nytimes.com/2010/08/27/teaching-with- infographics-a-student-project-model/(Source: http://resourcelinkbce.wordpress.com/2011/07/04/info-what-developing-visual-literacy-through-infographics/)

My Data• Example:• 562,789 Visits to the LRC• 102,202 Hits to our Research Help Guides• 20,925 Questions Answered• 13,818 Book/Media Loans• 264 Instructional Workshops• 88 Research Help Guides• 80 Computer Workstations• 7 Bookable Study Rooms

Let’s make an Infographic ????? 562,789 ????? 102,202 ?????Visits to the LRC Research Guide ????? Hits 7 bookable ? study rooms ? = 1000 questions answered

http://projectlykeio.blogspot.gr	46
http://exploreguides.conestogac.on.ca	43
http://projectlykeio.blogspot.fr	1

Infographics - 2012 E3 Conestoga

by Melanie Parlette-Stewart on Jun 19, 2012

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 90

Statistics

Infographics - 2012 E3 Conestoga Presentation Transcript