Image for post
Image for post

Good Slide Design

Danny Smith
Apr 23, 2016 · 7 min read

Producing good slides should not be difficult, yet I regularly see countless examples of terrible slide design and, consequently, terrible presentations.

Part of my job as a course designer is to build powerpoint and keynote slide decks for use in our lessons. I’m going to offer some brief advice in five areas:

  • Planning
  • The basics of slide design
  • Using templates for consistency
  • The Power of the Dark Slide
  • Transitions and animations


Assuming you’ll actually be delivering a presentation, remember that your slides are not your presentation. Your presentation is your presentation. That means that what you say, how you say it and your body language are all far more important than what’s on your slides. In my experience, the biggest mistake people make is to see their slides as the end product. Some of the best lessons and keynotes I’ve experienced have been delivered without any slides at all.

You also need to understand your audience. There’s a big difference between a keynote presentation to 300 members of the public and a technical lesson delivered to a room of five experts.

As this article from TED explains, developing your slides should be the last thing you do. First, think about your message. Write out the key points you want to make, and how they should flow. Scribble notes on bits of paper. Practice talking to the mirror. Reshuffle the parts of your talk until it follows a sensible narrative. Write notes. Rinse/repeat.

Now think about the parts where a visual aid would help you make your point. Maybe you need a diagram to explain a concept. Maybe you need to show an image, or some example code. Maybe you think a quote would have more impact if the audience read it instead of hearing you recite it. These visual aids should be the starting point for your slides — they may be all that’s required.

The Basics

  • No more than seven words per line.
  • Nothing smaller than a 36pt typeface.
  • No bullet points.
Image for post
Image for post

This sound advice.

Needless to say, the basic principles of visual design also matter here. Choose good typefaces, pick a small but coherent colour palette. Use plenty of whitespace. Align things properly. Use contrasting colours. Avoid clipart.

Note: A while back there was a fad for using Comic Sans on instructional slides, thanks to the the supposedly positive effect on dyslexic students. There might be a marginal benefit for dyslexic learners (about 10% of the population), but there is a significant negative effect for everyone else. There’s also evidence that the whole thing is a load of rubbish. You can best serve dyslexic learners by reducing the amount of text on your slides. So don’t use Comic Sans (unless you’re designing a comic).

Russell also suggests that we put some real thought into what we write on the slides, and makes what should be an obvious point: the slides are not there to deliver information. That’s your job.

When someone’s reading a report they’re managing their own attention … You’ll be doing a presentation — so you’ll be managing everyone’s attention with, effectively, a series of posters.

So that people know what’s coming, Russell suggests using a contents slide, and periodically showing it to remind the audience where we’re at in the presentation…

Image for post
Image for post

Finally, Russell suggests we use imagery to illustrate, rather than decorate our slides.

If you’re talking about budgets you don’t need a picture of some money. If you’re talking about having ideas you don’t need pictures of lightbulbs. If you’re talking about teamwork you don’t need a picture of some brightly coloured people holding a piece of jigsaw. If you’re typing an abstract noun into Image Search you’ve already lost.

Again: all very sound advice.

Using Templates for Consistency

Image for post
Image for post
One of the templates we use at Sparta Global.

Designing Lessons

  • It’s fine to decorate your slides, so long as the decoration helps to anchor some concept or idea.
  • It’s fine to use more than seven words per line, and a slightly smaller font. Chances are your class is sitting a lot closer to the screen than a keynote audience.
  • Occasionally, it’s fine to use bullet points (though they are horrendously overused in most training presentations).

If you’re wondering what I mean by anchoring, let me introduce a couple of friends:

Image for post
Image for post
A UX Designer and a Programme Manager

I drew these for a particular lesson on team roles, but they now appear in a bunch of other lessons. They act as visual anchors, reminding students that we’re discussing UX or Project Management, respectively.

Our templates also reserve slides with blue backgrounds for exercises and homework. When my students see a blue slide, they know they’ll probably have to note down some action points.

The Power of the Dark Slide

Image for post
Image for post
The Dark Slide

I mentioned earlier that some of the best presentations and lessons I’ve seen were delivered without any slides at all. While I’m sure most presenters and teachers know they don’t have to use slides, a lot of people seem to think it’s an all-or-nothing thing.

Well I’m using a powerpoint now, so I need something appropriate to put up while I talk about this stuff — Everyone (or so it seems).

If the stuff you’re showing on the wall doesn’t actually add value to your presentation, put a plain black slide up instead. On a projector, this will appear to the audience like it’s switched off. Doing this has quite a strong effect: everyone will immediately look at you, and the context switch from screen to no-screen can help to refocus any wandering minds.

The good thing about using an actual blank slide rather than hitting the b key is that you can still use the presenter notes.

Image for post
Image for post
Example of an exercise that uses a blank slide alongside presenter notes.

Transitions and Animations are bad, right?

That said, animation can be used to help confer meaning. In the example below, I’ve used a cube transition to move from the main flow of the lesson into an aside, which I’ve also highlighted using a different colour background. We use the opposite transition to move back to the main flow of the lesson. While this doesn’t add much to the lesson, I think the subtle visual cue outweighs the potential for distraction.

Example 1 — Slide Transitions

In a similar vein, animations can often be useful when explaining concepts. Although this was built for video instruction, all bar the arrow and question animation are just as relevant in the classroom, and can help students understand what’s going on in a more visual way:

Example 2 — Animations

If you build slide decks at work, hopefully these notes have sparked a few ideas about how you might improve them in the future. If you enjoyed reading, please recommend on medium 😀.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store