134
Mediocre to Memorable Effectively designing slides for science

Slide Design for Technical Presentations

Embed Size (px)

Citation preview

Page 1: Slide Design for Technical Presentations

Mediocre to Memorable Effectively designing slides for science

Page 2: Slide Design for Technical Presentations

www.smarttalksuccess.com/stitcher

featured in:

www.lisabmarshall.com/stitcher

Page 3: Slide Design for Technical Presentations

Do you know what happens

to your attention during a presentation?

Page 4: Slide Design for Technical Presentations

The speaker is being introduced

Time

Interest

Low

HighHigh

You’re just settling in…

Page 5: Slide Design for Technical Presentations

Time

Interest

Low

HighHigh

“Oh, the presentation started!”

Page 6: Slide Design for Technical Presentations

Time

Interest

Low

HighHigh

“Oh, that reminds me …”

…the mind vacations begin

Page 7: Slide Design for Technical Presentations

bad delivery+

unclear organization+

poorly designed slides

Page 8: Slide Design for Technical Presentations

Time

Interest

Low

HighHigh

Sleep

Page 9: Slide Design for Technical Presentations

…and the speaker drones onand on, and on,and on, and on, and on,and on,

and on, and on,and on,

and on…

Page 10: Slide Design for Technical Presentations

Time

Interest

Low

HighHigh

Coma

Page 11: Slide Design for Technical Presentations

Time

Interest

Low

HighHigh

Coma

…until two magic words

Page 12: Slide Design for Technical Presentations

Time

Interest

Low

HighHigh

“in conclusion…”

Page 13: Slide Design for Technical Presentations

Unfortunately this isn’t far

from the truth!

Page 14: Slide Design for Technical Presentations

Top 5 Annoyances

(Pardi, 2013)

Top 5 presentation annoyances

Page 15: Slide Design for Technical Presentations

72% Reading slides aloud

(Pardi, 2013)

Page 16: Slide Design for Technical Presentations

The Redundancy Principle:Redundant material interferes with learning

(Hoffman, 2006)

Page 17: Slide Design for Technical Presentations

• Help our consumers make informed dietary choices through trusted sources via kelloggsnutrition.com

• Website for healthcare professionals with latest research/resources for patients

• Topics ranging from breakfast and fiber to digestive health and weight management

Spreading the Word on Nutrition

Page 18: Slide Design for Technical Presentations

• Help our consumers make informed dietary choices through trusted sources via kelloggsnutrition.com

• Website for healthcare professionals with latest research/resources for patients

• Topics ranging from breakfast and fiber to digestive health and weight management

Spreading the Word on Nutrition

Don’t create presentation

slides as notes or the report

Page 19: Slide Design for Technical Presentations

Spreading the Word on Nutrition

Page 20: Slide Design for Technical Presentations
Page 21: Slide Design for Technical Presentations
Page 22: Slide Design for Technical Presentations

We want to help our consumers make informed dietary choices, and we know health care professionals are among the most trusted sources of nutrition information. That is why we launchedkelloggsnutrition.com, a website for health care professionals, in 2012 and expanded it to more regions globally in 2013. The website

serves as a resource for health careprofessionals who are looking to stay current on the latest research or who are seeking resources to share with patients and clients.The site provides updated summaries of research on topics ranging from breakfast and fiber to digestive health and weight management

Spreading the Word on Nutrition

Page 23: Slide Design for Technical Presentations

51% Text too small to read

(Pardi, 2013)

Page 24: Slide Design for Technical Presentations

48% Full sentences

(Pardi, 2013)

Page 25: Slide Design for Technical Presentations

26% Poor color choices

(Pardi, 2013)

Page 26: Slide Design for Technical Presentations

High contrast is best

for text and background

Page 27: Slide Design for Technical Presentations

Consider psychology

Page 28: Slide Design for Technical Presentations

Red/green blindness

is very common…

[Change red dots to red X’s]

