93
Creating effective visuals Kristen Sosulski Associate Professor of Information Systems @ NYU Stern Director of Education for the NYU Stern W.R. Berkley Innovation Lab @ sosulski | [email protected] | kristensosulski.com

Creating Effective Visuals for Teaching and Presentation

Embed Size (px)

Citation preview

Page 1: Creating Effective Visuals for Teaching and Presentation

Creating effective visualsKristen SosulskiAssociate Professor of Information Systems @ NYU SternDirector of Education for the NYU Stern W.R. Berkley Innovation Lab@sosulski | [email protected] | kristensosulski.com

Page 2: Creating Effective Visuals for Teaching and Presentation

OverviewThe workshop provides participants with the common presentations pitfalls and best ways to incorporate data visualizations into live presentations. This workshop will help you create stellar presentations that show your data through clear and well-designed displays.

Topics:

-Overview of presentation design and readability.-Common presentation pitfalls.-Best practices for using and delivering charts and graphs in your presentations.-Examples of effective visual communication through the use of data visualization.

Takeaways:

-A standards checklist for designing and delivering slide presentations with charts and graphs.-Common pitfalls for presentations and data visualizations.

Page 3: Creating Effective Visuals for Teaching and Presentation

Visuals are tools to help us think

Dual channels

Limited capacity

Active Processing

Page 4: Creating Effective Visuals for Teaching and Presentation

Human information processing system

Words

Pictures

Ears

Eyes

Sounds

Images

Verbal Model

PictorialModel

Priorknowledge

Multimedia presentation

Sensorymemory

Working memory Long-termmemory

Page 5: Creating Effective Visuals for Teaching and Presentation

INTRODUCTION

Page 6: Creating Effective Visuals for Teaching and Presentation

Do you use PowerPoint to

support your presentations and discussions?

serve as your talking points?

use as handouts for your audience?

Page 7: Creating Effective Visuals for Teaching and Presentation

Do you use PowerPoint to

support your presentations and discussions?

serve as your talking points?

use as handouts for your audience?

Page 8: Creating Effective Visuals for Teaching and Presentation

What PowerPoint is NOTSummary statement that I will read verbatim• Additional points I want to make

– Relevant sub-point– And another one– And another one

• And I don’t want to to forget this part– Or this

Page 9: Creating Effective Visuals for Teaching and Presentation

WHAT MAKES A POOR PRESENATION?

Page 10: Creating Effective Visuals for Teaching and Presentation

We’ve all been in situations where there’s been a poor presenter who read directly off of his/her slides…

Page 11: Creating Effective Visuals for Teaching and Presentation

Quarterly Report

FOR Q3 2013

Page 12: Creating Effective Visuals for Teaching and Presentation

Quarterly ReportFOR Q3 2013

Q3 2012Q4 2012

Q1 2013Q2 2013

0

1000

2000

3000

4000

5000

6000

RS 200 Series

RS LE

PNN 2000xPMM 3000

RS 200 SeriesRS 400 SeriesRS LESNN 2000PNN 2000xQualtrell XOPMM 3000

Page 13: Creating Effective Visuals for Teaching and Presentation

Quarterly Report

FOR Q3 2013

Q3 2012Q4 2012

Q1 2013Q2 2013

0

1000

2000

3000

4000

5000

6000

RS 200 Series

RS LE

PNN 2000xPMM 3000

RS 200 SeriesRS 400 SeriesRS LESNN 2000PNN 2000xQualtrell XOPMM 3000

This quarter has seen the continued declline of many ofour leading product lines. Previous market leaders such As the PNN 2000x and the RS 200 series have continued trends that began in Q4 of last year. The RS Limitedsaw a brief surge during the holiday season, but wasquickly abandoned by consumers as the novelty-factorbegan to fade.

Surprisingly, most of our gains have been seen in productsThat were previously viewed as under-performers, suchAs theQualtrell XO and PMM 3000. This appears to be drivenBy enterprise users, and technical problems and missingFeatures in Mango’s latest release have damaged itsReputation in business environments. Whether this trend isTemporary, or marks a major sea change in the demographics of ourCustomer base will have a huge impact on our direction going forward.

Page 14: Creating Effective Visuals for Teaching and Presentation

COMMON PITFALLS

Page 15: Creating Effective Visuals for Teaching and Presentation

What annoys people about financial presentations?

Paradi, D. (2014)

Page 16: Creating Effective Visuals for Teaching and Presentation

#1: Too many numbers on a slide

Page 17: Creating Effective Visuals for Teaching and Presentation

#2. Readability: Small font size

32 point font is good for text and labels20 point font is more difficult to read

14 point font is even harder

12 point font should only be used for written documents not presentations

You’re too close if you can read this

Page 18: Creating Effective Visuals for Teaching and Presentation

#3: Too much information for the time

Page 19: Creating Effective Visuals for Teaching and Presentation

