43 Folders

43 Folders feed subscription icon - Shiny! Drowning in email? Try Inbox Zero to learn sane tips for dealing with high-volume email. And don’t miss the free Inbox Zero video. »

Login or register

Register for free on 43 Folders to comment on articles, post to our forum, customize your visits, and much more. Current users can login now.

Grids, The Rule of Thirds, and Rethinking Slide Presentations

'Presentation Zen' by Garr Reynolds

Presentation Zen
by Garr Reynolds

I received my contributor copy of Garr Reynolds’s Presentation Zen book last week and proceeded to devour it over the weekend. A fuller review is coming to this space soon, because this is the book about presentations that’s needed to be written for years, and it’s just fantastic. Best of all it’s not another recipe book about “how to make slides” — this is about re-imagining how your entire presentation will work together as a persuasive and integrated show, from conception through delivery. Awesome.

Anyhow, with my inaugural Macworld talk looming on the horizon (T-minus 16 days, thanks), I’ve been inspired by Garr’s book (and the top-notch site on which it’s based) to, among other things, try revamping the approach to how slides fit in to my overall show. As I said on the Twitter, that starts with shit-canning the PowerPoint-y Keynote templates I’ve previously torn up and pasted together for stuff like Inbox Zero (here’s the slides for that one, which Garr was kind enough to feature in his book).

But, now, rather than strictly trying to reinvent the wheel, I have a quest. A quest for a crazy-simple, design-centric Keynote template that’s more about composition than gradients and 3-D bullet points. Ever heard of The Rule of Thirds?

Yeah, you probably have. Like the wikipedia article says:

The rule of thirds is a compositional rule of thumb in photography and other visual arts such as painting. The rule states that an image can be divided into nine equal parts by two equally-spaced horizontal lines and two equally-spaced vertical lines. The four points formed by the intersections of these lines can be used to align features in the photograph.

Here’s a good example off that wikip page. (image by Moondigger [CC-By-SA-2.5])

And the one-third grid works. So much so that in apps like iPhoto ‘08, the Crop tool automagically adds a Rule of Thirds overlay grid to help you improve the composition of your cropped image. Go ahead, try it.

The Rule of Thirds (and the related Golden Ratio) have come up on Garr’s site before, and on page 151 of his book, he talks about how a grid like this can provide a level of light constraint that makes your layout easier and more harmonious:

Using grids to divide your slide “canvas” into thirds, for example, is an easier way to approach golden-mean proportions, and you can use the grids to align the elements that give the overall design balance, a clear flow and point of focus, and a natural overall cohesiveness and aesthetic quality that is not accidental but is by design.

And, how. So, I want this for Keynote.

I’ve begun lightly noodling with a new set of Masters that’s built around a Rule of Thirds grid (trashing the whole Center MacCentercenter approach), but before I get ahead of myself, I figure why not cast my line towards the more gifted waters of the LazyWeb first…

The Question to You

Have you tried using grids like the Rule of Thirds in your own slide decks? Got a favorite layout or inspiring grid structure that works well for a slide’s aspect ratio? Got great advice on getting out of the stock slide template look? Links to graphical examples welcomed. Winning high-five goes to folks who are willing to share the actual Keynote template they’ve used.


20 Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
leosmith's picture

My Favorite Template

I enjoy your blog, which I actually found through Garr Reynolds's blog. I have gone through a number of Keynote templates through the years, including designing my own. After all was said and done, I have pretty much completely moved over to the "Bevel" theme over at:

http://www.keynotethemepark.com/content/pages/set8.html

There are many beautiful themes over at this site (some more distracting than others), but I find that the masters in this theme are the perfect mix, with single images as backgrounds, to combine simplicity and aesthetics.

bmccaff's picture

I'd love to break free from presentation templates, but...