Page 29: Slide Design for Technical Presentations

31% Overly complex diagrams

Page 30: Slide Design for Technical Presentations

F OH E

L LO WT

Page 31: Slide Design for Technical Presentations

MinimumEssential

Data

Page 32: Slide Design for Technical Presentations

Let’s look at

process

Page 33: Slide Design for Technical Presentations

Skeletal Defects in PcG Mutants

Suzuki, et al. (2002) Development 129(18):4171-83

wildtype Mutant 1 Mutant 2 Mutant 3

Page 34: Slide Design for Technical Presentations

Skeletal Defects in PcG Mutants

Suzuki, et al. (2002) Development 129(18):4171-83

wildtype Mutant 1 Mutant 2 Mutant 3

Consider the science

Prune and condense

Page 35: Slide Design for Technical Presentations

Skeletal Defects in PcG Mutants

Suzuki, et al. (2002) Development 129(18):4171-83

wildtype Mutant 1 Mutant 2 Mutant 3

Page 36: Slide Design for Technical Presentations

(Suzuki, et al. 2002)

Wildtype Mutant

Skeletal defects found in PcG mutants

Page 37: Slide Design for Technical Presentations

(Suzuki, et al. 2002)

Wildtype Mutant

Skeletal defects found in PcG mutants

Additions needed for clarity

• Does the title make the main point?

• Where do I want the eyes to go?

Page 38: Slide Design for Technical Presentations

Is silencing PcG important in mammals?

(Suzuki, et al. 2002)

Wildtype Mutant

Skeletal defects found in PcG mutants

Page 39: Slide Design for Technical Presentations

main point per slide

1

Page 40: Slide Design for Technical Presentations

ORANGE ALERT means immediate truce

Page 41: Slide Design for Technical Presentations

Use “billboard” design

Page 42: Slide Design for Technical Presentations

“Headline” titles and takeaways

Page 43: Slide Design for Technical Presentations

Guide eyes to important stuff

Page 44: Slide Design for Technical Presentations

Mix of image and text

Page 45: Slide Design for Technical Presentations

High contrast color

Page 46: Slide Design for Technical Presentations

Sans-serif font

Page 47: Slide Design for Technical Presentations

Assertion-evidence structure

Assertion in the form of a sentence headline title

(Alley et. al, 2007)

Visual

Evidence

Page 48: Slide Design for Technical Presentations

Assertion-evidence structure

Reaching trusted advisors via KelloggsNutrition.com

Page 49: Slide Design for Technical Presentations

Most people start with

visual evidence,

then add a title…

Page 50: Slide Design for Technical Presentations

Results (1/4)

Unfortunately this type

of title is common, right?

Page 51: Slide Design for Technical Presentations

Photo of mouse with helmet

…and this type is

even more common

Page 52: Slide Design for Technical Presentations

Photo of mouse with helmet

But…descriptive titles don’t

communicate the meaning!

Page 53: Slide Design for Technical Presentations

Never give up!

Instead, use the title

to make your point…

Page 54: Slide Design for Technical Presentations

Helmets save lives???

…or your audience

may make the

wrong conclusion!

Page 55: Slide Design for Technical Presentations

Express the “so what?”

(not the what)

Success =creativity + determination!

Page 56: Slide Design for Technical Presentations

Start with a blank slate

Page 57: Slide Design for Technical Presentations

What do you want the

audience to remember?

Page 58: Slide Design for Technical Presentations

Let’s look at

an example

Page 59: Slide Design for Technical Presentations

Assertion-evidence structure

Page 60: Slide Design for Technical Presentations

Assertion-evidence structureStart with the “so what”

Page 61: Slide Design for Technical Presentations
Page 62: Slide Design for Technical Presentations

Next, choose the best

possible visual evidence

Page 63: Slide Design for Technical Presentations
Page 64: Slide Design for Technical Presentations

Let’s look at more examples

