logo

Lesson Plan: Infographics – Digital, Visual Stories

[cs_content][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][cs_text]

Collage of covers, first lines, and author names for famous books. Links to longer description.
Image source: www.the-digital-reader.com.

[/cs_text][/cs_column][/cs_row][/cs_section][cs_section bg_color=”hsl(0, 0%, 100%)” parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ class=”cs-ta-left” style=”margin: 0px;padding: 0px 0px 45px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”2/3″ style=”padding: 0px;”][cs_text]Both infographics and data visualization are tools to visually represent data. They make it easier for audiences to grasp difficult concepts by communicating meaning through a visual summary. It is the level of narration where the forms diverge: data visualization will employ algorithms to directly represent vast quantities of data and make interpretation simpler, whereas infographics are constructed by a human to tell a story about the data–to summarize its context, its meaning, and its implications through designed elements. Even when quantitative content is included in an infographic, it is usually summative rather than representative in nature. The purpose of an infographic is to narrate complex information and its relationships, within which layers of textual and symbolic forms interact to create meaning for a viewer.

Rhetorically, infographics are tricky because their ethos is grounded in education, in their claim to and capacity for teaching precisely because they are data designed for consumption–packaged, branded, and easily distributed. These properties make infographics extremely valuable tools for public education but also susceptible to misuse.

When students understand how infographics work, they become savvy consumers and curators of information in all forms. It is also a good way for teachers to raise awareness of the inevitability and omnipresence of rhetoric in disseminating information and knowledge.
[/cs_text][x_custom_headline level=”h3″ looks_like=”h5″ accent=”false”]Learning Objectives[/x_custom_headline][cs_text]Beyond digital literacy, infographics and digital storytelling offer many opportunities and possibilities for the rhetoric classroom. First, it allows teachers to broaden the definition of a text and apply classical considerations to new media. Second, it offers a visual way to explore argumentation and discourse structure, giving students new perspectives for approaching composition and potentially–by making structures and strategies visible–heightening understanding of written arguments for different types of learners. Third, reasoning through and experimenting with design decisions and strategies can help students consider versions and revisions for efficacy in their own work.

This lesson plan can be easily incorporated into Unit 1, particularly areas of summary and synthesis of other sources, in its activation and application of the same questions and skills.