When I give presentations to seniors in my organization, I often have to use an official template for the briefing. These are usually “quad charts” that are slides divided into four quadrants that usually contain what my purpose is, what the schedule and costs are and so on. They’re miserable information conveyance devices, they have very small text (a poor choice for an audience of people that are all 40+) and constrain the briefer’s delivery.

The stated purpose of these quad charts is to present information quickly and concisely both during the briefing and for those that see the slides later.

I’d love to go free-form, but…

thannclark's picture

Rule of Thirds...?

As a photographer, I have a love/hate relationship with the rule of thirds, it's not a rule, it's more of a guideline. It should always be presented as "sometimes an image is more interesting when the main subject is placed on one of the grid lines"

In your example, also notice that the photographer is using another compositional "rule" or concept, that is a ratio of 2/3rds sky to 1/3 earth (water in this shot). This gives the sky a nice open feel, with the earth not weighing down the composition too much. Imagine what the image would look like if the tree were positioned in the upper left corner. It would still follow the rule of thirds, but it wouldn't be as strong.

One of the best explanations of when to use and not use the "rule of thirds" comes from an excellent book,"Universal Principles of Design" by
Lidwell, Holden, and Butler where they suggest not to use the rule of thirds when there is a "...strong Primary element that is reinforced by the surrounding space"

Since I believe that presentation slides are read and scanned more like magazine ads with a mixture of text and images, and less like straight photographs I would be more likely to apply the rules of graphic design, and less likely to use the rules of photographic composition.

After all as I photographer I make an assumption that any viewer will be able to see my entire photograph, so I can compose freely. When I construct presentations, I have to assume that the lower portion of my slide may be obstructed in some way. Either the screen is too low for the audience, or someone's head or hat may block part of the slide. In this case I may lose impact if I put valuable information in the lower part of my slide.

I highly recommend the book "Type & Layout: Are you communicating or just making pretty shapes?" For a scientific look on how to create with words and images in ways that get your message across.

In general I don't think the "rule of thirds" is a good concept to use when designing slides, unless you are talking about placing a photo on the upper right intersection of the grid. It would depend on what the goal of any slide is. There may be many examples where it is a good idea. I am guessing we shall see.

Merlin Mann's picture

Thanks for the comment —

Thanks for the comment — great resource.

Personally, I found the “Rule of Threes” examples Garr used in his book persuasive. You can see similar slides in the links to his site above if you’re curious whether it works.

What I’m ultimately looking for is a grid that is very flexible and simple. And it strikes me that, short of two centered, perpendicular lines, you couldn’t have a simpler or more flexible grid than applying the Rule of Threes.

What I probably should have said in the post is that, IMO, most PowerPoint-style templates presume that the speaker is mostly interested in a) turning an outline into a slide show that b) will not require any manual changes or hand-formatting and that c) has lots of cool (as opposed to warm) colors and things that make the slide look a little 3-dimensional.

Just seems to me that while there are countless grids out there for print and even the web, there haven’t been many jumping off points for slides — especially grid-informed templates where typographical composition and flexible layout are given more attention than making something purple and orange with dingbatty bullets. :-)

Scott_Skibell's picture

Example

I do like the rule of thirds and would like to see it incorporated into Keynote too. I tried to incorporate them myself in this presentation.

I took the concepts from both Presentation Zen & Beyond Bullet Points and created a presentation that I’ll be giving Thursday. Here is a link to the 32 seconds showing the slides on YouTube: http://www.youtube.com/watch?v=V6aj8X1N1qg

I personally struggled with the BBP concept. I like the whole story idea but can’t get past some of the formatting. My Presentation Zen book is on it’s way from Amazon though and I’m looking forward to learning more.

Scott

rtlbs's picture

"rule of 1/3" = focus on the *space*

There is a tendency (perhaps culturally weighted) for camera lenses to get dumbly pointed at “things” (inc. horizons).

Images are more interesting if they focus on the space.

The “rule of 1/3rds” really just means, shift the lens a bit, and look at the space.