Page 65: Slide Design for Technical Presentations

What leads to motor neuron degeneration in SMARD1?

3 weeks 4 weeks

Fading Nissl staining suggests arrest of protein translation

Question, evidence,

assertion

Page 66: Slide Design for Technical Presentations

How do we detect cross-talk between PTMs?

A question before evidence

can aid understanding

Page 67: Slide Design for Technical Presentations

Re-infestation certain in three years

Takeaway indicates meaning

Page 68: Slide Design for Technical Presentations

B A S I C

Page 69: Slide Design for Technical Presentations
Page 70: Slide Design for Technical Presentations

A a A A

How to makeChoose theRIG

HTfont

Page 71: Slide Design for Technical Presentations

The quick brown fox...Verdana

The quick brown fox…ArialThe quick brown fox…Tahoma

The quick brown fox...Trebuchet

The quick brown fox…Times New Roman

The quick brown fox...Century GothicThe quick brown fox…Calibri

The quick brown fox…Comic Sans

The quick brown fox…Georgia

What is the BEST font for science?

Page 72: Slide Design for Technical Presentations

The quick brown fox...Verdana

The quick brown fox…ArialThe quick brown fox…Tahoma

The quick brown fox...Trebuchet

The quick brown fox…Times New Roman

The quick brown fox...Century GothicThe quick brown fox…Calibri

The quick brown fox…Comic Sans

The quick brown fox…Georgia

What is the best font for science?What is the BEST font for science?

Page 73: Slide Design for Technical Presentations

74

TEXT

Play with

Page 74: Slide Design for Technical Presentations

75

PLAYEMPHASIS

with text for

Page 75: Slide Design for Technical Presentations

76

with text for Play EMPHASISEMPHASISEMPHASIS

with text for

Page 76: Slide Design for Technical Presentations
Page 77: Slide Design for Technical Presentations

Use METAPHORICAL images

Page 78: Slide Design for Technical Presentations

79

DON’T USE ALL CAPITALS

[It makes it difficult to read!]

Page 79: Slide Design for Technical Presentations

80

Don’t mix font types

Page 80: Slide Design for Technical Presentations

What leads to motor neuron degeneration in SMARD1?

3 weeks 4 weeks

Fading Nissl staining suggests arrest of protein translation

Use sentence case

Page 81: Slide Design for Technical Presentations

82

Use initial caps on bullets

Page 82: Slide Design for Technical Presentations

83

• Use standard bullets

Page 83: Slide Design for Technical Presentations

Hot Oats/Porridge/NutriGrain Beverage

Nutrigrain Beverage: With 9.5 grams of protein and 4.2 grams of fiber in 250 mililiters.

Hot Oats:2 Savory versions of Heart to Heart Oats made with 100 whole grain oats.

Don’t repeatPorridge:2 All-Bran Instant Porridge offer 1/3 of daily fiber requirements and is 2nd hot cereal.

Page 84: Slide Design for Technical Presentations

MinimumEssentialGraphs

Page 85: Slide Design for Technical Presentations

(Principae, 2009)

Example of bad graphfrom Jean-Luc Dumount, Principae

Page 86: Slide Design for Technical Presentations

(Principae, 2009)

Principae pruning process

• Data lines better contrasted• Non-data lines grey • Position labels near data• Relevant ticks marks only

Page 87: Slide Design for Technical Presentations

(Principae, 2009)

Minimum essential graphby Jean-Luc Dumount, Principae

Page 88: Slide Design for Technical Presentations

Let’s look at examples

Page 89: Slide Design for Technical Presentations

Platelet activation in WB with KKO agonist

Control PF4 ADP 10ul TRAP 6 Convulxin PF4 + KKO

0

2000

4000

6000

8000

10000

12000

14000

16000P sel MFIAnnexin MFI

Control PF4 ADP 10ul TRAP 6 Convulxin PF4 + KKO0

20

40

60

80

100

