visual communication that works! (ppt)

92
“Power corrupts. PowerPoint corrupts absolutely.” Edward Tufte

Post on 17-Sep-2014

8 views

Category:

Education


0 download

DESCRIPTION

The PowerPoint version of Visual Communication presentation. This is a revised, updated, and much improved version of Creating Clarity 3.0. How to imagine your story, build your presentation, and design your slides. Encouragement to use presentation software as it\'s meant to be used and to be creative and effective with it.

TRANSCRIPT

Page 1: Visual Communication That Works! (PPT)

“Power corrupts.

PowerPoint corrupts absolutely.”

Edward Tufte

Page 2: Visual Communication That Works! (PPT)

“Rather than supplementing a presentation[PowerPoint] has become a substitute for it.”

Edward Tufte

Page 3: Visual Communication That Works! (PPT)

REPORT

Document

Slideument

Page 4: Visual Communication That Works! (PPT)

Informational Factual Hierarchical

CONVEYS INFORMATION

report

Page 5: Visual Communication That Works! (PPT)

Words

Numbers Images

Page 6: Visual Communication That Works! (PPT)

We learn better from wordsWe learn better from words

and pictures togetherand pictures together

than from words or picturesthan from words or pictures

alone.alone.

We learn better from wordsWe learn better from words

and pictures togetherand pictures together

than from words or picturesthan from words or pictures

alone.alone.

Page 7: Visual Communication That Works! (PPT)

We are We are

hardwired for hardwired for

understanding understanding

images.images.

Garr ReynoldsGarr Reynolds

Page 8: Visual Communication That Works! (PPT)

The image gives rise to thought.

Paul Ricoeur

Page 9: Visual Communication That Works! (PPT)

from thought to image. . . .

Page 10: Visual Communication That Works! (PPT)

from idea to story. . .

Page 11: Visual Communication That Works! (PPT)

story

Dramatic Emotive Experience

Page 12: Visual Communication That Works! (PPT)

report story

presentation

Page 13: Visual Communication That Works! (PPT)

Presentation

Simplifies MotivatesEngages

Page 14: Visual Communication That Works! (PPT)

What’s What’s youryourstory?story?What’s What’s youryourstory?story?

Page 15: Visual Communication That Works! (PPT)

In the hands of an honest and humble mentora presentationcan become a storythat changes people and their worlds.

In the hands of an honest and humble mentora presentationcan become a storythat changes people and their worlds.

Page 16: Visual Communication That Works! (PPT)

Imagining the storyImagining the story

Building your presentationBuilding your presentation

Designing your slidesDesigning your slides

Page 17: Visual Communication That Works! (PPT)

Visual Communication

the message

the formthe structure

Page 18: Visual Communication That Works! (PPT)

“The tragedy of the world is that thosewho are imaginativehave but slightexperience,and those who areexperienced havefeeble imaginations. . . .The task of a universityis to weld togetherimagination and experience.”

Alfred North Whitehead

Page 19: Visual Communication That Works! (PPT)

“Education with inert ideasis not only useless. . . .

it is harmful.”

Alfred North Whitehead

Page 20: Visual Communication That Works! (PPT)
Page 21: Visual Communication That Works! (PPT)
Page 22: Visual Communication That Works! (PPT)
Page 23: Visual Communication That Works! (PPT)

Lasterday

Page 24: Visual Communication That Works! (PPT)
Page 25: Visual Communication That Works! (PPT)

“Most ideas you can dopretty darn well

with a stick in the sand.”

Alan Kay

Page 26: Visual Communication That Works! (PPT)
Page 27: Visual Communication That Works! (PPT)
Page 28: Visual Communication That Works! (PPT)
Page 29: Visual Communication That Works! (PPT)

AIDAAttention

Interest

Desire

Action

Page 30: Visual Communication That Works! (PPT)

Apathy Interest

Chaos Clarity

Passivity Action

Page 31: Visual Communication That Works! (PPT)

Beginning Middle End

Page 32: Visual Communication That Works! (PPT)

Beginning Middle End

situation complication resolution

Page 33: Visual Communication That Works! (PPT)

Beginning Middle End

situation complication resolution

what is what could be the reward

Page 34: Visual Communication That Works! (PPT)

Beginning Middle End

situation complication resolution

what is what could be the rewardgap

Call toAdventure

Call toAction

Page 35: Visual Communication That Works! (PPT)

ACTION

Page 36: Visual Communication That Works! (PPT)

ThemThem

Influence

Influence

The world

The world

Page 37: Visual Communication That Works! (PPT)

“More important to culture

than social fabric is

the necessity of imagination.”

James Hillman

Page 38: Visual Communication That Works! (PPT)

Imagining the storyImagining the story

Building your presentationBuilding your presentation

Designing your slidesDesigning your slides

Page 39: Visual Communication That Works! (PPT)
Page 40: Visual Communication That Works! (PPT)
Page 41: Visual Communication That Works! (PPT)
Page 42: Visual Communication That Works! (PPT)

Topical

Page 43: Visual Communication That Works! (PPT)
Page 44: Visual Communication That Works! (PPT)

Sequential

Page 45: Visual Communication That Works! (PPT)

Spatial

Page 46: Visual Communication That Works! (PPT)
Page 47: Visual Communication That Works! (PPT)

Climatic

Page 48: Visual Communication That Works! (PPT)

Problem-solution

Compare-contrast

Cause-effect

Advantage-disadvantage

