Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual...
Transcript of Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual...
![Page 1: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/1.jpg)
Infographics for
Effective Knowledge
Transfer
Dr. Simone Holligan
Principal, emendWELL Research Consulting
June 22nd, 2017
PAVRO Live 2017
![Page 2: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/2.jpg)
What’s an Infographic?
3
![Page 3: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/3.jpg)
An Infographic is..
a visual representation of data, information, or knowledge used to
convey information quickly and clearly - Jim McDonald, School of Media, Ryerson University
4
![Page 4: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/4.jpg)
Health data
5
![Page 5: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/5.jpg)
Municipal food policy
6
![Page 6: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/6.jpg)
Just about anything... 7
![Page 7: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/7.jpg)
So, what makes a good infographic?
Data
Story
Design
Shareability
8
![Page 8: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/8.jpg)
9
![Page 9: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/9.jpg)
How Quitting Smoking Changes Your Body
10
![Page 10: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/10.jpg)
Be sure to…
•Avoid distorting data
•Always use credible sources
11
![Page 11: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/11.jpg)
So, what makes a good infographic?
Data
Story
Design
Shareability
12
![Page 12: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/12.jpg)
Just about anything... 13
![Page 13: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/13.jpg)
No different than any other presentation.
• Content – Tell a story
• Time – Can be read in 60 – 90 sec
• Engage – Keep a running narrative
– Have a conversational tone
– Thoughtful design
14
Show, don’t tell!
![Page 14: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/14.jpg)
15
![Page 15: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/15.jpg)
16
![Page 16: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/16.jpg)
So, what makes a good infographic?
Data
Story
Design
Shareability
17
![Page 17: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/17.jpg)
Graphical displays should…
• Show the data
• Induce viewer to think about substance • vs. methodology, graphic design, software used
• Make large datasets coherent
• Encourage the eye to compare different pieces of data
• Serve a reasonably clear purpose • Description, exploration, tabulation, or decoration
18
![Page 18: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/18.jpg)
Gestalt Principles of Visual Perception
19
![Page 19: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/19.jpg)
Gestalt Principles of Visual Perception
• Movement in experimental psychology which began prior to WWI.
• Gestalt psychology tries to understand the laws of our ability to acquire and maintain meaningful perceptions in an apparently chaotic world.
• We perceive objects as well-organized patterns rather than separate components.
• “The whole is other than the sum of it’s parts.” (Kurt Koffka)
20
![Page 20: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/20.jpg)
Three Main Principles
• Laws of Grouping organize the visual scene into units – proximity, similarity, continuity, closure.
• The Law of Prägnanz, or Goodness of Figure creates the simplest most meaningful pattern.
• Figure/Ground relationships define important parts of the graphical display.
21
![Page 21: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/21.jpg)
Grouping: Law of Proximity
22
![Page 22: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/22.jpg)
Use of Proximity
23
![Page 23: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/23.jpg)
Grouping: Law of Similarity
24
![Page 24: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/24.jpg)
Grouping: Law of Similarity – Shape, Scale, Colour
25
![Page 25: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/25.jpg)
Law of Continuity
Or Law of Good Continuation
Objects arranged in either a
straight line or a smooth curve
tend to be seen as a unit.
26
![Page 26: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/26.jpg)
Law of Closure
27
![Page 27: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/27.jpg)
Use of Closure
28
![Page 28: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/28.jpg)
Law of Prägnanz
Also known as the Law of Simplicity, or Goodness of Figure.
Prägnanz is German for pregnant, but in the sense of pregnant
with meaning, not with child. 29
![Page 29: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/29.jpg)
Law of Prägnanz
Also known as the Law of Simplicity, or Goodness of Figure.
Prägnanz is German for pregnant, but in the sense of pregnant
with meaning, not with child. 30
![Page 30: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/30.jpg)
The Law of Prägnanz
31
![Page 31: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/31.jpg)
Figure/Ground Relationships
Figure – seen as the foreground
Ground – seen as the background
Contours – “belong” to the figure
32
![Page 32: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/32.jpg)
Reversible Figure/Ground Relationship
33
![Page 33: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/33.jpg)
Reversible Figure/Ground Relationship
Can be affected by the
principle of smallness:
Smaller areas tend to be
seen as figures against a
larger background.
34
![Page 34: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/34.jpg)
More on Design
Must have:
• Clear fonts
• Useful icons
• Great photography
– Avoid combining photos and icons*
• Appropriate use of space
• Harmonious colours - best to use brand colours
35
Good design is calming and
engaging
![Page 35: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/35.jpg)
So, what makes a good infographic?
Data
Story
Design
Shareability
36
![Page 36: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/36.jpg)
Nutributter 37
![Page 37: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/37.jpg)
38
![Page 38: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/38.jpg)
39
![Page 39: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/39.jpg)
What tools are out there?
• Piktochart
• Easel.ly
• Visual.ly
• Infogr.am
• Canva
• Venngage
• Vizualize.me
• InFoto (phone app)
For Pictures: Pixabay
40
![Page 40: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/40.jpg)
Easel.ly creation tool
41
![Page 41: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/41.jpg)
42
![Page 42: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/42.jpg)
30%
25%
45%
Beverage Consumption in Ontario
43
![Page 43: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/43.jpg)
30%
25%
45%
Beverage Consumption in Ontario, 2017
44
![Page 44: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/44.jpg)
45
What would you put here?
![Page 45: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/45.jpg)
46
Or here?
![Page 46: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/46.jpg)
So, what makes a good infographic?
Data
Story
Design
Shareability
47
![Page 47: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/47.jpg)
Example Infographics for Stakeholders
• Nutrition International – Senegal
• Nutrition International – Pakistan
• Nutrition International – Kenya
• CBC’s Census 2016 Demographic DJ
48
![Page 48: Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual representation of data, ... –Thoughtful design 14 Show, don’t tell! 15 . 16 . So, what](https://reader036.fdocuments.us/reader036/viewer/2022070712/5ecbefe37f2e0e4d484fef4f/html5/thumbnails/48.jpg)
Keep in Touch!
• emendWELL Research Consulting Inc.
– Program evaluation, Data analysis & interpretation, Knowledge mobilization/transfer
– Concept mapping, ideation sessions
• Volunteer for beta-testing of our SUBJECTMATTERS™ platform – we need you!
• Email: [email protected]
49