120P sel % +

Ann % +

Before

Page 90: Slide Design for Technical Presentations

What is the relative strength KKO in presence of PF4compared to other established platelet agonists?

0

2000

4000

6000

8000

10000

12000

14000

16000

Control PF4 ADP 10ul TRAP 6 Convulxin PF4 + KKO0

20

40

60

80

100

120

Mean fluorescence Percent Positivity

PF4/KKO second to Convulxin

P SelP Sel %

Page 91: Slide Design for Technical Presentations

Bar graph

Taste Chocolate Flavor Cinnamon Flavor Hardness0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

8

31

17

6

74

56

60 80

1813

23

15

Too MuchJARNot Enough

Page 92: Slide Design for Technical Presentations
Page 93: Slide Design for Technical Presentations

Minimumessential

graphs require“builds”(sometimes)

Page 94: Slide Design for Technical Presentations

Meet the PcG Complexes

PRC 2~600 kDa

RPD3

N55E(z)

Su(z)12

EscPcl

PRC 1~ 2MDa

PcPsc

Sce

zesteScm

Ph

Initiation Maintenance

Page 95: Slide Design for Technical Presentations

Meet the PcG Complexes

PRC 2~600 kDa

RPD3

N55E(z)

Su(z)12

EscPcl

PRC 1~ 2MDa

PcPsc

Sce

zesteScm

Ph

Initiation Maintenance

Points speaker made:

• Each protein complex is made up of multiple distinct subunits

• All subunits are required • Silencing requires both complexes (this was the main point)

Page 96: Slide Design for Technical Presentations

Meet the PcG Complexes

PRC 2~600 kDa

RPD3

N55E(z)

Su(z)12

EscPcl

PRC 1~ 2MDa

PcPsc

Sce

zesteScm

Ph

Initiation MaintenanceTitle does not convey

the main point

Page 97: Slide Design for Technical Presentations

Meet the PcG Complexes

PRC 2~600 kDa

RPD3

N55E(z)

Su(z)12

EscPcl

PRC 1~ 2MDa

PcPsc

Sce

zesteScm

Ph

Initiation MaintenanceSome details not required

to make the main point

Page 98: Slide Design for Technical Presentations

Meet the PcG Complexes

PRC 2~600 kDa

RPD3

N55E(z)

Su(z)12

EscPcl

PRC 1~ 2MDa

PcPsc

Sce

zesteScm

Ph

Initiation MaintenanceColor suggests a connection

where there isn’t one

Page 99: Slide Design for Technical Presentations

Let’s look at the “re-do”

Page 100: Slide Design for Technical Presentations

PcG complexes PRC1 and PRC2

Multiple distinct sub-units

PRC2PRC1

Page 101: Slide Design for Technical Presentations

PcG complexes PRC1 and PRC2

All sub-units are required – team effort

PRC2PRC1

Page 102: Slide Design for Technical Presentations

Both PcG complexes PRC1 and PRC 2 are required for silencing

PRC2PRC1

Page 103: Slide Design for Technical Presentations

Metabolic dysfunction induced by post-prandial hypoglycemia facilitates obesity

30 60 90 12055

95

135

175

Glu

cose

Use builds when

stepping through data

Page 104: Slide Design for Technical Presentations

Metabolic dysfunction induced by post-prandial hypoglycemia facilitates obesity

30 60 90 12055

95

135

175

Glu

cose

Page 105: Slide Design for Technical Presentations

Most cases are hyperinsulinemic

30 60 90 1200%

50%

100%

Ins

/ Glu

55

95

135

175

Glu

cose

Page 106: Slide Design for Technical Presentations

Resolution of post-prandial hypoglycemia improves obesity outcomes over 18 mos

55

95

135

175

Glu

cose

30 60 90 1200%

50%

100%

Ins

/Glu

Page 107: Slide Design for Technical Presentations

Aversive Olfactory learning

Session 1

