Ken Burns: going inside the photograph
Kermit learns visual thinking

Learning Slide Design From an IKEA Billboard

Can you learn how to make better slides by looking at a few signs around your local IKEA store? This may sound absurd, yet the lessons are all around you, and you can indeed learn a lot from a well-designed billboard, including those created by IKEA. On page 140 of Nancy Duarte's Slide:ology, Nancy says that good slides in many ways are most similar to billboards. That is, the audience should be able to get the meaning in a very short amount of time.

"Presentations are a 'glance media' — more closely related to billboards than other media.... Ask yourself whether your message can be processed effectively within three seconds. The audience should be able to quickly ascertain the meaning before turning their attention back to the presenter."
                                                                        — Nancy Duarte

Billboards & slides: "glance media"
BillboardGood billboards and other signage, must (1) get noticed, (2) be read/understood, (3) be remembered, and (4) we hope an action is taken or one's thinking is influenced. The first three in particular apply to presentation slides as well. I am not suggesting that you literally copy the style of the signs outside an IKEA. But you can incorporate the same principles for your displays used in your live talks that designers use for billboards and other 'glance media.'  Most people could not care less about a billboard or the signs outside an IKEA store, of course. But you're different. So you slow down and you pay attention to "the design of it." You notice the elements such as color, size, shape, line, pattern, texture, emptiness, alignment, proximity, contrast, and so on.

Samples from the local IKEA in Osaka
Yesterday I took these snaps of the signs outside our local IKEA store in Osaka. With the exception of the subject matter/content, how are these signs similar or dissimilar to the visuals you use now for your live talks?

DSCN4938 
 
Boxes  Table

Lamp  Hedda

Malm  Bevara 

Above:
Notice how the images are large and "bleed" off the edges of the frame. Lots of empty space and a clear design priority.
Text can be easily and quickly read from a distance and at a glance.

Cups  Ikea_ppt_cups
Above: The billboard on the left is the actual one at IKEA in Osaka. Then I asked myself the question: What would happen if everyone had the power to create billboards? On the right is the answer, a "death-by-billboard" version of the IKEA sign featuring the same content on the left (with more detail added). So what's wrong with the version on the right? If it were a sign or billboard the passerby would miss all of it (if they noticed it at all). If it were a slide used in a live talk, all that information and clutter in the frame would not only be distracting and hard to read, it would raise the question: Why are you there?  (a question my buddy David S. Rose — "The Pitch Coach" — always asks.)

8 lessons from standing outside an IKEA store
Below are eight things you can takeaway from the billboards shown above and apply to your next presentation project. (The sample slides are from my slide library; click for a larger size.)

Design_section.017(1) Make it visual.
Slides are visual aids, not "text aids," right? Again, it must be noticed (we notice compelling visuals), understood, and remembered (we remember images). We are visual beings. You do not have to use slides, but *if* you do, make them highly visual. And remember brain rule #10: Vision trumps all other senses. (See the book Brain Rules.)

(2) One slide, one point.
Introduction_section.329 IKEA does not try to cram many products into a sign or give a lot of information about that product in a sign, though there is plenty of space to do that if they wanted to. Instead they feature a single item at a large size — it gets noticed, read, and remembered. For presentations, "one slide, one point" is a good general principle to follow. Don't be afraid to tell your visual story over many frames.