#4. Mostly a table of numbers with few visuals

Page 20: Creating Effective Visuals for Teaching and Presentation

FIVE WAYS WE CAN WE IMPROVE OUR PRESENTATIONS?

Page 21: Creating Effective Visuals for Teaching and Presentation

1. DESIGN FOR THE PROJECTOR

Page 22: Creating Effective Visuals for Teaching and Presentation

Not for viewing in other formats…

Tablet Paper Screen

Page 23: Creating Effective Visuals for Teaching and Presentation

Use the proper aspect ratio

You can change the aspect ratio by going to File > Page Setup

Page 24: Creating Effective Visuals for Teaching and Presentation

4:3 - STANDARD 16:9 - WIDESCREEN

Page 25: Creating Effective Visuals for Teaching and Presentation

Show your slides in full-screen view

Page 26: Creating Effective Visuals for Teaching and Presentation

2. USE SLIDES TO SUPPORT YOU

Page 27: Creating Effective Visuals for Teaching and Presentation

Instead of the slides serving as your presentation

• Rather than reading individual values at one time, which is how we perceive tables of text, we can, thanks to a graphs, see and potentially understand many values at once.

• This is because visual displays combine values into patterns that we can perceive as wholes, such as patterns formed by a lines in a graph.

• As a rule of thumb, anything that is processed at a rate faster than 10 msec per item is considered to be pre-attentive.

• Typical processing rates for non pre-attentive targets are 40 msec per item and more (Treisman & Gormican, 1988).

• Pre-attentive processing is the • Fast process of recognition. • Detects several attributes, such as color and the location of objects in 2-D space• If you want something to stand out in a graph, you should encode it using a pre-attentive

attribute that contrasts with the surrounding information

Page 28: Creating Effective Visuals for Teaching and Presentation

Avoid writing in full sentences. Try to apply the 6 x 6 rule.

Page 29: Creating Effective Visuals for Teaching and Presentation

Graphs help us see• Combine data into a single series;• Present data through encodings; and• Highlight patterns, change, trends, or cycles

Page 30: Creating Effective Visuals for Teaching and Presentation

Use the notes field for talking points

Page 31: Creating Effective Visuals for Teaching and Presentation

4. FOLLOW THE BASIC DESIGN GUIDELINES

Page 32: Creating Effective Visuals for Teaching and Presentation

Graphs help us see• Combine Data Into a Single Series;• Present Data Through Encodings; and• Highlight Patterns, Change, Trends and

Cycles.

Page 33: Creating Effective Visuals for Teaching and Presentation

Avoid mixed case lettering. Write in sentence case.

Page 34: Creating Effective Visuals for Teaching and Presentation

Graphs help us see• Combine Data Into a Single Series;• Present Data Through Encodings; and • Highlight Patterns, Change, Trends, or Cycles

Page 35: Creating Effective Visuals for Teaching and Presentation

Use 32 point font or larger

Page 36: Creating Effective Visuals for Teaching and Presentation

Graphs help us see• Combine data into a single series;• Present data through encodings; and• Highlight patterns, changes, trends, or

cycles

Page 37: Creating Effective Visuals for Teaching and Presentation

Use white or black as a background color

Page 38: Creating Effective Visuals for Teaching and Presentation

Graphs help us see• Combine data into a single series;• Present data through encodings; and• Highlight patterns, changes, trends, or

cycles.

Page 39: Creating Effective Visuals for Teaching and Presentation

Graphs help us see• Combine data into a single series;• Present data through encodings; and• Highlight patterns, changes, trends, or

cycles

Page 40: Creating Effective Visuals for Teaching and Presentation

Graphs help us see• Combine data into a single series;• Present data through encodings; and• Highlight patterns, changes, trends, or

cycles

Page 41: Creating Effective Visuals for Teaching and Presentation

Select the appropriate slide layout

Page 42: Creating Effective Visuals for Teaching and Presentation
Page 43: Creating Effective Visuals for Teaching and Presentation

5. MAKE CHARTS EASY TO READ AND INTERPRET

Page 44: Creating Effective Visuals for Teaching and Presentation
Page 45: Creating Effective Visuals for Teaching and Presentation

The top 10 major data visualization design principles

1. Chart type2. Color3. Text and labels4. Readability5. Scales and proportions6. Data integrity & the lie factor7. Chart Junk8. Data density9. Data-ink ratio10. Data Richness

Page 46: Creating Effective Visuals for Teaching and Presentation
Page 47: Creating Effective Visuals for Teaching and Presentation

Above all else show the data

---Edward Tufte

Page 48: Creating Effective Visuals for Teaching and Presentation

What are the values for April?

Page 49: Creating Effective Visuals for Teaching and Presentation
Page 50: Creating Effective Visuals for Teaching and Presentation
Page 51: Creating Effective Visuals for Teaching and Presentation
Page 52: Creating Effective Visuals for Teaching and Presentation