Experimental Design

Olfactory Screening

Set Shock

Baseline

Anxiety STICSA

Specific anosmia

State–Trait Inventory for Cognitive and Somatic Anxiety(Ree et al., 2000)

Page 108: Slide Design for Technical Presentations

Aversive Olfactory learning

Session 1

Experimental Design

Olfactory Screening

Set Shock

Baseline

Anxiety STICSA

Specific anosmia

State–Trait Inventory for Cognitive and Somatic Anxiety(Ree et al., 2000)

Process steps should be

horizontal if possible

Page 109: Slide Design for Technical Presentations

State-Trait inventory for cognitive and somatic anxiety

Session1 Olfactory

ScreeningSet ShockBaseline

Anxiety STICSA

Specific anosmia

(Ree et al., 2000)

Page 110: Slide Design for Technical Presentations

Visual analogous scale used to collect perceptual ratings

Session1 Olfactory

ScreeningSet ShockBaseline

Anxiety STICSA

Specific anosmia

Use expanded callouts to

highlight important details

Page 111: Slide Design for Technical Presentations

Visual analogous scale used to collect perceptual ratings

Session1 Olfactory

ScreeningSet ShockBaseline

Anxiety STICSA

Specific anosmia

Page 112: Slide Design for Technical Presentations

Don’t include verbal transitions

Page 113: Slide Design for Technical Presentations

M O R ES L I D E

Page 114: Slide Design for Technical Presentations

The title slide

Page 115: Slide Design for Technical Presentations

All titles require

manual, natural breaks

Page 116: Slide Design for Technical Presentations

Title for the audience

Page 117: Slide Design for Technical Presentations

Multi-scale dispersal patterns of Triatoma infestans

Corentin M. Barbu, Karthik Sethuraman, Jen Manne, Javier E. Quintanila Calderon, Michael Z. Levy

University of Pennsylvania – Universidad Peruana Cayetano-Heredia

Page 118: Slide Design for Technical Presentations

How we added enzymatic function to de novo proteins

1.Review analysis of the structure

2.How we created the active site by trimming side chain residues

3.How we stabilized our design by reengineering the turn

The “preview map” slide

(for longer talks)

Page 119: Slide Design for Technical Presentations

Outline

1.Background: structure

2.Methods: active site

3.Results: our design

Not a generic outline

Page 120: Slide Design for Technical Presentations

How we added enzymatic function to de novo proteins

1.Review analysis of the structure

2.How we created the active site by trimming side chain residues

3.How we stabilized our design by reengineering the turn

Notice the “headline” title

Page 121: Slide Design for Technical Presentations

How we added enzymatic function to de novo proteins

1.Review analysis of the structure

2.How we created the active site by trimming side chain residues

3.How we stabilized our design by reengineering the turn

Sections are numbered

Page 122: Slide Design for Technical Presentations

How we added enzymatic function to de novo proteins

1.Review analysis of the structure

2.How we created the active site by trimming side chain residues

3.How we stabilized our design by reengineering the turn

Key words are highlighted

Page 123: Slide Design for Technical Presentations

How we added enzymatic function to de novo proteins

1.Review analysis of the structure

2.How we created the active site by trimming side chain residues

3.How we stabilized our design by reengineering the turn

Page 124: Slide Design for Technical Presentations

Results (2), Characteristics

CCEB

Variable CC (N=199)

Any T (N=118)

P-value

Age 58 (47-70)

60 (51-72)

0.23

Gender 67 (33.7%)

32 (27.1%)

0.22

BMI: <25, 25-30, >30

59 (29.8%) 54 (27.3%) 85 (42.9%)

37 (31.9%)45 (38.8%)34 (29.3%)

0.03

CYP2C9, any *2 or *3

29 (14.9%)

42 (35.6%)

<0.001

APOE, any E4 67 (34.2%)

35 (29.7%)

0.40

Vitamin K intake 44 (20-112)