Rather than obediently calibrating everything to formulaic compliance with 0.3333 in all directions, it may be better to simply focus on the space, and frame it in the way that seems to work best.

Berko's picture

Maybe I’m missing

Maybe I’m missing something, but aren’t most of the picture-and-bullets masters in Keynote using rule of thirds composition? If so, you might be able to use those as a jumping off point.

johnfitzgerald's picture

I’d support thannclark’s

I’d support thannclark’s view to an extent- as another photographer/designer, I think the ‘Rule of Thirds’ can feel too much of a constraint at times.

However, I can also see that a powerpoint pres will need a very bold grid, and one that’s easy to work with. So I wouldn’t get too bothered by criticisms of the rule of thirds in your case. Especially since most screens are 3:2 aspect- ideal for the rule of thirds.

Finally, your previous slides weren’t that bad- I liked the use of a single ‘iconic’ image- much more memorable than lots of clutter and detail.

Go well

fonnesbeck's picture

Presentations and the Golden Ratio in OmniGraffle

In an effort to create more effective presentations, I have abandoned the Powerpoint/Keynote environment altogether and started using OmniGraffle for creating slides. Most of my presentations are geared toward presenting rather complex scientific principles to rather non-technical audiences, so a move away from bullet points and text-laden presentations was critical. I find that using Omnigraffle, while it lacks some of the niceties like timers and presenter notes, pushes me to create slides from scratch, based on the particular information that I am trying to communicate, rather than forcing my ideas into pre-defined templates. I make heavy use of the drawing and flow chart tools within OG, which are far better than those in Keynote.

I too was impressed by Garr’s golden ratio principle, and implemented a 3x3 layer within OG that I simply turn off when it is time to present. I use it regularly, and find that it improves the consistency of the presentation.

Merlin Mann's picture

Great idea! Thinking I’ll

Great idea! Thinking I’ll use OG to make guides, and then trace it in Keynote.

Dokes's picture

Template, Thirds and You

I have been reading Garr’s blog for a year or so. Between his comments and Steve Job’s “keynote” presentations I have learned much. I would like to suggest the following site for templates that command simplicity. With the simplicity they still require you to thoughtfully compose. Excellent for pictures.

Go to: http://keynotepro.com/index.html

Sorry… Keynote only… Stopped using powerpoint a long time ago.

sidsavara's picture

Picture flickering

Hi,

I know it’s neat to show image overlays like you have done for the grid in your post, but it made it a little distracting to read.

I read somewhere that compared to other animals, the human eye is not capable of panning and scanning smoothly - if we try to look over a panorama for example, our focus jumps between points of interest, and we are drawn to things that catch our attention or movement.

So, I ad blocked the cool little gif because I was having trouble reading the paragraph above and below it, since my attention was constantly drawn to the flickering image.

I know it’s not your image and it illustrates what was being discussed, but I just wanted to mention that, and I would have preferred using two side by side images or something to illustrate the point instead =)

Especially since this is a post about presentation

sean's picture

my issue

I teach college students and one of my goals with my slides is to provide my students with my content ahead of time. Many will bring a laptop to class with the notes and a few will print them out (I discourage paper in my classes, fwiw — I provide the slide content to students as an RTF as well). But my hope is that my audience can be engaged with me as we have a dialog — obviously, I monopolize these particular sessions because I have content to teach, but I would rather have my students paying attention and asking questions rather than expending energy taking notes (calling it a dialog encourages discussion whereas “lecture” certainly doesn’t). Obviously, they may have to take some additional notes, but I want my content on the slides to replace traditional notes that students take. I see this as part of a universal design in learning/teaching. I always hated trying to write down everything I saw on an overhead projector slide and then realizing that what I copied didn’t give me the gist of that part of the lecture. Many students are poor note-takers, so I remove this obstacle by giving everyone the notes.