(3) Make type big.
Wimp As designer Robin Williams says, "Don't be a wimp!" People are indeed too wimpy when it comes to text on a slide. Have some grapes! The type on the IKEA building, for example, is enormous and the billboards too feature bold type that sticks out. Display type should get attention and get the point across. Big gets noticed and read, and big makes for easy contrast with small, aiding in guiding the viewers eye. Kerning becomes an issue with text at larger sizes because the spacing that worked automatically at 12 point may be unbalanced at a much larger point size, but since you are not using so many words at the larger size, adjusting a few letter pairs here and there (such as WA, etc.) will not be such a big deal. Also, the size of symbols can be adjusted at larger sizes (e.g., $, ¥, &, #, %, etc.). Notice how the "¥" mark on the IKEA signs is reduced in size to fit more harmoniously with the numbers. The monetary symbol can still be seen perfectly fine, but it would be overpowering if the yen mark and numbers were of the same point size; the "¥" would be unnecessarily large. A minor thing, yes, but it all adds up. Display type and body type are different.

(4) Contrast rules!
Egg_contrast Contrast is perhaps the most important principle of all. You can achieve contrast in many ways, size (big/small) space (near/far), and color (light/dark, warm/cool), etc. IKEA achieves great contrast with color by using a vivid warm color which comes at you (yellow) and a cool color for background (dark blue) on the side of their gigantic building. White and black (the greatest color contrast) is also often used in the IKEA billboards. Although I do not recommend the IKEA brand color scheme (unless you work for IKEA or one of the Swedish Olympic teams), IKEA graphics make good use of contrast.

(5) Don't be afraid to bleed.
Chart The product images displayed on IKEA signs bleed off the edge. That is, part of the image does not appear or "fit" in the frame. The frame (billboard or slide, etc.) seems bigger and more engaging when an image is bled over the edge such as those pictured above, as if the entire image is too big to fit. This is a common effect but ignored by many presenters who are careful to keep every element within the slide frame. Bleeding off the edge can make the images seem larger while at the same time leaving more empty space on the canvas, giving more clarity to the overall visual and plenty of breathing room for another element.

(6) Rule of Thirds.
Quote The rule of thirds is a good general principle to follow for arranging elements on your canvas (slide). The IKEA samples above do not follow it rigidly — it is only a general principle — but each billboard has plenty of empty space and clear design priorities. Usually the eye is drawn to the large image first and then the large display text (although personally I think my eye goes to the type first, but I'm oddly attracted to fat and clean sans-serif typefaces). There are many more examples of the rule of thirds applied to slides in the 3rd edition of Presentation Zen (pp.151-152) and in Slide:ology (p.161)

(7) Empty space.
Onepoint The rule of thirds is useful for achieving a more balanced look that utilizes empty space. Others will tell you to fill that empty space for myriad reasons including that "it looks more serious" if every bit of the slide is filled with text, data, and images. Resist the urge to add more. There are no prizes given for making your slides as dense as possible (besides, the competition for that dubious honor is fierce anyway). See this recent Dilbert comic on this issue.

(8) Have a visual theme.

Theme The IKEA signs are all different but they are clearly from the same "brand" and follow a theme, yet there is no decorative template. For slides you do not need to follow a pre-packaged template found in the software, but there does need to be a visual theme. This can be achieved by using the same typeface, the same genre of photography, same background color, and so on. You do not have to use your company logo on every slide, however. If you don't have a visual theme across a slide deck, putting your logo on every slide to "tie 'em together" will not help much and it may just imply that your visual brand is one big mess tied together with the ubiquitous logo. Keep it simple.

Learning from the streets
Yes, slides and billboards are different, but presentation visuals have much more in common with billboards and other signage than they do with documents. As you walk the city streets, begin to pay attention to the ubiquitous signage with a critical eye, asking yourself what works and what doesn't, and why. 

(Note about the Video: The short presentation at top was made in Apple's Keynote and saved as a QT movie at 720p (higher than the resolution on YouTube at the time). The video inside the slides was shot at 480p with in-camera audio, which was the best my Flip camera could do back then. 

Comments

andrew

I haven't got to page 140 yet, but it would appear great minds do think alike. I have been preaching the billboard comparison for a long while now.

Its a shame how easy an idea it is, but hard to get a client to buy into.

Even with my brilliant analogy of creating builds like the old Burma Shave billboards.


Rob

This is simply brilliant.

Thanks, Garr.

Rajan Rishyakaran

Wow, Japan is expensive. I know it's not your point, but those plastic cups cost approx 40¥ in Singapore.

Jim L

Best post ever!

toru

To the "Why are you there?": perhaps because the topic of my presentation is more involved than a couple of colorful cups?

I would like to see your approach to presenting a think like a complex algorithm and its theoretical properties and do it in this cool style.

spencer

I had my first IKEA experience a few days ago. Most of their signage followed the billboard design--simple, quick comprehension, and well done. It was a welcome contrast to the physical space of the crowded, overwhelming store.

Dan Markovitz

This post reminds me of my all-time favorite billboard. It was for the Honda Odyssey, and they wanted to communicate that this minivan had four doors (as opposed to the sliding doors of most minivans).

The ad showed a giant picture of the Odyssey, with the following text above it: "Slam. Slam. Slam. Slam."

Succint. Simple. Able to be read at 70mph.

Susanna Carter

More great examples. My presentations have improved a 1000% since getting your book and reading your blog. What an inspiration!
Thanks Garr

TheCritic101

This is a great informational text on Ikea slide-ology! It really pulled me in to read it. And that's the thing I love about this. The one thing I don't like is the Ad's and it really bugs me because it makes me want to view the Ad's instead of your text but great try and try better next time!

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been saved. Comments are moderated and will not appear until approved by the author. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment

Comments are moderated, and will not appear until the author has approved them.

Your Information

(Name and email address are required. Email address will not be displayed with the comment.)