visual communication that works! (ppt)
Post on 17-Sep-2014
6 views
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)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/1.jpg)
“Power corrupts.
PowerPoint corrupts absolutely.”
Edward Tufte
![Page 2: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/2.jpg)
“Rather than supplementing a presentation[PowerPoint] has become a substitute for it.”
Edward Tufte
![Page 3: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/3.jpg)
REPORT
Document
Slideument
![Page 4: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/4.jpg)
Informational Factual Hierarchical
CONVEYS INFORMATION
report
![Page 5: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/5.jpg)
Words
Numbers Images
![Page 6: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/6.jpg)
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)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/7.jpg)
We are We are
hardwired for hardwired for
understanding understanding
images.images.
Garr ReynoldsGarr Reynolds
![Page 8: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/8.jpg)
The image gives rise to thought.
Paul Ricoeur
![Page 9: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/9.jpg)
from thought to image. . . .
![Page 10: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/10.jpg)
from idea to story. . .
![Page 11: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/11.jpg)
story
Dramatic Emotive Experience
![Page 12: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/12.jpg)
report story
presentation
![Page 13: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/13.jpg)
Presentation
Simplifies MotivatesEngages
![Page 14: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/14.jpg)
What’s What’s youryourstory?story?What’s What’s youryourstory?story?
![Page 15: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/15.jpg)
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)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/16.jpg)
Imagining the storyImagining the story
Building your presentationBuilding your presentation
Designing your slidesDesigning your slides
![Page 17: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/17.jpg)
Visual Communication
the message
the formthe structure
![Page 18: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/18.jpg)
“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)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/19.jpg)
“Education with inert ideasis not only useless. . . .
it is harmful.”
Alfred North Whitehead
![Page 20: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/20.jpg)
![Page 21: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/21.jpg)
![Page 22: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/22.jpg)
![Page 23: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/23.jpg)
Lasterday
![Page 24: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/24.jpg)
![Page 25: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/25.jpg)
“Most ideas you can dopretty darn well
with a stick in the sand.”
Alan Kay
![Page 26: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/26.jpg)
![Page 27: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/27.jpg)
![Page 28: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/28.jpg)
![Page 29: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/29.jpg)
AIDAAttention
Interest
Desire
Action
![Page 30: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/30.jpg)
Apathy Interest
Chaos Clarity
Passivity Action
![Page 31: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/31.jpg)
Beginning Middle End
![Page 32: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/32.jpg)
Beginning Middle End
situation complication resolution
![Page 33: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/33.jpg)
Beginning Middle End
situation complication resolution
what is what could be the reward
![Page 34: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/34.jpg)
Beginning Middle End
situation complication resolution
what is what could be the rewardgap
Call toAdventure
Call toAction
![Page 35: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/35.jpg)
ACTION
![Page 36: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/36.jpg)
ThemThem
Influence
Influence
The world
The world
![Page 37: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/37.jpg)
“More important to culture
than social fabric is
the necessity of imagination.”
James Hillman
![Page 38: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/38.jpg)
Imagining the storyImagining the story
Building your presentationBuilding your presentation
Designing your slidesDesigning your slides
![Page 39: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/39.jpg)
![Page 40: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/40.jpg)
![Page 41: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/41.jpg)
![Page 42: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/42.jpg)
Topical
![Page 43: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/43.jpg)
![Page 44: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/44.jpg)
Sequential
![Page 45: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/45.jpg)
Spatial
![Page 46: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/46.jpg)
![Page 47: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/47.jpg)
Climatic
![Page 48: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/48.jpg)
Problem-solution
Compare-contrast
Cause-effect
Advantage-disadvantage
![Page 49: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/49.jpg)
Imagining the storyImagining the story
Building your presentationBuilding your presentation
Designing your slidesDesigning your slides
![Page 50: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/50.jpg)
Simplicity
Empty Space
Contrast
![Page 51: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/51.jpg)
Fact #1
We do not attend to everything we see
![Page 52: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/52.jpg)
Fact #2
We see what we expect to see
![Page 53: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/53.jpg)
![Page 54: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/54.jpg)
Fact #3
Our working memory is extremely limited
![Page 55: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/55.jpg)
WYSIWYG
![Page 56: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/56.jpg)
WYSIWYG
![Page 57: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/57.jpg)
WYSIWYG
![Page 58: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/58.jpg)
WYGIWYS
![Page 59: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/59.jpg)
SimplifySimplify
![Page 60: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/60.jpg)
![Page 61: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/61.jpg)
High Signal-to-Noise Ratio (SNR)
less noise more signal=
![Page 62: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/62.jpg)
![Page 63: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/63.jpg)
52%
41%
21%
15%
33%
2007 Obesity Rates by Country
United States
Germany
Thailand
Japan
Australia
![Page 64: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/64.jpg)
52%
41%
21%
15%15%
33%
2007 Obesity Rates by Country
JapanJapan
United States
Germany
Thailand
Australia
![Page 65: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/65.jpg)
Japan15
%
Lowest Obesity Rate, 2007
![Page 66: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/66.jpg)
![Page 67: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/67.jpg)
52%
![Page 68: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/68.jpg)
52%of new office buildings
That’s 85‘see-throughs’
in Washington, DC are empty.
![Page 69: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/69.jpg)
million$100lost annually. . .
in leases/rentals
![Page 70: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/70.jpg)
empty space creates meaning
![Page 71: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/71.jpg)
49,415stress-relatedhospitalizations:Australia, 2001-2002
![Page 72: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/72.jpg)
94%of Americanswon’t buy a car from a bankrupt automaker.
![Page 73: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/73.jpg)
“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)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/74.jpg)
reboot yourselfreboot yourself
![Page 75: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/75.jpg)
Simplicity
Empty Space
![Page 76: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/76.jpg)
ContrastContrast
![Page 77: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/77.jpg)
CONTRAST
FlowProximity
Arrangingthe Elements
Alignment
Hierarchy
![Page 78: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/78.jpg)
ContrastSizeShapeShadeColorProximity
![Page 79: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/79.jpg)
ContrastSizeShapeShadeColorProximity
![Page 80: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/80.jpg)
ContrastSizeShapeShadeColorProximity
![Page 81: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/81.jpg)
ContrastSizeShapeShadeColorProximity
![Page 82: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/82.jpg)
ContrastSizeShapeShadeColorProximity
![Page 83: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/83.jpg)
. . . . 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)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/84.jpg)
Designis about humans creating great worksthat help or improve the livesof other humans.
Garr Reynolds
![Page 85: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/85.jpg)
![Page 86: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/86.jpg)
![Page 87: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/87.jpg)
![Page 88: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/88.jpg)
![Page 89: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/89.jpg)
![Page 90: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/90.jpg)
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)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/91.jpg)
Entelechy Productions (2011)
![Page 92: Visual Communication That Works! (PPT)](https://reader036.vdocuments.us/reader036/viewer/2022070300/54187a1f7bef0a25558b7d5c/html5/thumbnails/92.jpg)
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.