“ Power corrupts. PowerPoint corrupts absolutely.” Edward Tufte
“ Rather than supplementing a presentation [PowerPoint] has become a substitute for it.” Edward Tufte
REPORT Document Slideument
Informational Factual Hierarchical CONVEYS INFORMATION report
Words Numbers Images
We learn better from words and pictures together than from words or pictures alone.
We are hardwired for understanding images. Garr Reynolds
The  image  gives rise to thought. Paul Ricoeur
from thought to image. . . .
from idea to story. . .
story Dramatic Emotive Experience
report story presentation
Presentation Simplifies Motivates Engages
What’s  your story?
In the hands of an  honest and humble mentor a presentation can become a story that changes people  and their worlds.
Imagining  the story Building   your presentation Designing   your slides
Visual  Communication the  message the  form the  structure
“ The tragedy of the  world is that those who are imaginative have but slight experience, and those who are experienced ha...
“ Education with inert ideas is not only useless. . . . it is  harmful .” Alfred North Whitehead
 
 
 
Lasterday
 
“ Most ideas you can do pretty darn well with a stick in the sand.” Alan Kay
 
 
 
AIDA Attention Interest Desire Action
Apathy Interest Chaos Clarity Passivity Action
Beginning Middle End
Beginning Middle End situation complication resolution
Beginning Middle End situation complication resolution what is what could be the reward
Beginning Middle End situation complication resolution what is what could be the reward gap Call to Adventure Call to Action
ACTION
Them Influence The world
“ More important to culture than social fabric is the necessity of imagination.” James Hillman
Imagining  the story Building   your presentation Designing   your slides
 
 
 
Topical
 
Sequential
Spatial
 
Climatic
Problem-solution Compare-contrast Cause-effect Advantage-disadvantage
Imagining  the story Building   your presentation Designing   your slides
Simplicity Empty Space Contrast
Fact #1 We do not attend to everything we see
Fact #2 We see what we expect to see
 
Fact #3 Our working memory is extremely limited
WYSIWYG
WYSIWYG
WYSIWYG
WYGIWYS
Simplify
 
High Signal-to-Noise Ratio (SNR) less noise more signal =
 
2007 Obesity Rates by Country United States Germany Thailand Japan Australia 52% 41% 21% 15% 33%
52% 41% 21% 15% 33% 2007 Obesity Rates by Country Japan United States Germany Thailand Australia
Japan 15  % Lowest Obesity Rate, 2007
 
52 %
52 % of new office buildings That’s  85 ‘ see-throughs’ in Washington, DC are empty.
million $100 lost annually. . . in leases/rentals
empty space  creates meaning
49,415 stress-related hospitalizations: Australia,  2001-2002
94% of Americans won’t buy a  car   from a bankrupt  automaker.
“ It was made by someone capable of believing that an angel might come and sit on it.”  Shaker furniture
reboot yourself
Simplicity Empty Space
Contrast
CONTRAST Flow Proximity Arranging the Elements Alignment Hierarchy
Contrast Size Shape Shade Color Proximity
Contrast Size Shape Shade Color Proximity
Contrast Size Shape Shade Color Proximity
Contrast Size Shape Shade Color Proximity
Contrast Size Shape Shade Color Proximity
. . . .  is  an act of  communication . . . . a deep understanding of the person with whom the designer is  communicating ...
Design is about humans creating great works that help or improve the lives of other humans. Garr Reynolds
 
 
 
 
 
In the hands of an  honest and humble mentor a presentation can become a story that changes people  and their worlds.
Entelechy   Productions (2011)
References Reynolds, Garr (2008).  PresentationZen . Berkeley, CA: New Riders. Reynolds, Garr (2010).  PresentationZen Des...
Upcoming SlideShare
Loading in...5
×

Visual Communication That Works! (PPT)

8,567

Published on

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.

