Infographics for Effective Knowledge Transfer€™s the... · An Infographic is.. a visual...

48
Infographics for Effective Knowledge Transfer Dr. Simone Holligan Principal, emendWELL Research Consulting June 22 nd , 2017 PAVRO Live 2017

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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