Students will learn to: [/cs_text][cs_icon_list][cs_icon_list_item title=”Identify what story an infographic is telling, how the story is being told, and why these strategies are being used to tell this story” type=”check” link_enabled=”false” link_url=”#” link_new_tab=”false”]Identify what story an infographic is telling, how the story is being told, and why these strategies are being used to tell this story[/cs_icon_list_item][cs_icon_list_item title=”Recognize commonalities in effective visual storytelling across infographics and articulate reasons for patterns and efficacy” type=”check” link_enabled=”false” link_url=”#” link_new_tab=”false”]Recognize commonalities in effective visual storytelling across infographics and articulate reasons for patterns and efficacy[/cs_icon_list_item][cs_icon_list_item title=”Use their new understanding to create a storyboard that breaks down an existing infographic’s argument and then create a storyboard that offers an alternative to the existing design” type=”check” link_enabled=”false” link_url=”#” link_new_tab=”false”]Use their new understanding to create a storyboard that breaks down an existing infographic’s argument and then create a storyboard that offers an alternative to the existing design[/cs_icon_list_item][/cs_icon_list][/cs_column][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/3″ style=”padding: 0px;”][x_blockquote cite=”” type=”left”] “Infographics, for better and for worse, are data designed for mass consumption: packaged, branded, and easily distributed.” [/x_blockquote][x_feature_list][x_feature_box title=”Assignment Length” title_color=”” text_color=”” graphic=”icon” graphic_size=”40px” graphic_shape=”circle” graphic_color=”#ffffff” graphic_bg_color=”rgb(140, 140, 140)” align_h=”left” align_v=”top” side_graphic_spacing=”10px” max_width=”200px” child=”true” connector_width=”1 px” connector_style=”dashed” connector_color=”#272727″ graphic_icon=”clock-o”]1-2 class periods [/x_feature_box][x_feature_box title=”Required Materials” title_color=”” text_color=”” graphic=”icon” graphic_size=”40px” graphic_shape=”circle” graphic_color=”#ffffff” graphic_bg_color=”hsl(0, 0%, 56%)” align_h=”left” align_v=”top” side_graphic_spacing=”10px” max_width=”200px” child=”true” connector_width=”1 px” connector_style=”dashed” connector_color=”#272727″ graphic_icon=”cut”]Internet, access to GoogleDocs Templates[/x_feature_box][x_feature_box title=”Skills Necessary” title_color=”” text_color=”” graphic=”icon” graphic_size=”40px” graphic_shape=”circle” graphic_color=”#ffffff” graphic_bg_color=”rgb(140, 140, 140)” align_h=”left” align_v=”top” side_graphic_spacing=”10px” max_width=”200px” child=”true” connector_width=”1 px” connector_style=”dashed” connector_color=”#272727″ graphic_icon=”download”]Use storyboarding techniques to outline and represent narrative/argument structure and strategy[/x_feature_box][/x_feature_list][/cs_column][/cs_row][/cs_section][cs_section bg_color=”rgb(250, 250, 250)” parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px 0px 0px 60px;padding: 10px 0px 45px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_feature_headline level=”h2″ looks_like=”h3″ icon=”globe”]Access and Adaptability[/x_feature_headline][x_gap size=”30px”][cs_text]Alt text has been generated for all infographics provided in this lesson plan. More detailed descriptions of infographics may need to be provided for visually-impaired students depending on how this lesson plan is implemented. The assignment can be completed without access to a computer; in fact, some may prefer pen-and-paper modes of storyboarding to the online tools offered here.
[/cs_text][/cs_column][/cs_row][/cs_section][cs_section bg_color=”rgb(225, 229, 234)” parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px 0px 0px 60px;padding: 10px 0px 45px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_feature_headline level=”h2″ looks_like=”h3″ icon=”cogs”]Lesson Description[/x_feature_headline][x_gap size=”30px”][cs_text]In class, the instructor will introduce infographics as visual stories, explaining their use as modern educational and awareness-raising tools that utilize graphic representation to present an argument. Instructors might want to compare information presented in infographic form to information presented in text or speech form to explore affordances and limitations, asking students why and in what cases they might choose infographics as a strategy over other methods.

Classes will then discuss infographics as rhetorical texts, identifying arguments and strategies. Below are a number of examples of infographics (or you can find your own). As with traditional texts in Unit 1, have students locate and restate the argument being made, contextualize the argument by providing background information, and describing the piece’s substance, tone, and arrangement of text and graphics. Description, Compare and Contrast, Order, Sequence, Chronological, Cause and Effect are a few ways students can consider information and flow structure. Bring student attention to interactions, and potentially tensions, between texts and graphics and identify where information is held vs. helped. It might be helpful to ask students what the designers wants the viewer to learn and what they want their viewer to do with the new information.

After viewing several infographics, begin asking students to identify patterns of presentation–common strategies, common structures, common styles, common images, etc. This can be done as a class or students can break into groups and talk over 2-3 different designs amongst themselves. Ask them to decide which infographics are more or less successful and why. As a class, think about why certain strategies may have been chosen and also why results may differ from the designer’s intention. [/cs_text][x_custom_headline level=”h2″ looks_like=”h5″ accent=”false”]Teacher Preparation[/x_custom_headline][/cs_column][/cs_row][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/2″ style=”padding: 0px;”][cs_icon_list][cs_icon_list_item title=”Digital Literacy: Teaching Infographics” type=”check” link_enabled=”true” link_url=”#https://shaelynnfarnsworth.com/2016/04/26/digital-literacy-teaching-infographics-a-sub-genre/” link_new_tab=”false”]Digital Literacy: Teaching Infographics[/cs_icon_list_item][cs_icon_list_item title=”Kathy Schrock’s Guide to Everything” type=”check” link_enabled=”true” link_url=”#http://www.schrockguide.net/infographics-as-an-assessment.html” link_new_tab=”false”]Kathy Schrock’s Guide to Everything[/cs_icon_list_item][cs_icon_list_item title=”Infographics V2.0″ type=”check” link_enabled=”true” link_url=”#https://www.youtube.com/watch?v=ET2YHi-SavI” link_new_tab=”false”]Infographics V2.0[/cs_icon_list_item][cs_icon_list_item title=”Infographic Best Practices” type=”check” link_enabled=”true” link_url=”#http://grasshoppermarketing.com/infographics-best-practices/” link_new_tab=”false”]Infographic Best Practices[/cs_icon_list_item][/cs_icon_list][/cs_column][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/2″ style=”padding: 0px;”][x_custom_headline level=”h2″ looks_like=”h5″ accent=”false”]Student Preparation[/x_custom_headline][cs_icon_list][cs_icon_list_item title=”Google examples of storyboards” type=”check” link_enabled=”false” link_url=”#” link_new_tab=”false”]Google examples of storyboards[/cs_icon_list_item][/cs_icon_list][/cs_column][/cs_row][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h2″ looks_like=”h5″ accent=”false”]Assignment Instructions[/x_custom_headline][cs_icon_list][cs_icon_list_item title=”Have students identify a “mentor” infographic and create a storyboard that outlines the infographic’s argument and strategies. Then, ask students to use the mentor text’s information to create a storyboard for an alternate infographic, using and replacing different pieces. Students should be able to justify their changes and decisions. This can be achieved by presenting storyboards in class or by having them add side comments to their storyboard.” type=”arrow-right” link_enabled=”false” link_url=”#” link_new_tab=”false”]Have students identify a “mentor” infographic and create a storyboard that outlines the infographic’s argument and strategies. Then, ask students to use the mentor text’s information to create a storyboard for an alternate infographic, using and replacing different pieces. Students should be able to justify their changes and decisions. This can be achieved by presenting storyboards in class or by having them add side comments to their storyboard.[/cs_icon_list_item][/cs_icon_list][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px 0px 0px 60px;padding: 100px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_image type=”none” src=”https://www.dwrl.utexas.edu/wp-content/uploads/2017/04/Infographic-Gender-Equality-in-Executive-Ranks.jpg” alt=”Infographic entitled Gender Equality in Executive Ranks demonstrating how few women occupy leadership positions in companies. ” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” id=”Courtesy of KRC Research”][x_image type=”none” src=”https://www.dwrl.utexas.edu/wp-content/uploads/2017/03/transgender-youth-2013.jpg” alt=”Infographic entitled Stand Up for Trans Youth with statistics related to bullying and violence faced by transgender youth .” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=””][x_image type=”none” src=”https://www.dwrl.utexas.edu/wp-content/uploads/2017/03/4afd7a0e963657f19eaf9928181492cd.jpg” alt=”Infographic entitled The Future of Social Activism describing how young adults are supporting causes through traditional means like donations and marches and untraditional means like social media. Produced by Take Part.” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=””][/cs_column][/cs_row][/cs_section][cs_section bg_color=”rgb(250, 250, 250)” parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px 0px 0px 60px;padding: 10px 0px 45px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_feature_headline level=”h2″ looks_like=”h3″ icon=”pencil”]Skills Workshop[/x_feature_headline][x_gap size=”30px”][cs_text]The point of storyboarding infographics is to think about strategizing relationships between visual and textual elements and also to think about order. Students may be challenged by the fact that infographics are not necessarily linear narratives. In these cases, they need to look for what stands out: What do you see first? What do you see second? Is there a progression of presentation after all?

Students will be asked generate a storyboard based on someone else’s work and then create their own storyboard using the same information but different elements. Storyboards allow students to engage with concepts of design without being expert designers or using complex software. The point, again, is to think about argument structure and the relationship between elements. Have students explicate their decision making. Why would they represent this stat differently? Why would they make this part stand out and mute this other piece?

Below are links for basic storyboarding guidelines. Students can use pen and paper or choose from a variety of online templates for storyboards. Google Docs Templates is a good place to find storyboard outlines others have used and is a good resource for students to find other types of documents. [/cs_text][x_image type=”none” src=”https://www.dwrl.utexas.edu/wp-content/uploads/2017/03/5704d2e01b1bb8219f87861d33ecbf3e4f0febc1.jpg” alt=”” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=””][x_video_player type=”16:9″ src=”https://www.youtube.com/watch?v=NcCAzs2kCFw” hide_controls=”false” autoplay=”false” no_container=”false” preload=”none” advanced_controls=”false” muted=”false” loop=”false” poster=””][x_video_player type=”16:9″ src=”https://www.youtube.com/watch?v=ux_Em1lVsjI” hide_controls=”false” autoplay=”false” no_container=”false” preload=”none” advanced_controls=”false” muted=”false” loop=”false” poster=””][/cs_column][/cs_row][/cs_section][cs_section bg_color=”rgb(225, 229, 234)” parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px 0px 0px 60px;padding: 10px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_feature_headline level=”h2″ looks_like=”h3″ icon=”paperclip”]Assessment Suggestions[/x_feature_headline][x_gap size=”30px”][cs_text]As this lesson asks students to engage and experiment with unfamiliar tools and forms, it makes sense to have a less formal assessment. The following Likert scale questions could provide a baseline for measuring their engagement with key concepts and provide feedback.

1) The student produced legible, detailed storyboards.
2) The student identified the overall argument and method of the existing infographic’s story.
3) The student recognized rhetorical strategies within the existing infographic.
4) The student demonstrated understanding of method and strategies in their re-creation of the mentor text.
5) The student offered creative and meaningful alternatives to the existing infographic.
[/cs_text][x_gap size=”20px”][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”] [/cs_column][/cs_row][/cs_section][/cs_content]

Leave a Reply

Your email address will not be published. Required fields are marked *