This document provides an agenda and overview for a webinar on creating and animating infographics in PowerPoint. The webinar will cover what infographics are, how to create them using various shapes and formatting tools in PowerPoint, how to animate infographics using motion paths and other effects, and how to link infographics into interactive menus and sub-menus. The webinar is presented by Gus Prestera on September 13, 2018 at 2:00pm ET and includes instructions on joining the audio portion and submitting questions.
2. Join audio:
• Choose “Computer audio” to use VoIP
• Choose “Phone call” and dial using the
information provided
Questions/Comments:
• Submit questions and comments via the
Questions panel.
• Please download the materials from the
materials pane before leaving today’s session.
• Please continue to submit your text questions
and comments using the Questions Pane
Your Participation
3. Prestera FXCHANGE ACCELERATED
Gus
Prestera
• President,
Prestera FX, Inc.
• Organizational
Effectiveness
Consultant
• ~20 years
experience
• MBA
• PhD, Education
with Management
minor
www.presterafx.com
6. COMPANY
AVERAGE
EMPLOYES SAY YOUR
CONVERSATIONS FOCUS
ON
STRATEGIC
STRATEGIC TACTICAL
STRATEGIC TACTICAL
WHAT YOU SAID
YOUR
CONVERSATIONS
FOCUS ON
TACTICAL
66%
33% 67%
40% 60%
34%
Infographics for Data Visualizatio
7. TIME DISTRIBUTION
HOW YOUR MANAGER THINKS YOU
SHOULD SPEND YOUR TIME
HOW YOU SAID YOU
SPEND YOUR TIME
Sales Professional
Interactions
Customer Interactions
Senior Leadership
Interactions
Administration & Other
ASM Interactions
Colleague Interactions
Professional Development
360 ASSESSMENT
1 3 5 7 9
Competency 1
Competency 2
Competency 3
Competency 4
802
622
642
722VERY
SATISFIED
EE SATISFACTION SATISFIEDNEITHERDISSATISFIED
VERY
DISSATISFIED
f 1:1
n
50%30%20%
20%30%10%40%
eness when
eded
30% 20%40%10%
30%60%10%
eness in
ooting
50% 10%20%20%
40%20%30%10%
ay Coaching
70%30%
10%50%25%15%
Infographics for Data Visualizatio
11. 3.
Make it
experiential
1.
Make it a
KPI
5.
Mix &
Mingle
7.
Teach
Them to
Fish
9.
Manager
Guidance &
Support
4.
Proof of
Learning
2.
Bake it into
the mix
6.
Gung-Ho
Mentors
8.
Hard Look
in the
Mirror
10.
Future
Selves
Source: Learning is a Contact Sport
2016 Training Conference, by Gus Prestera
12. Spray & Pray
Approach
• Sage-on-the-Stage
• Class size: 150-250
• 10-hour days
• 6-Week ILT
• Then self-study
“Old & Busted”
More
impact
High Impact
Approach
• Blended delivery
• Lean content
• Practice/context-rich
• 17-Week Certification
• Then high-impact ILT
“New & Hotness”
Less waste
More
quickly
More sticky
“Pimp” My Curriculum
Source: Pimp My Curriculum
015 HR.com Webinar, by Gus Prestera
13. Mentoring
Session
Workflow
Check
Debrief
Train &
Coach
ProgressPlan
“How’s it going?”
“What have you
accomplished since
the last time we
met?”
“Let’s debrief on
the meetings and
assignments you
completed this
week.”
“Let’s work through
the topics we
identified last
week.”
“What will we
cover at our next
meeting? What
will we need to do
between now and
then?”
urce: Mentor Legacy Program
by Prestera FX
14. WRITING
SMART
DEVELOPMENT GOALS & ACTIONS
Step 1
First comes the idea,
a general sense of the
development need
Step 2
Get Specific
“I need to understand
how we generate
revenue and manage
costs and link that back
to how I approach my
work.”
Step 3
Make it Measurable (or at least observable,
so you know what you’re aiming for)
Step 4
Step 5
Step 6
Make it Time-bound
Make it Realistic
(consider time, budget, mentors,
and other resources needed)
Make it Achievable
(break your goal down into bite-sized, sequenced
action steps you can manage)
“I’ll know I’ve got it
when I can
successfully create
and present a
business plan to my
manager.”
“Maybe someone
from Pat’s
Finance team can
be my mentor.” “I should probably take a
managerial accounting
course; then read a book
on business planning; and
consult with a mentor
who can help me apply
that here….”
“By April, I’ll
complete the
course; then by the
end of June, I’ll get
the book done….”
“I need business
acumen.”
by Gus Prestera
15. CREATING
INFOGRAPHICS IN
PPT
• SHAPES TYPES &
AFFORDANCES
• SHAPE FORMATTING
• SHAPE EDITING
• TEXT IN SHAPES
Hi
Mid
Base
“On a dark
desert
highway….
”
“…cool
wind in
my
hair….”
Hey you!
20. PPT INFOGRAPHIC
SAND BOX
Primary color – Main color
for diagrams and imagery,
secondary background
Secondary color –
Secondary color for
diagrams and imagery,
accent items
Tertiary color – Accent
color for diagrams, main
background color
Pirates
for hire
Circl
e
Callout Box
“…quote
callout….
”
26. Prestera FXCHANGE ACCELERATED
www.presterafx.com
Prestera FX Channel: https://www.youtube.com/PresteraFX
– Infographics in Motion
https://www.youtube.com/watch?v=V33FuxNUxz4&t=4s
– How Visuals Convey Implied Meaning
https://www.youtube.com/watch?v=2Q7nmy_s_SY
– ILTs Made Easy
https://www.youtube.com/watch?v=RPmoUwUHos0&list=
PLLxJahWa_ROrV8pIsqZE4c3miFl3dzn1K&spfreload=5
Editor's Notes
PowerPoint for Trainers: Infographics in Motion
https://www.mimeo.com/webinars/advanced-powerpoint-trainers/
Are you a presenter or instructional designer who is looking to improve your PowerPoint game? Being able to create animated infographics will help you tell your story in a visually engaging way that supports learning and retention. In this free one-hour webinar, we will build onto your basic and intermediate knowledge of PowerPoint to get at functionality that only advanced users have mastered. If you use PowerPoint for presentations or for storyboarding your elearning modules, you’re going to get a lot out of this webinar. Specifically, we will address:
How infographics enhance learning
Manipulating PowerPoint Shapes to create infographics
How animations and builds can support learning
Animating the infographics
Hyperlinking infographics to slide content
Q&A – bring your questions!
You have joined today's webinar listening through your computer's speaker system by default. This means that if you can listen to music through your computer, you will be able to hear the presentation. If you would like to call in using the phone, just locate your Audio Pane in the console and select Use Telephone. The dial-in information and access code will then be displayed.
At a minimum, an infographic is simply a visual image that we use to represent information or data.
At its best, infographics tell meaningful stories, provide insights, engage the senses, and make information more memorable and useful.
It can be a chart or diagram like the examples shown here, from reports that we recently produced.
An infographic, especially when used for data visualization, should help your audience understand the information more clearly and draw insights from that information that they can more readily apply and use.
Here, for example, in the 360 assessment, the audience for this report can see not only a total composite score for each competency and make comparisons to figure out where that individual is strongest or weakest, but can also look at how the 360 data are split by respondent group, comparing how they self-assessed with how their manager, employees, and colleagues assessed them. This leads to additional insights and a more nuanced understanding of the data.
In this other employee sat report, we give the manager their ratings but also enable them to compare themselves against the management team’s average ratings. This provides context.
In this employee satisfaction survey report, the red data in the sad face column is highlighted to help the reader visualize where there are potential issues with employee sat, helping to draw attention to what matters in a see of data.
So you see, infographics can help the audience understand, can draw their attention to what’s important, make it easier to glean useful insights, and gain a more nuanced and contextual understanding of the content.
To learn more about data visualization, I refer you to the master, Ed Tufte, and his collection of books that illustrate visual design principles and psychology behind them.
But of course, infographics are not just diagrams and charts and they’re not just for communicating data. They can be used anytime you need to communicate a complex idea.
Here, for example, we use an animated infographic to explain a process and timeline. Could it have been done in a paragraph or with bullet points? Sure, and it was, but that text in the speaker’s notes. The audience instead sees an infographic that tells a bigger story, visualizing how all of the activities stack and relate to one another.
Though infographics are great for explaining processes, that’s not the only thing they can do. In this case, we want to help the audience understand the key success factors involved in building and supporting a mentoring program. The idea of building and supporting made us think of a building, heck a Parthenon-type of building that communicates the idea that if you do these things, you will have a very solid structure for your program. So, using simple rectangles, trapezoids, and triangles, we built and animated this simple infographic.
This one is used to summarize 10 best practices. The presenter can speak to each of them and highlight the one they’re talking about at that time. By highlighting the current best practice, it helps to keep the audience focused on what’s being said now.
---------o0o--------
In case, you’re curious, here are the talking points that go with the 10 best practices….
Based on what we’ve just discussed, here’s a recap of 10 best practices that will enable you to boost the impact of your professional development programs significantly.
Bake it into the mix: Build one ongoing set of professional development responsibilities into each job description (e.g., at certain levels of the org, you should expect to be a mentor, curator, instructor, quality circle member) at lower levels, they should be expected to participate in a certain number of development hours…as mentee, as learner in a course) and then treat it with the same level of importance as other performance factors.
Make it a KPI: Track development and reward it, just as you do with other key performance indicators (KPIs)…organizations that enthusiastically develop their people experience lower turnover, higher engagement, better productivity, greater resilience in the face of change, and stronger performance results.
Make it experiential: Learners should need to go do something job-relevant with what they are learning…develop a new process, tool, technology, standard, etc. Go out and benchmark best practices, write documentation, build a course, teach a course, etc.
Proof of Learning: Ensure development plans always culminate in a “proof of learning,” in the form of a job-relevant task that demonstrates a change in competency level.
Mix & Mingle: Break down silos; create opportunities for rotational assignments, no matter how brief; cross-training, job shadowing, cross-functional assignments.
Gung-Ho Mentors: Build a cadre of skilled and enthusiastic mentors and create mentoring opportunities.
Teach Them to Fish: Teach people strategies, processes, and tools for self-development and self-directed learning…don’t assume that because they’re educated they know how to learn and develop themselves effectively.
Hard Look in the Mirror: Provide opportunities for introspection to discover blind spots and potential derailers, with the help of diagnostic instruments, 360 feedback, and developmental coaching.
Manager Guidance & Support: Provide guidance in crafting an effective development plan, help them connect with resources, and then provide encouragement and accountability.
Future Selves: Provide visibility into possible future selves and pathways through job shadowing, career fairs, and career profiles
In this simple example, we’ve taken what would otherwise be just a bunch bullets and turned them into a visually enhanced side-by-side comparison that enables the audience to make some very easy distinctions. And we can even incorporate a little humor into it.
But at its best, an infographic tells a story. People are natural storytellers and are programmed by thousands of years of evolution to glean a lot of learning from stories. When you can tell your story in a visual way, it dramatically increases the impact of that story.
In this example, the story is a circular process flow that uses sample dialog from a conversation to demonstrate each step of the process.
And by the way, here’s how a professional graphic designer can upgrade the infographic for a more professional look.
And here’s another one that was created by a graphic designer. I struggled to find the right imagery to communicate the idea that for each onboarding challenge listed here, there are surface-level issues that we commonly think about, but then there are deeper challenges that need to be addressed. After some brainstorming, we came up with the metaphor of an iceberg, and that helped bring the whole story into focus.
But even just using PowerPoint’s native graphics and animation editing capabilities, you can still produce something that is pretty good.
Here’s another example of a story being told through sample dialog.
There is text here, but that screen text is integrated into the visual story.
Also, here you see an example of how animating an infographic can help pace the story, so that we don’t overwhelm the audience, adding and removing elements to keep the screen from getting over-crowded. The story provides context for the process being taught here.
In cognitive research, infographics are referred to as graphic organizers. They are called that because they help people organize information in their heads by signaling to the audience how you are structuring the information, how you are labeling and distinguishing the various elements, and what relationship they have to each other.
Clarifies Meaning: A good infographic clarifies meaning, reducing misunderstandings and misconceptions that can arise when we only read about something or hear about it. If you asked for directions, I could tell you where the nearest Starbucks is, but my words would be a lot more meaningful if I showed you on the map as well.
Organizes Memories: When information is organized properly in the brain, it is easier to retrieve it later, so infographics help us store our memories more effectively by giving us a visual structure, a map if you will, of the information. When it’s time to remember, my brain will access that map to help in locating that bit of information you’re trying to remember.
Reduces Cognitive Load: Infographics convey a lot of implied information and do so in a visual way, reducing the brain’s memory load when trying to work with that information. In other words, we can pack a lot more learning into an experience if we use infographics effectively to shoulder some of the effort.
Strengthens Retention: By making information easier to store in memory and giving us a visual map for retrieving stored information, infographics help us remember things better and longer.
Engages Visual Senses: A person’s attention is naturally aroused by visuals, especially visuals that are moving. This is partly why we get so engrossed in television, movie theaters, and digital gaming systems. That helps us keep our audiences’ attention at least for a little bit, long enough for us to give them a stronger reason to pay attention. In other words, it won’t make up for bad content or content that is good but not relevant to that audience. Still, every little bit helps, which is why I use it.
One of things that makes infographics so powerful is that the graphics themselves convey a great deal of implied meaning in and of themselves. The shapes, colors, and configurations you use all convey meaning, whether you intend for them to do so or not. If you know how to speak the language of visual communication, you can develop infographics that complement not only the contents of your communication but also the broader meaning and subtleties.
In these examples, assume that each circle represents a unique concept and notice how subtle differences in shapes, colors, and configurations can lead you to think of these concepts differently.
Three identical circles suggest three similar concepts that are fundamentally related to each other.
Add some slight differences in hue and now the three concepts seem related but more as a progression of ideas.
Sizing the shapes going from small to large reinforces the idea of a sequence progression and also suggests that these ideas build up to something big.
We readily recognize three overlapping circles as a Venn diagram, which tells us that these concepts intersect and overlap with each other.
Concentric circles convey the idea that one concept is nested within and fully dependent on the others.
Three circles arrayed in a circular pattern suggests a cyclical process that continually repeats itself.
But you shift the bottom circles closer to each other, and it starts to form more of a triangular pattern that suggests that two concepts are supporting or holding up a third idea.
You see all of the implied meaning that we can communicate simply with three green circles. Imagine now what you can do when you unleash the full spectrum of shapes, colors, textures, and configurations.
Let’s now turn our attention to the mechanics of how you build infographics in PowerPoint.
Smart Art --- can save a lot of time and energy
Inserting Shapes
Formatting Shapes
Sizing
Rotate
Line and Fill Color
Textures
Add graphic inside of Shape
Change Shape
Aligning Shapes
Adding text
Edit end points
Maintain a palette of shapes and formatting options that you can copy, paste, and use
Smart Art --- can save a lot of time and energy
Inserting Shapes
Formatting Shapes
Sizing
Rotate
Line and Fill Color
Textures
Add graphic inside of Shape
Change Shape
Aligning Shapes
Adding text
Edit end points
Maintain a palette of shapes and formatting options that you can copy, paste, and use
Smart Art --- can save a lot of time and energy
Inserting Shapes
Formatting Shapes
Sizing
Rotate
Line and Fill Color
Textures
Add graphic inside of Shape
Change Shape
Aligning Shapes
Adding text
Edit end points
Maintain a palette of shapes and formatting options that you can copy, paste, and use
Smart Art --- can save a lot of time and energy
Inserting Shapes
Formatting Shapes
Sizing
Rotate
Line and Fill Color
Textures
Add graphic inside of Shape
Change Shape
Aligning Shapes
Adding text
Edit end points
Maintain a palette of shapes and formatting options that you can copy, paste, and use
Smart Art --- can save a lot of time and energy
Inserting Shapes
Formatting Shapes
Sizing
Rotate
Line and Fill Color
Textures
Add graphic inside of Shape
Change Shape
Aligning Shapes
Adding text
Edit end points
Maintain a palette of shapes and formatting options that you can copy, paste, and use
Smart Art --- can save a lot of time and energy
Inserting Shapes
Formatting Shapes
Sizing
Rotate
Line and Fill Color
Textures
Add graphic inside of Shape
Change Shape
Adding text
Edit end points
Maintain a palette of shapes and formatting options that you can copy, paste, and use