5. DESIGN YOUR CONTENT FOR HUMANS

Page 53: Creating Effective Visuals for Teaching and Presentation
Page 54: Creating Effective Visuals for Teaching and Presentation

The rate at which information is lost is basically a function of how it was learned (Anderson,

2000, p. 174)

Page 55: Creating Effective Visuals for Teaching and Presentation
Page 56: Creating Effective Visuals for Teaching and Presentation

What does it take to make a graphic symbol that can be found rapidly?

Page 57: Creating Effective Visuals for Teaching and Presentation

Perception

Our visual system has its own rules.

Page 58: Creating Effective Visuals for Teaching and Presentation

Perception - Rule #1

We do not attend to everything we see.

Page 59: Creating Effective Visuals for Teaching and Presentation

Perception - Rule #2

Our eyes are drawn to familiar patterns. We see what we know and expect.

Page 60: Creating Effective Visuals for Teaching and Presentation

Visualizations work best when they display information as patterns that are both familiar and easy to spot.

--Stephen Few, 2009, p. 34

Page 61: Creating Effective Visuals for Teaching and Presentation

Perception - Rule #3

Memory plays an important role in human cognition, but working memory is extremely limited.

Page 62: Creating Effective Visuals for Teaching and Presentation

Working memory• It is temporary• It has limited storage capacity

Page 63: Creating Effective Visuals for Teaching and Presentation

Demonstration

Page 64: Creating Effective Visuals for Teaching and Presentation

148896678324145639874124512121003601477986696574487895636201403588741421200036982596312784254189

Page 65: Creating Effective Visuals for Teaching and Presentation

148896678324145639874124512121003601477986696574487895636201403588741421200036982596312784254189

Page 66: Creating Effective Visuals for Teaching and Presentation

Highlight to draw attention

Page 67: Creating Effective Visuals for Teaching and Presentation

148896678324145639874124512121003601477986696574487895636201403588741421200036982596312784254189

Page 68: Creating Effective Visuals for Teaching and Presentation

But don’t highlight everything…

Page 69: Creating Effective Visuals for Teaching and Presentation

Copyright 2016 Kristen Sosulski 69

Preattentive processing• Fast process of

recognition • Detects several

attributes, such as color and the location.

Page 70: Creating Effective Visuals for Teaching and Presentation

Use animation to highlight and explain

Page 71: Creating Effective Visuals for Teaching and Presentation

Probability of recall

Rapid loss initially

Slower loss later

Page 72: Creating Effective Visuals for Teaching and Presentation

USING VISUALS

Page 73: Creating Effective Visuals for Teaching and Presentation

-Nathan Yau, 2013, p. 261

Visualization is often framed as a medium for storytelling. The numbers are the source material, and the graphs are how you describe the source.

Page 74: Creating Effective Visuals for Teaching and Presentation

-Ben Fry, 2008, p. 4.

Visualization is a kind of narrative, providing a clear answer to a question without extraneous details.

Page 76: Creating Effective Visuals for Teaching and Presentation

TakeawayPowerPoint should augment your presentation not be your presentation.

Page 77: Creating Effective Visuals for Teaching and Presentation

Watch this video by Hans Rosling:https://www.youtube.com/watch?v=hVimVzgtD6w

Page 78: Creating Effective Visuals for Teaching and Presentation

Takeaway

Lead your audience through your visualization

Page 80: Creating Effective Visuals for Teaching and Presentation
Page 81: Creating Effective Visuals for Teaching and Presentation
Page 82: Creating Effective Visuals for Teaching and Presentation
Page 83: Creating Effective Visuals for Teaching and Presentation

TakeawayHighlight and show your audience what is important.

Page 84: Creating Effective Visuals for Teaching and Presentation

YOU ARE THE DESIGNER

Page 85: Creating Effective Visuals for Teaching and Presentation

You are control of what is presented

Page 86: Creating Effective Visuals for Teaching and Presentation

….and what is omitted

Wong, 2010, p. 29

Page 87: Creating Effective Visuals for Teaching and Presentation

How you show it

Page 88: Creating Effective Visuals for Teaching and Presentation
Page 89: Creating Effective Visuals for Teaching and Presentation
Page 90: Creating Effective Visuals for Teaching and Presentation

Where you show it

Projected Paper Screen

Page 91: Creating Effective Visuals for Teaching and Presentation

And when you show it

0

2

4

6

8

10

12

14

Page 92: Creating Effective Visuals for Teaching and Presentation

THANK YOUKristen SosulskiAssociate Professor of Information Systems @ NYU SternDirector of Education for the NYU Stern W.R. Berkley Innovation

Lab@sosulski | [email protected] | kristensosulski.com

Page 93: Creating Effective Visuals for Teaching and Presentation

zAN EDUCATION IN POSSIBLE