Page 49: Visual Communication That Works! (PPT)

Imagining the storyImagining the story

Building your presentationBuilding your presentation

Designing your slidesDesigning your slides

Page 50: Visual Communication That Works! (PPT)

Simplicity

Empty Space

Contrast

Page 51: Visual Communication That Works! (PPT)

Fact #1

We do not attend to everything we see

Page 52: Visual Communication That Works! (PPT)

Fact #2

We see what we expect to see

Page 53: Visual Communication That Works! (PPT)
Page 54: Visual Communication That Works! (PPT)

Fact #3

Our working memory is extremely limited

Page 55: Visual Communication That Works! (PPT)

WYSIWYG

Page 56: Visual Communication That Works! (PPT)

WYSIWYG

Page 57: Visual Communication That Works! (PPT)

WYSIWYG

Page 58: Visual Communication That Works! (PPT)

WYGIWYS

Page 59: Visual Communication That Works! (PPT)

SimplifySimplify

Page 60: Visual Communication That Works! (PPT)
Page 61: Visual Communication That Works! (PPT)

High Signal-to-Noise Ratio (SNR)

less noise more signal=

Page 62: Visual Communication That Works! (PPT)
Page 63: Visual Communication That Works! (PPT)

52%

41%

21%

15%

33%

2007 Obesity Rates by Country

United States

Germany

Thailand

Japan

Australia

Page 64: Visual Communication That Works! (PPT)

52%

41%

21%

15%15%

33%

2007 Obesity Rates by Country

JapanJapan

United States

Germany

Thailand

Australia

Page 65: Visual Communication That Works! (PPT)

Japan15

%

Lowest Obesity Rate, 2007

Page 66: Visual Communication That Works! (PPT)
Page 67: Visual Communication That Works! (PPT)

52%

Page 68: Visual Communication That Works! (PPT)

52%of new office buildings

That’s 85‘see-throughs’

in Washington, DC are empty.

Page 69: Visual Communication That Works! (PPT)

million$100lost annually. . .

in leases/rentals

Page 70: Visual Communication That Works! (PPT)

empty space creates meaning

Page 71: Visual Communication That Works! (PPT)

49,415stress-relatedhospitalizations:Australia, 2001-2002

Page 72: Visual Communication That Works! (PPT)

94%of Americanswon’t buy a car from a bankrupt automaker.

Page 73: Visual Communication That Works! (PPT)

“It was made by someone capable of believing that an angel might come and sit on it.”

“It was made by someone capable of believing that an angel might come and sit on it.”

Shaker furnitureShaker furniture

Page 74: Visual Communication That Works! (PPT)

reboot yourselfreboot yourself

Page 75: Visual Communication That Works! (PPT)

Simplicity

Empty Space

Page 76: Visual Communication That Works! (PPT)

ContrastContrast

Page 77: Visual Communication That Works! (PPT)

CONTRAST

FlowProximity

Arrangingthe Elements

Alignment

Hierarchy

Page 78: Visual Communication That Works! (PPT)

ContrastSizeShapeShadeColorProximity

Page 79: Visual Communication That Works! (PPT)

ContrastSizeShapeShadeColorProximity

Page 80: Visual Communication That Works! (PPT)

ContrastSizeShapeShadeColorProximity

Page 81: Visual Communication That Works! (PPT)

ContrastSizeShapeShadeColorProximity

Page 82: Visual Communication That Works! (PPT)

ContrastSizeShapeShadeColorProximity

Page 83: Visual Communication That Works! (PPT)

. . . . is an act of communication

. . . . a deep understanding of the person

with whom the designer is

communicating.

Garr Reynolds

Design

Page 84: Visual Communication That Works! (PPT)

Designis about humans creating great worksthat help or improve the livesof other humans.

Garr Reynolds

Page 85: Visual Communication That Works! (PPT)
Page 86: Visual Communication That Works! (PPT)
Page 87: Visual Communication That Works! (PPT)
Page 88: Visual Communication That Works! (PPT)
Page 89: Visual Communication That Works! (PPT)
Page 90: Visual Communication That Works! (PPT)

In the hands of an honest and humble mentora presentationcan become a storythat changes people and their worlds.

In the hands of an honest and humble mentora presentationcan become a storythat changes people and their worlds.

Page 91: Visual Communication That Works! (PPT)

Entelechy Productions (2011)

Page 92: Visual Communication That Works! (PPT)

References

Reynolds, Garr (2008). PresentationZen. Berkeley, CA: New Riders.

Reynolds, Garr (2010). PresentationZen Design. Berkeley, CA: New Riders.

Duarte, Nancy (2008). Slide:ology: The Art and Science of Creating Great Presentations. Sebastopol, CA: O’Reilly.Duarte, Nancy (2010). Resonate: Present Visual Stories that Transform Audiences. Hoboken, NJ: John Wiley & Sons.

Few, Stephen (2004). Show Me the Numbers: Designing Tables and Graphs to Enlighten.Oakland, CA: Analytics Press.

Reynolds, Garr (2011). The Naked Presenter: Delivering Powerful Presentations With or WithoutSlides. Berkeley, CA: New Riders.Tufte, Edward (2001). The Visual Display of Quantitative Information.2nd ed. Cheshire, CT: The Graphics Press.

Tufte, Edward (2003). “PowerPoint is Evil” Wired Magazine, September 2009.

Whitehead, Alfred North (1929). The Aims of Education. New York: The Free Press.