Infographics INFORMATION THAT CATCHES THEIR EYE. Christy Mannering Communications Specialist University of Delaware

Size: px

Start display at page:

Download "Infographics INFORMATION THAT CATCHES THEIR EYE. Christy Mannering Communications Specialist University of Delaware"

Edgar Bradley
6 years ago
Views:

2 Infographics INFORMATION THAT CATCHES THEIR EYE Christy Mannering Communications Specialist University of Delaware

3 Edutainment Infographics are entertaining AND educational They make learning something a little bit easier or enhance something that might be difficult to grasp

4 Theory behind why infographics work They stop traffic, web traffic that is. We are scrolling through digital content all day long. On desktop computers, on tablets and on mobile phones. So you need something that will catch your audiences eye and make them stop. Image from Spring Board PR

For educational institutions we want people to share out content but they

5 Shareable Think about what you share with your peers. Think about what you share on social media. For educational institutions we want people to share out content but they are more likely to do that if it includes visuals. Infographics allow us to portray our educational content in a visually appealing way.

6 Specific uses for infographics To display survey response results To compare before and after To simplify complex content Show a process or timeline

7 Visualize Data Not all information can be put into an infographic. Data and analytics work well and anything that can be mapped out works very well. Capture KEY points! Less paragraphs, use a strong headline or quick statement and supportive data. This is a small infographic Image from Buffer

Publishers who use infographics grow in traffic an average of 12% more than

8 Visualize Data 90% of information transmitted to the brain is visual, and visuals are processed 60,000x faster in the brain than text. Publishers who use infographics grow in traffic an average of 12% more than those who don't.

9 Merieb, E. N. & Hoehn, K. (2007). Human Anatomy & Physiology 7th Edition, Pearson International Edition. Semetko, H. & Scammell, M. (2012). The SAGE Handbook of Political Communication, SAGE Publications.

10 Design Come up with a color palette before you put in content and stick with it while creating your infographic. Choose 3 to 5 bold colors that make your data POP! Tool for color palettes: FONT is it readable?

11 Limited Copy Infographics are NOT white sheets. Just because you can put 1,200 words on a page does not mean you should. Too much text = Confusing

12 Easy To Scan This infographic is meant to show how long a person stays online on different social platforms? These numbers are all different, but each pie slice is the same size!

Where to begin? Find your focus Know your data are you comparing two charts, are you trying to visualize a report? Clear storyline does each visual breakout share the focus?

13 Where to begin? Find your focus Know your data are you comparing two charts, are you trying to visualize a report? Clear storyline does each visual breakout share the focus? Does your data support what you are saying? Have a strong title, it s the first thing the reader will see. Will this be a long list or a squared off sectional infographic?

A good rule of thumb is that your charts should be easy enough to read that it only takes readers

14 How to best represent data Don t use a bar graph if you re data is best expressed over time in a line graph. A good rule of thumb is that your charts should be easy enough to read that it only takes readers ten second or less to understand. Use large font to convey a single important number or point Use bar graphs and pie charts to show percentages. Data changing over time, try a line graph.

Infographic Examples This infographic from Ultimate Mats sees some important posture pointers being made; whether you favor a sit-down desk or you've moved onto a standing effort, there's some

15 Infographic Examples This infographic from Ultimate Mats sees some important posture pointers being made; whether you favor a sit-down desk or you've moved onto a standing effort, there's some brilliant tips to help your back, neck and shoulders stay in tip-top shape. Notice it is longer than it is wide. There is a definite color palette Use of icons, repeatable graphics Visuals break up each section

16 Infographic Examples The World Bank infographic here shows benefits that can accrue from making a shift to green technologies. Again noticeable color palette Headings are similar Consistent fonts Visuals break up each section icons and illustrations

17 Infographic Examples This infographic from Renegade Pharmacist's went viral. It reveals exactly what happens within an hour of drinking the bubbly beverage. Notice it is square. There is a definite color palette Numbers/timing as headers, consistent font, size Very brief text blurbs. Clear timeline to follow.

18 Infographic Examples Here is an Ag example that uses one photo background to draw in the audience. The colors work with the background photo for readability. I personally don t think the focus is as clear as it could be, but each separate text blurb includes an impactful data point.

19 Infographic Examples The USDA released this infographic along with the Natural Resources Conservation Service (NRCS) about soil. It s a fun educational piece. This has one large illustration as the background. Data points are all the same color. Color palette Clear focus for audience

Consistent color pallete Big numbers to catch eye,

20 Infographic Examples Infographic series about honeybees. Clear focus, theme remains throughout All illustrations Consistent color pallete Big numbers to catch eye, relate fact, followed by brief description or explanation.

21 Tools of the trade Fortunately, as it is with most technology, there are many resources available to those of us interested in creating infographics. * My favorite tools are marked with asterisks. *

Venngage * There are available tools online, like Venngage which make creating an infographic super easy! You can make infographics, posters, social media assets, etc.

22 Venngage * There are available tools online, like Venngage which make creating an infographic super easy! You can make infographics, posters, social media assets, etc. Lots of images, fonts, templates for free. You cannot download anything you create until you upgrade, it s about $20/month. Premium version provides unlimited downloads and templates.

23 Easel.ly This is a free tool with a premium upgrade available. The free version gives you 60 free images/icons and 10 available fonts. (Several templates are free w/restrictions.) The premium version gives you 1000s of images, 50 fonts, and lots of templates.

24 Vizualize.me Enabling people to express their professional accomplishments in a simple yet compelling personal visualization.

25 Infogr.am The great thing about this tool is that it offers lots of documentation and tutorials. However, the visuals aren t as great and while there is a free account it is very limiting.

Free version and premium versions with discounts for education and

26 Piktochart * Make infographics, reports, posters, etc. Surprising amount of icons and stock photos included. Free version and premium versions with discounts for education and non-profits. You can download with the free version, but not high quality. Would work for the web.

27 Thank you! Time for questions, use the chat pod. Christy Mannering Twitter cmanneri@udel.edu

10/2/2015. Presenter Disclosure. Objectives

10/2/2015. Presenter Disclosure. Objectives A Picture is Worth A Thousand Words The Use of Infographics in School Nursing Kim Ragan, RN, BSN, NCSN 32 Annual NC School Nurse Conference October 15 16, 2015 Presenter Disclosure I disclose the absence