0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
8,567
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
447
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide
  • You’re brave to come out to a PowerPoint presentation of a Sunday morning! I’m sure you’ve heard of “Death by PowerPoint.” There are millions of victims of “cognitive asphyxiation,” a disease that strikes without warning, is debilitating, and is contagious. More often than not, the very victims of the disease perpetrate it on others—as soon as they can. This is what Edward Tufte says about PowerPoint. . . .[read]. Tufte is probably the leading expert on the visual display of quantitative information—incidentally, the title of his famous book on the subject. Edward Tufte despises PowerPoint.
  • Here’s another quote from him [read]. . . Now why is that? There are two reasons. First, people are hard-pressed for time or they’ve procrastinated or they’re simply lazy. And PowerPoint aids and abets that way of working. It provides templates, decorations, and clip art. It does the work for you so you don’t have to think. And the second reason is many people don’t understand what a presentation is for. So Tufte is right.
  • Many people think that if they use presentational software, like PowerPoint or Keynote, to create a report, they’ve created a presentation. But they haven’t! A document in PowerPoint is a slideument. As Nancy Duarte says. “Reports should be distributed; presentations should be presented.”
  • So what’s in a report? Reports are informational, factual, and hierarchical. They are for conveying information. They are exhaustive, precise, and take time to examine. They are for text-heavy material and for that they do the job very well.
  • But the three elements we’ve got to work with are words, numbers, and images. That’s all. And here we have this marvelous medium of presentation software that makes possible the visual play of all three elements—and we load it up with bullet points and line after line of text!
  • But research shows that we learn better from words and pictures together than from either words or pictures alone. Visual and verbal data are processed in different parts of the brain—so they don’t compete with each other. [Cook, M. P. “Visual Representations in Science Education: The Influence of Prior Knowledge and Cognitive Load Theory on Instructional Design Principles.” Science Education, 90(6) 1073-1091, 2006.].
  • Our visual systems and our brains instinctively and instantly process and act upon images. . .
  • For visual learners the image gives rise to the thought. For others, those with a more verbal learning style. . .
  • — the creative spark might jump from thought to image.
  • However we learn, the goal is to move from idea to story. . .
  • And what is a story? A story is dramatic, with rising and falling action. It’s emotive, evocative, and it creates an experience. But many people are afraid to use the power of story when they build their presentations. It takes time and energy and reflection. So they hit the default button and load the slides with bullet points.
  • The good news is that presentations fall somewhere between a report and a story. It takes the best from each and creates a new form.
  • It alternates between facts and storytelling. It simplifies, clarifies, interprets, and illuminates. It engages the audience and motivates it to take action. So the question is not ‘Have you stopped killing people with PowerPoint yet?” but rather, “Why not use its power to really tell your story?” And that’s what we’re going to do today.
  • So. . . . what’s your story?
  • This is the secret I want to share with you today. . . [read]. The alternative is that we maintain the status quo and continue killing people with PowerPoint.
  • So let’s begin by looking at. . . Imagining the story, which involves finding your message, building your presentation (researching, outlining, and structuring), and designing your slides (composing words, numbers, and images on the slide).
  • Another way to say this is that all visual communication has three elements: the message, the structure, and the form.
  • Imagining the story. How important is that? Here is a quote from Alfred North Whitehead, a 20th century British philosopher, mathematician, and educator [read]. . . This is what you and I are called to do as educators. I come from a tradition and a culture in which we did not get a job but rather received a “call.” My grandfather was called to be a teacher and a college dean out on the prairies of Alberta. It was a vocation, from Latin, vocare, to call. First used in the 1500s as a spiritual calling. I like that. Even in today’s scrabbling job market we can still have a calling—and we can answer it. That’s what you folks do day in and day out—answer the call to make learning accessible for all. And that takes courage and imagination. How do you get that across to people?
  • For Whitehead, ideas were the particles of energy that moved and shaped the world. Inert ideas were those which were merely received into the mind without being used or tested or put in new situations. So here we have a wonderful opportunity to raise ideas, throw them into new contexts, and communicate with passion, reason, and character.
  • Children are great at this! They have rich, vibrant, uninhibited imaginations. They’re not afraid to experiment. They don’t try to edit themselves. They say what’s on their minds. This is my stepdaughter, Eden, with her mother, Joy, my wife.
  • She’s constantly on the move, a natural-born runner. . .
  • She was trying to remember the word for the day before today and she couldn’t quite get it. But this is what she came up with. . .
  • It makes perfect sense, doesn’t it? Simple, direct, it’s a combination of two familiar words placed in a new configuration. Children aren’t afraid to just have a go at the new thing. Somewhere along the arc of education we lose that—or it gets pounded out of us. But we can find it again! How do we do that?
  • Cast your net wide for ideas. Keep a notebook for jotting down great things people say or that you read. Then sit down and begin researching. Work from your central idea. Develop the steps toward your goal. Get coffee.
  • Work the idea down to its simplest, clearest form.
  • Stay analog rather than digital. Use a notepad for brainstorming and then use Post-It Notes. Its quicker and more versatile than trying to work in PowerPoint. And it’s more tactile—you can touch your ideas and move them around.
  • Post-It notes are bright, they’re small, and they can be moved easily. Keep it simple. If you can’t get one idea on a note it’s probably too complicated. Find a wall and slap them up. . .
  • Then begin to work in KeyNote or PowerPoint. Follow your outline and draw together the words and images.
  • A structure that persuasive speakers often use is this: Attention, Interest, Desire, and Action. Grab their attention, focus the interest, create a desire for change, and provide a way to act on the desire.
  • We try to move the audience from apathy to interest, from chaos to clarity, from passivity to action. And this is where the arc of the story can move people.
  • All good stories — and presentations — have a beginning, a middle, and an end.
  • A simple way to describe the structure of a story is situation, complication, and resolution. (Duarte, Resonate, 29)
  • We describe the way things are, the way they could be, and the reward at the end of the journey (Duarte, Resonate, 29). That’s the basic structure. But there are two critical points that we also need to introduce.
  • The first is the gap between the way things are and the way they could be. That’s the first turning point, the call to adventure, as Nancy Duarte calls it. And the second turning point comes after we’ve answered the objections, worked them through their resistance to change, showed the reasons to change, and arrive at the call to action.
  • This is the threshold we’re asking our audience to cross at this second turning point. We ask them to take action. Why should they do this?
  • What are the benefits to them, to the people they influence, and to the world? Does it meet their basic needs? Does it provide a feeling of security? Maybe it gives them a good return on their investment of time and energy in your message. Perhaps it will strengthen their relationships with others. Identify the reward! Years ago. . .[Summer of 72 in Coventry]
  • Having found our story and discovered our message we begin to organize it and give it a structure. As we found with stories, there is a natural flow and organization to stories that everyone recognizes, even if they can’t always explain it.
  • We look for patterns in a presentation, something that will let us know we’re headed to a destination.
  • We look for a path, a way, as we listen and compare and evaluate.
  • That’s why when we discover the heart of our story, the essential idea we want to get across, it’s important to take the time to organize the flow.
  • So think back to Public Speaking class when your teacher gave you some common patterns to use when organizing your presentation. The most common used in presentations is the topical approach, where you cluster similar themes under a common umbrella.
  • These structures have a flow that works well in a story format. The Chronological sequence works in a time progression, either forward or backward.
  • A sequential approach works best for a process or a step-by-step sequence. . .
  • The Spatial arrangement clusters elements together as they relate in physical space. . .
  • Then there’s the climatic, which arranges elements in order of importance, usually, from least to greatest
  • Persuasive presentations often use these four which have contrast built into them.
  • Once you’ve generated your ideas, filtered out the best ones, focused the message, and organized the structure, its time to turn your words into pictures and design your slides.
  • I’m going to give you three design principles that will work for any presentation. Simplicity. . . the use of empty space. . . and contrast—of all different kinds. But first some facts about perception!
  • Our perception is selective. We don’t see everything we look at. I see a sign when I drive up to Stevenson University near Baltimore. . . . On my way to work I pass by a Motel 6 with a big LED sign with 49 on it. . . . .I thought it was the temperature until one day when I knew it was 26 degrees it finally registered with me: it wasn’t the temperature, it was the price! My brain saw the numbers and my mind filled in the rest. Sometimes we don’t see what is there but what we want to see.
  • Our eyes are drawn to familiar patterns and shapes. And once we register that familiar shape our brains say, Right! Got that. . . On to the next thing. So we may miss a lot of detail because we’re just not looking for it. I’ll show you what I mean. . .
  • A rose is a rose is a rose. . . isn’t it? Do you see anything else here? If you look carefully there’s an image of a dolphin worked into the whorl of the rose.
  • Not only do we not remember what we don’t attend to, but in order to see something we have to look at it directly because we have only a limited number of receptors in our retinas. So what this means is that what we put up on the screen must be identifiable. It must aid our very limited working memory or it’s no good to us.
  • Remember this? What you see is what you get? It referred to the graphical user interface (GUI) that made interacting with a computer screen visually intuitive.
  • What would happen if we flipped it around? Not that way?
  • Not that way either!
  • That’s better! What you get is what you see. . . So whatever we can do to help our audiences really see and understand will make our messages stick.
  • So the first design principle I want to share with you is to simplify.
  • We’re in a visual culture that constantly showers us with images. Cutting through the clutter helps to reduce our attention deficit, raise our interest, and step up our comprehension.
  • One way to create simplicity is through the Signal-to-Noise Ratio (SNR). The goal is to have the highest signal-to-noise ratio possible. The stronger the signal the weaker the noise; the less noise the clearer the signal. Noise is anything that detracts or distorts the signal. So cut the non-essentials from the background.
  • Here’s a chart with all the bells and whistles—full 3-D images, a grid of numbers, shadows, reflections, a fancy piece of work. And confusing. Lots of noise, not much signal. And this is the default option. This is what Tufte is talking about: increasing the clutter without adding to our understanding.
  • We’ve simplified it by using 2-D bars, dropping the grid, highlighting the title and bringing out the numbers. A lot more signal, a lot less noise. . . But there’s still something confusing about this slide. What is it? There’s no discernible order. It doesn’t descend from greater to lesser nor is it alphabetical by country. We try to find a pattern that makes sense and we can’t. And that introduces subtle noise into the slide.
  • Here is more clarity, more signal, less noise. We want to highlight Japan’s low rate of obesity: why not descend from greater to lesser and bring the low rate to our attention by using color and shading to distinguish between the best and the others? High signal, lower noise. . .
  • Finally, if we want to emphasize Japan’s advantage, we can highlight just the number and make that the transition into HOW and WHY Japan has such low obesity rates.
  • Numbers that simply numb. There’s nothing here to draw our attention, everything is of equal value and thus nothing is of value. Edward Tufte says that a table like this has everything we need—but it doesn’t work in a slide presentation. He’s absolutely right! Tables are for examining, comparing, drawing inferences, taking the time we need. Up on a slide we can’t do any of that. So. . . .
  • At the very least we can pop the number we want out of the background. The table becomes a visual backdrop for the number that we’re focusing on.
  • Here’s an even better way. We create a visual that uses contrasts of size, shading, and color.
  • And as we do so we create a story by lifting the essentials out of the clutter, reducing the noise and raising the signal. Our first general principle in action — simplify.
  • Our second general principle is the use of empty space, also called negative space or white space. The urge to fill all the space on a slide with information may be overwhelming—but resist! Empty space in a design is not “nothing.” It’s a “something” that gives your slides elegance and power. Think of it as your conscious canvas for the imagination. The main problem with PowerPoint is that the default templates make it easy to produce death-dealing slides. Don’t use them! Just begin with a blank slide. All we’ve got, after all, are words, numbers, and images. Three elements arranged creatively on a blank canvas.
  • An example of the use of white space and contrast through color. This fact is taken from Harper’s Index, Harpers Magazine. February, 2009, 13.
  • So with two general principles in mind—simplicity and the use of empty space, let’s turn to our last one—contrast.
  • Drawing contrasts is one of the most effective design principles we can use. We notice contrasts even when we miss details or see patterns that aren’t there.
  • These are the major elements in slide composition and design. We’re focusing on contrast today. Contrast simply means difference. And we notice differences, even the smallest ones. Contrast is one of the most powerful design elements because almost anything can be contrasted with something else.
  • So . . . here are some of the ways we can draw contrast in our slides.
  • And another using color, size, and shade.
  • Here’s an example of contrast using size and shade.
  • When you build your next presentation imagine yourself moving from a wide shot of all your ideas. . . .
  • and then in for the closeup as you find your big idea. . .
  • Or you can move from the forest. . .
  • to the tree. . . .
  • to the leaf.
  • This the Big Idea I want you to carry with you today [read]. This is your canvas! What will you paint today? Thank you very much. . .
  • Visual Communication That Works! (PPT)

    1. 1. “ Power corrupts. PowerPoint corrupts absolutely.” Edward Tufte
    2. 2. “ Rather than supplementing a presentation [PowerPoint] has become a substitute for it.” Edward Tufte
    3. 3. REPORT Document Slideument
    4. 4. Informational Factual Hierarchical CONVEYS INFORMATION report
    5. 5. Words Numbers Images
    6. 6. We learn better from words and pictures together than from words or pictures alone.
    7. 7. We are hardwired for understanding images. Garr Reynolds
    8. 8. The image gives rise to thought. Paul Ricoeur
    9. 9. from thought to image. . . .
    10. 10. from idea to story. . .
    11. 11. story Dramatic Emotive Experience
    12. 12. report story presentation
    13. 13. Presentation Simplifies Motivates Engages
    14. 14. What’s your story?
    15. 15. In the hands of an honest and humble mentor a presentation can become a story that changes people and their worlds.
    16. 16. Imagining the story Building your presentation Designing your slides
    17. 17. Visual Communication the message the form the structure
    18. 18. “ The tragedy of the world is that those who are imaginative have but slight experience, and those who are experienced have feeble imaginations. . . . The task of a university is to weld together imagination and experience.” Alfred North Whitehead
    19. 19. “ Education with inert ideas is not only useless. . . . it is harmful .” Alfred North Whitehead
    20. 23. Lasterday
    21. 25. “ Most ideas you can do pretty darn well with a stick in the sand.” Alan Kay
    22. 29. AIDA Attention Interest Desire Action
    23. 30. Apathy Interest Chaos Clarity Passivity Action
    24. 31. Beginning Middle End
    25. 32. Beginning Middle End situation complication resolution
    26. 33. Beginning Middle End situation complication resolution what is what could be the reward
    27. 34. Beginning Middle End situation complication resolution what is what could be the reward gap Call to Adventure Call to Action
    28. 35. ACTION
    29. 36. Them Influence The world
    30. 37. “ More important to culture than social fabric is the necessity of imagination.” James Hillman
    31. 38. Imagining the story Building your presentation Designing your slides
    32. 42. Topical
    33. 44. Sequential
    34. 45. Spatial
    35. 47. Climatic
    36. 48. Problem-solution Compare-contrast Cause-effect Advantage-disadvantage
    37. 49. Imagining the story Building your presentation Designing your slides
    38. 50. Simplicity Empty Space Contrast
    39. 51. Fact #1 We do not attend to everything we see
    40. 52. Fact #2 We see what we expect to see
    41. 54. Fact #3 Our working memory is extremely limited
    42. 55. WYSIWYG
    43. 56. WYSIWYG
    44. 57. WYSIWYG
    45. 58. WYGIWYS
    46. 59. Simplify
    47. 61. High Signal-to-Noise Ratio (SNR) less noise more signal =
    48. 63. 2007 Obesity Rates by Country United States Germany Thailand Japan Australia 52% 41% 21% 15% 33%
    49. 64. 52% 41% 21% 15% 33% 2007 Obesity Rates by Country Japan United States Germany Thailand Australia
    50. 65. Japan 15 % Lowest Obesity Rate, 2007
    51. 67. 52 %
    52. 68. 52 % of new office buildings That’s 85 ‘ see-throughs’ in Washington, DC are empty.
    53. 69. million $100 lost annually. . . in leases/rentals
    54. 70. empty space creates meaning
    55. 71. 49,415 stress-related hospitalizations: Australia, 2001-2002
    56. 72. 94% of Americans won’t buy a car from a bankrupt automaker.
    57. 73. “ It was made by someone capable of believing that an angel might come and sit on it.” Shaker furniture
    58. 74. reboot yourself
    59. 75. Simplicity Empty Space
    60. 76. Contrast
    61. 77. CONTRAST Flow Proximity Arranging the Elements Alignment Hierarchy
    62. 78. Contrast Size Shape Shade Color Proximity
    63. 79. Contrast Size Shape Shade Color Proximity
    64. 80. Contrast Size Shape Shade Color Proximity
    65. 81. Contrast Size Shape Shade Color Proximity
    66. 82. Contrast Size Shape Shade Color Proximity
    67. 83. . . . . is an act of communication . . . . a deep understanding of the person with whom the designer is communicating . Garr Reynolds Design
    68. 84. Design is about humans creating great works that help or improve the lives of other humans. Garr Reynolds
    69. 90. In the hands of an honest and humble mentor a presentation can become a story that changes people and their worlds.
    70. 91. Entelechy Productions (2011)
    71. 92. 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 Without Slides . Berkeley, CA: New Riders. Tufte, Edward (2001). The Visual Display of Quantitative Information. 2 nd 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.
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×