Build Internet has a brand new theme, and that's only the beginning. Read the full story or hide this bar

A Design Philosophy for Effective Presentations

A Design Philosophy for Effective Presentations

You may be asking yourself why a blog focused on web design and development is suddenly giving tips for presentations. Breathe easy, this isn’t going to be an introduction to PowerPoint. It will, however, be an introduction to ways of putting together compelling presentations to supplement your proposals, projects, etc.

Web designers need presentation skills. The good news? You’ve already got a fantastic foundation simply by having the design taste for web color schemes.

The Big Three

Slide based presentations are made up of three separate (but equally important) pieces. Neglect any one of these three, and you’re starting with a severe handicap.

  1. The Presenter
  2. The Audience
  3. The Slides

Let’s start with the people aspect of things:

Don’t be Unnecessary

There is a difference between presenting and reading. Are you interested in narrating the presentation, or contributing?

If you walked away from your presentation and the audience just read the slides, would they get the same thing out of it? This isn’t an exercise in narrating for the audience. If your only purpose is reading the text on slides, it’s not a very good presentation to begin with. Do something your audience can’t.

Why are you the best one to give this presentation? Do you have experience, skills, or related anecdotal stories? Share them without making a slide. It’s not diluting the subject — it’s added value.

Listen Up!

Present in the Language of People

Don’t write off common sense. In my experience, people tend to get much more out of a presentation they have become interested in. Keeping it dry and boring may feel productive on surface level, but there is often a difference between professionalism and effectiveness.

Be human. Speaking in the language of people is not always dangerously casual. Speaking for humans is making sure that the content is genuinely understood. Sometimes it’s a real world metaphor and not an industry buzzword that get the point across.

Now that we’ve got the people aspect covered, we’ll take a look at the visual component of presentation slides.

Be Visual

You’re a web designer. You’re live for putting together websites and information in ways that make people go “wow!” Why should your presentations be any different? Start with the fundamentals, and you’ll have a killer presentation with aesthetic appeal to boot.

Unified Color Scheme

First and foremost, pick a color scheme. Even if you don’t trust your own design eye, there are plenty of places on the internet to help you out.

If you’re in need of some inspiration, head on over to ColourLovers’ top palettes for a guaranteed good starting point.

ColourLovers Palettes

Images When Appropriate

Google Images is not a backbone to any presentation. The interesting thing is that when I say to be visual, this does not mean overloading with images. It’s not the same kind of visual, but it’s simple all the same. Consistency has a surprisingly positive outcome to the overall appearance. You don’t need to gratuitously place images which seem to relate to the current topic.

Solid Typography

Times New Roman is the font choice of the cubicle warrior looking to show the quarterly financial report. Some typefaces give everything a much better look simply by being present. Go for something neat, clean, and good for layouts. The nice part? You don’t have to worry about web safe fonts or SIFR to use your favorite one.

It’s a Conversation Piece

Discuss this chart

Here’s a chart to start the analysis. A presentation is not an opportunity to turn a textbook into slides. It is an opportunity to break it apart into tiny bit size pieces. Add as much value as you can without getting overwhelming.

High Slide Count Isn’t Bad

Having a large presentation isn’t necessarily a bad thing, especially if slides are quick title cards or other visual aids like the ones highlighted above. There are no rules for minimum time that a slide must be displayed, and using title cards can be a great way of breaking apart a presentation for only a few seconds at a time.

Think of Speed Reading

If you’re familiar with any online speed reading tools, you’re aware of the basic concept they operate on. Speed readers take blocks of text and break it down into single words at a time. Give one a try now to get a visual before continuing.

Get the picture? This is a great concept to apply to your next presentation. Split up related information over a span of slides. Take the following examples for instance:

Two Methods of Presentation

Use this method to highlight the stuff that matters. While method A may be good for getting through certain secondary information, method B will give individual attention for important pieces. With this philosophy of presentations, you enable for larger amounts of information to be shared without overwhelming the audience with large blocks of text. It’s easier to care about one thing at a time.

Examples of Great Presentations

Now that we’ve spoken about the fundamentals to a design oriented presentation, take a look at some of these examples for more inspiration:

You’ll notice that in the presentations linked above, the presenter is absolutely key to the success of the message.

You’re Next

What works for you? Share a presentation you’re particularly proud of with us in the comments via Google Documents if possible. To get things started, here’s a presentation I did several months ago on the history and background of modern blogs that fits this philosophy of presenting well enough.

Wordpress.com stats not installed! Posted Wednesday, August 5th, 2009 / Back to Top

I this post. Tweet
SPONSOR

