Dynamic & Interactive Infographics - Student Projects Short url: bit.do/DynamicInfo
Infographics are an interesting way for students to demonstrate learning and understanding. Adding dynamic elements and interactivity amplifies engagement and interest for the audience and introduces opportunities to extend the presentation material beyond the confines of a single poster. This workshop addresses pedagogy behind the creation of infographics as well teaching the necessary tools and techniques in Google Slides.
This workshop was developed in collaboration with the UC Berkeley History-Social Science Project. Check out the UCBHSSP's programs, workshops and teacher resources. Follow on us Facebook at www.facebook.com/ucbhssp
This workshop was developed in collaboration with the UC Berkeley History-Social Science Project. Check out the UCBHSSP's programs, workshops and teacher resources. Follow on us Facebook at www.facebook.com/ucbhssp
QUICK POLL: bit.do/HessPoll
A) COMPARE / CONTRAST INFOGRAPHICS:
B) EXPLORE EXAMPLES - DYNAMIC, INTERACTIVE INFOGRAPHICS in presentation mode
C) MAKE YOUR OWN:
D) SHARE A LINK TO YOUR INFOGRAPHIC HERE
E) FEEDBACK:
F) RESOURCES:
Presentation:
Pedagogy:
Tools:(List Credit: Mark Davis and David Quinn)
A) COMPARE / CONTRAST INFOGRAPHICS:
- Open "Compare Infographics"
- Infographic 1 - 15 Faces about Income Inequality
- Infographic 2 - When Income Grows, Who Gains?
- infographic 3 - Pulling Apart - Economic Inequality
B) EXPLORE EXAMPLES - DYNAMIC, INTERACTIVE INFOGRAPHICS in presentation mode
C) MAKE YOUR OWN:
- Open the Infographics Design Template:
- You will be collaborating in teams of 2
- One person in each pair opens the Infographics Design Template. Share it with your partner
- Build an argument from the evidence:
- Use this pre-compiled information on global warming.
- Use template slides 1 to create your argument.
- Feel free to modify the inquiry question & create a thesis statement
- (Print out and use the storyboard slide (#2) to illustrate the development of your argument over multiple slides)
- Create a simple infographic on one slide
- Create a single-slide infographic Include a claim, 1-2 facts, an image and a graph/chart
- Use the drawing tool to add visual elements
- Add dynamic elements
- Copy finished infographic to multiple slides
- Remove elements to create a sequence that layers the ideas in.
- Add interactive elements:
- Create a link to a ‘Detail’ slide within the slide show
- Create a link to an external web page containing additional information.
- Add finishing touches:
- Use invisible text boxes to force or restrict navigation
D) SHARE A LINK TO YOUR INFOGRAPHIC HERE
E) FEEDBACK:
- Complete the CUE Evaluation
- Also, please fill out this short workshop survey
- Feel free to contact me: dhess@berkeley.edu
F) RESOURCES:
Presentation:
- Look behind the scenes: Play with a copy of Examples - Dynamic, Interactive Infographics
- Presentation PDF
Pedagogy:
- Visual Argument Rubric (From ‘No More Eye Candy’). Rubric developed by Tasha Bergson-Michelson, Debbie Abilock, and Kristin Fontichiaro
- Recipe for an Infographic - Abilock, D., & Williams, C. (2014). Recipe for an infographic. Knowledge Quest, 43(2), 46-55.
- Visualizing Text - The New Literacy of Info Graphics. Mark Davis and David Quinn (Dec 2013-Jam 2014), Reading Today
Tools:(List Credit: Mark Davis and David Quinn)
- PiktoChart (www.piktochart.com ): Free tools with simple and advanced features and a variety of templates.
- InfoGram (www.infogr.am): Simple no cost tool for designing both information and data visualizations with interactive content.
- Easelly (www.easel.ly): Free tool for designing infographics from pre-designed templates. Easier learning curve than other infographic tools.
- Venngage (www.venngage.com): A great infographic design that captures audience analytics.
- Visually (www.visual.ly): A professional design marketplace with examples of infographics in all subjects.