35 (20-85)

0.49

Table slide

Page 125: Slide Design for Technical Presentations

Results (2), Characteristics

CCEB

Variable CC (N=199)

Any T (N=118)

P-value

Age 58 (47-70)

60 (51-72)

0.23

Gender 67 (33.7%)

32 (27.1%)

0.22

BMI: <25, 25-30, >30

59 (29.8%) 54 (27.3%) 85 (42.9%)

37 (31.9%)45 (38.8%)34 (29.3%)

0.03

CYP2C9, any *2 or *3

29 (14.9%)

42 (35.6%)

<0.001

APOE, any E4 67 (34.2%)

35 (29.7%)

0.40

Vitamin K intake 44 (20-112)

35 (20-85)

0.49

Clarify and clearly annotate Which ?

Which?

What are these?

Page 126: Slide Design for Technical Presentations

Results (2), Characteristics

CCEB

Variable CC (N=199)

Any T (N=118)

P-value

Age 58 (47-70)

60 (51-72)

0.23

Gender 67 (33.7%)

32 (27.1%)

0.22

BMI: <25, 25-30, >30

59 (29.8%) 54 (27.3%) 85 (42.9%)

37 (31.9%)45 (38.8%)34 (29.3%)

0.03

CYP2C9, any *2 or *3

29 (14.9%)

42 (35.6%)

<0.001

APOE, any E4 67 (34.2%)

35 (29.7%)

0.40

Vitamin K intake 44 (20-112)

35 (20-85)

0.49

Which data and

what precision is meaningful?

N values? Percentage of group?Precision of percentage?P-values?

Page 127: Slide Design for Technical Presentations

Results (2), Characteristics

CCEB

Variable CC (N=199)

Any T (N=118)

P-value

Ag 58 (47-70)

60 (51-72)

0.23

Gender 67 (33.7%)

32 (27.1%)

0.22

BMI: <25, 25-30, >30

59 (29.8%) 54 (27.3%) 85 (42.9%)

37 (31.9%)45 (38.8%)34 (29.3%)

0.03

CYP2C9, any *2 or *3

29 (14.9%)

42 (35.6%)

<0.001

APOE, any E4 67 (34.2%)

35 (29.7%)

0.40

Vitamin K intake 44 (20-112)

35 (20-85)

0.49

Which results are relevant and

in what order will you present?

[Highlight and reorder if necessary]

Page 128: Slide Design for Technical Presentations

Results (2), Characteristics

CCEB

Variable CC (N=199)

Any T (N=118)

P-value

Age 58 (47-70)

60 (51-72)

0.23

Gender 67 (33.7%)

32 (27.1%)

0.22

BMI: <25, 25-30, >30

59 (29.8%) 54 (27.3%) 85 (42.9%)

37 (31.9%)45 (38.8%)34 (29.3%)

0.03

CYP2C9, any *2 or *3

29 (14.9%)

42 (35.6%)

<0.001

APOE, any E4 67 (34.2%)

35 (29.7%)

0.40

Vitamin K intake 44 (20-112)

35 (20-85)

0.49

Before (again)

Page 129: Slide Design for Technical Presentations

T-allele carriers have increased risk of CYP2C9 *2 or *3 & decreased risk of elevated BMI

T allele carriers (N=118)

Non T-allele carriers (N=199)

p value

Avg. Age (years) 60 58

% Male 27% 34%% CYP2C9 *2 or *3 36% 15% <0.001

% BMI >30 29% 43% 0.03

% APOE4 30% 34%

Avg. Vit.K intake 35 44

Page 130: Slide Design for Technical Presentations

MinimumEssential

Data

Page 131: Slide Design for Technical Presentations

BillboardDesign

Page 132: Slide Design for Technical Presentations

…from Mediocre

Page 133: Slide Design for Technical Presentations

F OH E

L LO WT

Page 134: Slide Design for Technical Presentations

…to memorable