22 Comments 1 Mentions

  1. Stefan Author Editor

    Great post. I think presentation is sometimes even more important than the talk itself. If you just show up with simple Power Point-presentation in black and white, or worse (orange/pink/etc) you will probably be bored if the speaker isn’t a terrific speaker.
    .-= Stefan´s last blog ..Monthly Roundup – July 2009 =-.

    August 5, 2009 · Reply

  2. cooper Author Editor

    Cool post, thanks for that!

    Question though, what font is being used in your presentation on blogs?

    August 5, 2009 · Reply

  3. libeco Author Editor

    I always wonder why Steve Jobs is regarded as such a good presenter. I’ve not seen that much presentations from him, but the ones I saw went something like this:
    Jobs: “Now we have something new” Fanboys: “Yeaaaaah!!!” Jobs: “It’s even smaller!” Fanboys: “Yeaaaah!!!” Jobs: “It is better!” Fanboys: “Yeaaah!!!”

    I’m sure you get the point. Perhaps he made some good presentations before Apple became fanboy territory, but it seems like it doesn’t matter what he says, the crowd will love him anyway.

    Here’s a parody of him, I believe from SNL: http://www.youtube.com/watch?v=HOne9p-1btk
    .-= libeco´s last blog ..A swan and a peacock =-.

    August 5, 2009 · Reply

  4. Brendan O’Neil Author Editor

    I agree with the TED talks (self professed addict). I would add any of the O’Reilly IGNITE talks to the list, here is one given by Tim Ferriss : (http://www.fourhourworkweek.com/blog/2009/06/10/the-practicality-of-pessimism-stoicism-as-a-productivity-system/)
    .-= Brendan O’Neil´s last blog ..Clearleft =-.

    August 6, 2009 · Reply

  5. Anaska Author Editor

    “Times New Roman is the font choice of the cubicle warrior looking to show the quarterly financial report.” True. Very true. I have seen many PowerPoint slides using this font.

    Following are a few points that worked for me:
    1. I highlight the main point in a slide. Because I want people to pay attention to it.
    2. I am a follower of ‘Method A’ suggested by you! Because I usually supply the PDF version to the attendees and I don’t want them to flip through a 100 slides with big font sizes. To ‘zip’ it, I state many points in a slide and I may not explain all of them in detail while presenting. Those are for serious readers.
    3. I like to give the source of points discussed in a slide as a footer in the same slide (References).
    4. The concluding slide will contain links for further study.
    5. I try to give a ‘not-so-serious’ title to individual slides. Works better.
    E.x. “What? you have nothing?” instead of “Projects in Portfolio.”

    In this March, I did a presentation on ‘Creating a Portfolio’ to my fellow students. The PDF version of the presentation is available in this page:
    http://fullfx.antzfx.com/2009/03/31/tutorial_portfolio_design/
    .-= Anaska´s last blog ..“Tell me, what was your first… =-.

    August 6, 2009 · Reply

  6. Devlin Author Editor

    Great post. I love the TED videos! Some other good resources are the book and the blog Presentation Zen by Garr Reynolds: http://www.presentationzen.com
    Also check out Seth Godin he has good tips on presentations and is a marketing guru: ethgodin.typepad.com/
    .-= Devlin´s last blog ..Free blank thumbnails for book design. =-.

    August 7, 2009 · Reply

  7. Aaron Hokanson Author Editor

    Very good article, and one from which many people could benefit. I find most presentations very dull and tedious due to the criticisms above, but I think most of the problem is that the presenters don’t really know or care about their topic to talk about it freely and passionately.

    They are given notice by their employer that they have to give a presentation and then stress out about putting it together for weeks. With only a day or two to go they suddenly realize they actually need to get it done and what do they turn to? PowerPoint!!! The worst presentation software in the history of the world.

    The presentation design is rushed, the presenter is nervous, the audience doesn’t want to be there and the whole thing is a waste of time.

    I have given good presentations and bad ones, and the good ones have always been about things I know a lot about and wish to share. It is difficult to keep the presentation short and to the point sometimes!

    August 9, 2009 · Reply

  8. Zach Dunn Author Editor

    @Devlin

    Thanks for the link! I’ve bookmarked it for later, but it looks incredibly useful.

    August 16, 2009 · Reply

  9. JD Ross Author Editor

    I still love this article and the design of the slides you used for your project at school. Especially students: look at how images and typography are combined in Zach’s slides. Good stuff

    January 3, 2010 · Reply

  10. Technology Innovations Author Editor

    I supposed that you will certainly receive many free traffics from others promoting your atcile in the process.

    April 19, 2010 · Reply

  11. nail care Author Editor

    Thanks very much, that is what I have found, I like that.

    May 11, 2010 · Reply

  12. Cael Author Editor

    Great read! Looking forward to the next one!

    May 14, 2010 · Reply

  13. Koasd Author Editor

    Sorry that I found too late … :(

    May 19, 2010 · Reply

  14. Anonymous Author Editor

    Yeah, I aggre to this. Very good post. Go on…

    May 20, 2010 · Reply

  15. Andrew Author Editor

    finally found

    May 24, 2010 · Reply

  16. Nina_Tool Author Editor

    Nice and very interesting post. Tanks.

    May 30, 2010 · Reply

  17. biobritesunrisealarmclock Author Editor

    Indeed! Very Nice Article

    August 29, 2010 · Reply

  18. free images hosting Author Editor

    Upload your images/photos to our free image hosting servers and share them with your friends, family,and collegues.

    August 31, 2010 · Reply

  19. sdf Author Editor

    Nice and very interesting post.

    September 6, 2010 · Reply

  20. Adam Mason Author Editor

    Awesome post! I’m definitly going to share this on my Twitter :)

    September 19, 2010 · Reply

  21. Anna Tosken Author Editor

    Great Job, I like tutorials online from megavideo

    September 21, 2010 · Reply

  22. Bticino Author Editor

    interesting post, thanks, with the multitude of blogs lately, i like the amount of good info we are able to find

    October 6, 2010 · Reply

 

Join the Conversation

Back to Top / Comment RSS

2011 Build Internet. Created by One Mighty Roar. Icons by Komodo Media. Back to Top