Infographics, storyboards, and multimedia

1. Guertin | UOIT
EDUC 5405G
21 May 15
Statistic Infographic

2. Blog Tutorial for Weebly:
http://www.weebly.com/weebly/main.php

3. Learning Tool Assessment
(Due June 9)
• Assessment of a digital tool that is useful to you for teaching in your
subject area, and for its use of instructional design principles (1 short
wiki-essay, with screen grabs or illustrations or video demos, as appropriate,
with a length of roughly 1,500 words), posted to the course wiki
• Course Wiki: https://educ5405g.wikispaces.com/
• This is a research assessment assignment and should include full citations
in APA Style.
• Select a tool that is useful to you in your teaching/research and that could
help you solve some specific problems with a unit, skill or topic you might
teach. (See instructor’s Pinterest page for guides to available tools
https://www.pinterest.com/carolynguertin/teacher-education/ or many other
sites on the Web, including: http://www.freetech4teachers.com/
– Assess the tool on its own merits. Clearly describe what the tool does.
– Then assess what its properties and abilities are. While you will want to choose a tool
that is very useful to you, be sure to include in your assessment a discussion of its
limitations or weaknesses.
– How would you apply this tool in a specific learning situation? What problems could it
solve? How easy would it be for students to learn it? Would you need to supplement it
with other approaches and techniques or could it do the whole job?

4. Learning Object Portfolio
Draft due June 2nd; Final due June 18th – 50%
• Design, execution, and presentation of a web-based portfolio project with three mockups,
outlines or storyboards for learning objects in the student’s area of study. Each of the three
pieces should be roughly equivalent in complexity. For example:
– 1) a transmedia project might include a webisode, a digital comic, and the rules and/or
interface for a board game;
– 2) a unit on climate change might include an instructional video, a wiki, and a browser-based
app;
– 3) a math unit might include an instructional animation of problem-solving, a data map, and
an infographic
– 4) a game on a particular topic with pedagogical content might include rules, cards or icons,
characters or playing pieces, and an interface (digital or analogue).
• Select three pedagogical (or research) strategies that will help you teach a particular
unit. What do you want to teach? How are you going to teach it?
• Create mockups, outlines or storyboards (as appropriate for the genre of the object) for
each of the three parts of your unit. Clearly describe each of the three learning objects,
shoot photographs or video demos of how they will function, and explain how they will help
you teach the unit and your students learn.
• Each of the three learning objects should be of comparable complexity. You should be able
to demonstrate some sort of common thread between them.
• Explore thoroughly your problem(s), planning, design, and presentation design.

5. Critical Media Literacy
• What is it, according to Garcia, Seglem
and Share?
• Why do they advocate for critical media
literacy pedagogy?

6. 5 basic elements of Critical Media Literacy (p. 111)
1. Construction of media as a social process
2. Analysis that explores languages, codes,
conventions of any text
3. Exploration of the audience’s role in
negotiating meaning
4. Problematizing representation to expose
issues of power, ideology, and pleasure
5. Examination of institutions and political
economy of media industries (especially as
for-profit enterprises)

7. Word Clouds as a Teaching/
Learning Strategy
https://www.teachingchannel.org/videos/reading-teaching-strategy
For later ~ Useful Tutorial for Wordle and Tagxedo: https://www.youtube.com/watch?v=oZlQiwCm82Q