So, the point I am trying to make is that many of the examples of slides I am seeing in this blog post and some of the comments is heavily based on design, yet I wonder how these slides are effective to the audience once the presentation is over. Or, is the presentation seen as a stand alone-type event that has no follow up? Maybe I should give my notes in RTF that are more comprehensive and then have well designed slides using the design principles and little content and just use the slides for the actual class discussion??? Hmmm.

bmccaff's picture

Good approach, but don't prohibit paper in the classroom...

Many students are poor note-takers, so I remove this obstacle by giving everyone the notes.

I like your approach to notes, that is giving your students the notes so that they can listen to you instead of mechanically copying all the bullet points. I remember from my college days a student asking, then demanding that a lecturer wait for her to catch up on her notes. The lecturer said that it’s not important that she copy every word, but to listen. She shot back that if she’s being tested, she must be allowed to transcribe everything.

My employer often distributes “class materials” that are nothing more than printouts of Powerpoint slides. The slides are usually so sparse that the printouts are a complete waste of paper.

I can imagine that if I were in your class I would make many margin notes on your read-ahead materials, things like what’s important, what I need to research or ask you about later and so on. You discourage paper but you’re denying your students the affordances of paper. Paper allows for quick margin notes, diagrams and pictures. Requiring only laptops takes the diagrams and pictures out of the equation and even notes are hard to enter on the fly when trying to listen to a speaker.

EDITS: I edited the subject after I posted the comment.

Erin Wade's picture

Recently Moved to Keynote

From Powerpoint, and it’s clear to me after looking through this that I still have much to learn in terms of developing my Presentation-Fu.

I want to second the previous comment, however, about not getting lost in adding too much stuff. In looking through your previous slides Merlin, I very much appreciated the minimalist approach. I could very much picture from seeing and listening to you in other forums the way that the slide would essentially serve to provide a context for the verbal presentation.

What you are describing might serve to make those pictures prettier, but it’s the simplicity of the old slides that make me question my personal (“listier”) approach.

Joe's picture

You shouldn't (or can't?) template art

As a photographer who dabbles in layout also, I could say a lot, I suppose, about the applicability of the rule of thirds to design. But others already have, and made good points.

My $0.02 falls into the camp of not constraining presentations. When I design sets of slides for seminars I give, I don’t stick to a template. Maybe it depends on what the content of your slides is - in genetics (academia - my “true” profession), the content varies a lot, and so do my slides. I racked my brain over whether any of my slides follow any sort of predictable pattern that would lend itself to being templated, and the answer was a resounding “no”. I design each slide to be visually pleasing (with layout and amount and location of white space dependent on the content of the slide). In this sense, each slide is unique - each is a piece of art. Sure, some things stay the same - font, size, color, background; my belief is that there is no a priori reason to demand that the layout of objects on the slide be consistent.

Do I think this thread is misguided? Not at all - I think it is a great question to tackle, and I look forward to mulling over more of your opinions. Perhaps I’ll sign off by adding a fresh spin to the question: if you believe that white space is vital in good design (and I hope you do), how do you template white space into a slide?

swilcox's picture

Great thread

I really appreciate this blog about Garr’s new book (I’ve ordered it from Amazon) and all the amazing advice in the posts.

I’ve been rethinking my own presentation style lately. I’m in academia, so I need to present content-rich lectures, sometimes fairly long (keynote/plenary speeches to large audiences). My content rarely uses graphs or tables, but it does use lots of images and QuickTime movies. I find that most templates are not well designed for presenting movies.

One of the most difficult problems I face (and I recognize this is a personal issue) is designing a presentation that will both serve me and my audience. That is, I think I’ve been designing presentations that serve me more than my audience — they give me a ‘teleprompter’ script to follow, but this doesn’t serve the audience well. So one of my goals is to figure out how to resolve this. I need to design slides that are audience-oriented (simple, lots of white space, complement what I’m saying rather than repeat what I’m saying). But I still need my “teleprompter.” I don’t like reading directly from notes, but my presentations are complex enough that I can’t seem to memorize my spoken content. Any suggestions?