8. For later ~ Useful Tutorial for
Wordle and Tagxedo:
https://www.youtube.com/watch?v=oZlQiwCm82Q
WORDLE.NET
(HTTP://WWW.WORDLE.NET/ )
AND WORD CLOUDS

9. Cut and paste an article or a URL into
Wordle.net (HTTP://WWW.WORDLE.NET/ ).
Probably Firefox is the most stable choice for a
browser.

10. Sifting News and “Online Filter Bubbles”
~ Eli Pariser
https://www.ted.com/talks/eli_pariser_beware_online_filter_bubbles

11. http://francis-moran.com/wordpress/wp-content/uploads/2012/01/infographic_on_infographics.jpg

13. Infographics tell a story with data
• Incorporate accurate and complete raw
data for pedagogical ends
• Analyze data to find an engaging story
• Design your narrative in the right mode
• Express new stories multimodally
• Speak directly to the audience at a glance
and in-depth
• Marry design and data

14. design+data
http://www.bitrebels.com/design/8-types-of-infographics-use-when/

15. Usability infographic
7TipstoCreateADesignedInfographic

16. Think visually

17. Be creative

18. 8 + 1 Kinds of Infographics
1. Content-Rich
2. Flow Chart
3. Chronological
4. Informatic
5. Comparison
6. Data and Statistics (aka Number Porn)
7. Photographic
8. Data Visualization
9. Metaphor (can be used with any of other 8)

19. Content-Rich Infographic/Article

20. Wired Magazine

21. Comic Touch to Convey Information

22. http://www.coolinfographics.com/blog/tag/flowchart

23. A handy flowchart to help you and your group decide what kind of infographic to use:
https://www.pinterest.com/pin/162200024055669128/

24. Hyperbole as Infographic

25. Analogy
as
humour

26. Chronology

27. http://www.designinfographics.com/funny-infographics/music-timeline

29. Interactive timeline

30. An Informatic
(designed for reference, it foregrounds usability)

31. Usability

32. Usability Infographic
https://www.pinterest.com/pin/162200024056278658/

33. Comparison (aka Faceoff)

34. https://leveragenewagemedia.com/blog/social-media-infographic/

36. Data and Statistics

37. Statistics Infographic
https://alfredovela.files.wordpress.com/2013/07/infografia_estadisticas_social_media.jpg
https://www.pinterest.com/pin/162200024056262942/

38. http://lorirtaylor.com/wp-content/uploads/2012/02/infographic-power-of-twitter.gif

44. How to write a Booker Winning Novel

45. 9. Visual Metaphor (which can mix
and match any of the above kinds)

46. Metaphor

48. “The Metrics of Maximum Impact”
– Getting your Story Heard on the Web.
Future of Storytelling Summit:
http://www.deepmediaonline.com/deepmedia/2014/01/the-future-of-storytelling-summit.html

49. Storyboarding for multimedia

50. Storyboards are a roadmap

51. Storyboarding (like wireframing or outlining)
is a way of developing complexity visually

52. Structure
ChunkSketch

53. Quick Tips
Nonlinear presentation
Freestanding
elements
Redundancies (but not
too many)
Don’t edit too soon

54. Storyboarding Templates

55. Goldman Template
Project name:
Date: / /
Screen ID:
Media information
Navigation info
Screen of
Notes:

56. Programme/Course Name: Module Name:
Page No.: Page Title: Section/Lesson No.: Section/Lesson Name:
On-Screen Visuals
1.
On-Screen Text
1.
<Information must be
chunked in small
pieces>
Mitran Template
On-Screen Visuals
2.
On-Screen Text
2.
<The slide can be
divided if two closely
related chunks of
information are to be
presented on the same
slide. Ideally, one idea
must be presented on
one slide>

57. Michaels Template (5 pages)

58. Screen Title
• Screen text
Graphic: description
Click Next to continue.
Page x of y

59. Screen Title Page x of y
Click each component for more information. Menu buttons

60. Page x of y
Select your answer and click Submit. Menu buttons
Correct feedback
or
Incorrect feedback
Submit
MC Question
• Question
A. Answer
B. Answer
C. Answer
D. Answer

61. Page x of y
Select your answer and click Submit. Menu buttons
Correct feedback
or
Incorrect feedback
Submit
Matching Question• Question
1. Term
2. Term
3. Term
4. Term
A. Description
B. Description
C. Description
D. Description

62. Page x of y
Select your answer and click Submit. Menu buttons
Correct feedback
or
Incorrect feedback
Submit
Fill in the Blank Question
• Question (include blank space for answer)

63. Celtx ~ Free Online Storyboarding
and Project Planning Software
https://www.celtx.com/index.html