I agree with folks who point to Jobs’ keynote presentations (surely someone is designing this stuff for him), or for that matter, I think we could learn from Al Gore’s presentation style too (again, I’m sure he has pros designing his slides for him).

I once saw a colleague, an academic who presented on what could easily be an incredibly boring (and presentation-hostile) subject. He used HyperCard (remember that?) as his presentation tool. I can’t begin to describe how he did it, but his HyperCard stack was the PERFECT complement to his speech. Sometimes it used a simple image, sometimes text, and sometimes an animation that managed to demonstrate what he was talking about while also captivating the audience with its own creativity. But most of all, it was simple design.

Aisyah's picture

One idea per slide

This is my 2 cents. I can understand swilcox’s predicaments when it comes to designing slides for complex technical presentations.

I teach aromatic chemistry to undergrads, and I find that one of the Presentation Zen techniques, i.e. one idea per slide, works quite well. Yes, it’ll take a lot of your time to think through the whole thing and to arrive at the essence of a complex technical data. The great thing is that it is highly satisfying to see your thoughts crystallising in front of you (as slides). Most of the time I would express these simple thoughts in the forms of images. So one image per slide labelled with 1-2 short sentences. They serve as prompters for me, instead of rows and rows of bulleted technical data. My students are more attentive than ever since they’ve got to listen to me more than simply copy words off the screen.

I do bring in my notebook (where I did most of my scribbles during the design of presentations) - just in case. However, the last thing I’d to do for my lectures is memorising my speech.

jth's picture

The latter.

Sorry, but while going through college, I did not enjoy watching presentations like what I’m assuming yours may looks like. Yes, they were okay for notes review, but if I’m provided the complete content of your presentation, then why am I in the class?

I’d guess your next thought is: “well, it’s not all in the presentation, of course”. Which begs the question then, why so much, if I have to pay attention and take notes anyway?

I think the thought you arrived at near the end of your post is in the right direction. If your presentations are entertaining and interesting to watch, and you provide written notes after the class is over, you not only have your student’s attention during the class, but they’re also taking some high level notes. These are then augmented by the notes you provide.

Students have a reason to come to class while you’re doing all you are reasonably expected to (and then some). As another bonus, the students who learn better by listening and taking notes themselves will get that additional synthesis, which they may not be getting now because they’ve got notes in front of them.

Please, for your students sake, play with this concept. I wish 95% of my professors had.

(For those wondering about a “teleprompter”…have you not found the keynote “presentation” mode? If so, do none of your slides have notes associated? Those get displayed below your current slide in presentation mode!)

bmccaff's picture

Read-ahead notes don't discourage me from going to class

if I’m provided the complete content of your presentation, then why am I in the class?

I could never gain much from others’ notes or outlines if I hadn’t attended that lecture. I would use those read-ahead notes as a skeleton for my own notes that I’d take during class.

For example, if the read-ahead notes had an outline of the lecture, I’d make all sorts of underlines, circles and margin notes indicating what the lecturer spent time on, what I didn’t understand and what seemed most important. None of those things would come from a bare set of notes I got before or after class.

 
EXPLORE 43Folders THE GOOD STUFF

An Oblique Strategy:
Discard an axiom


STAY IN THE LOOP:

Subscribe with Google Reader

Subscribe on Netvibes

Add to Technorati Favorites

Subscribe on Pageflakes

Add RSS feed

The Podcast Feed

Inbox Zero

The original 43 Folders series looking at the skills, tools, and attitude needed to empty your email inbox — and then keep it that way. Don’t miss the free video of Merlin’s Inbox Zero presentation.

Get Started with ‘GTD’

David Allen’s popular productivity book and the system on which it’s based help turn ‘stuff’ into actions that support valuable outcomes.