Presentation design blog Idea Transplant: January 2009

How to build a presenter's confidence to depart from "overhead slide" presentations

Every day, I am working hard to convince my clients to switch to a presentation format that no longer resembles the hand-written overhead slides we used in the early 90s: lots, and lots, and lots of slides, pushed forward by remote control, big pictures, big fonts. The slides become the background animation of a speaker's performance. The best way to do it is by using an internal meeting, a low-risk setting to try it out. The annual company gathering, the annual sales rep conference, these are all great occasions. In these presentations I will use humor, images, and concepts that would never make it to an external presentation, but once the presenter has gone through the experience she is usually "sold". The way back to dense boring slides is closed. Subsequent external presentations will be more "serious", but never boring. One more member of the tribe.

Great book "Tasteful Color Combinations" - not even available on Amazon

Found hidden away on a shelf in the book shop of the Tel Aviv Museum: "Tasteful Color Combinations" by Naomi Kuno. It is not even available on Amazon, that's why I have trouble finding a good web link to it.

The book contains 455 color schemes (with detailed RGB and CMYK codes), organized in 14 chapters each with a different mood. ("Nostalgic and melanchology", "humanistic and natural" to name two). The first edition was published in Japan in 2004, and the English translation is not always perfect, adding to the charm of the book.

Some examples of colors schemes available (exact quotations from the book):

241, Formal Kimono: the color of a patterned formal kimono for a married woman
255, Homely: the cozy warm color of home where a cheerful laugh is always heard
359, Glory and fame: glory and fame never fades away when quality is accompanied. The blue is for glory and the red and gold are for fame.
370, Rococo -1: the elegant rococo period colors of Fragonard's paintings and dresses
111, Ryugu castle: the color of a town of Ryugu castle in a deep sea, where princess Otohime and beautiful fish are said to inhabit, in a legend story of Japanese fantasy.

The colors of 111 below as an example:

I have used this book a number of times as a source of inspiration for finding color schemes for seed-level technology startups that need help developing their very first fund raising presentation. (Other techinques to find a good color scheme can be found here).

Here are the full details of the book in case you would like to try to order it:

Tasteful Color Combinations by Naome Kuno and FORMS Inc. / Color Intelligence Institute Published by Page One Publishing Private Limited, Singapore ISBN 978-981-245-228-3

Getting rid of image tags in PDF files

PDF is the preferred format for emailing out presentations:

Small file size
Clean presentation without the risk of an accidental edit

PDF conversions sometimes transfer the full file path and file name of an image in your presentation into a PDF image tag (see example below). Not very pretty.

To get rid of these image tags: Open the PDF file in Adobe Acrobat. [In version 8]: go to view, navigation panels, tags, click options, uncheck "Document is tagged PDF", re-save the file and they're gone.

Less is more: cut, cut, and cut words

Fewer words is more. The Word Wise blog posted a number of phrases that can be reduced to one word without losing meaning. (Copied in full here, but please do visit this interesing blog).

at all times - always
at the present time - now
because of the fact that - because
due to the fact that - because
for the purpose of - for
in order to - to
in spite of the fact that - though
prior to, in anticipation of - before
with regard to - about
on an annual basis - yearly
at this point in time - now
subsequent to - after
a large majority - most
be in a position to - can
in view of the fact that - because
in the event that - if
at your earliest convenience - soon
be in a position to - can
under the circumstances - because

There is a bigger trend here:

Hand writing creates long texts, when we start we are often not quite sure how to get our point across. Mistakes are hard to correct
Word processing allowed us to review (cut) text retrospectively
(PowerPoint) graphics and images allow us to get rid of more text and replace them with a visual that "says more than a 1,000 words".
The next step might be that we are letting go of the rules of grammar (similar to SMS messages, Tweets) in more official settings to deal with increasing information overload.

I have not (yet) reached step 4.

Using Rube Goldberg machines in your presenation

A Peugeot ad finally got me to the source of these brilliant cartoons of incredibly complex machines that perform very simple tasks through a sequence of carefully timed actions. No, they were not pioneered by Road Runner and The Coyote that's chasing him. Cartoonist such as Rube Goldberg and Heath Robinson are one of the most famous creators of these systems. Today, there still are many annual Rube Goldberg contests that challenge high school students to invent one of their own.

This Honda commercial from a few years ago is a beautiful example of how you can use Rube Goldberg-type effects in visual communication.

How to use it in PowerPoint? Animating one of these machines is a challenge... Two suggestions.

Build up audience anticipation. Use a simple cartoon to create a tension about something that is about to happen. The same way that a novelist leaves room for the reader to fill in the blank spaces. See an example on Nancy Duarte's blog: the hanging piano that is about to fall is a more powerful visual than that of a broken piano on the floor.
"There must be a better way to do this". This is a concept I often need to get across in fund raising presentations for technology startups. Showing a very complex Rube Goldberg machine does the trick for me. (Another technique making the same point is using vintage images, here an "auto wash bowl" long before the automated car wash was invented).

Moving house - going offline

Hope to see you all back on the other side of the tunnel in a few days.

Full 16 minute MLK "I have a dream" speech

Thank you TED for reminding us of this great speech. It is worth watching again to see someone touching everyone without slide or media support. Even now, decades later on a small YouTube screen, far away from the event itself.

I am anticipating the inauguration speech. Obama's victory speech in November was phenomenal. I remember what I was doing when I watched it. I still remember story lines of it. Evidence that it stuck. Can he raise the bar even more?

Color mismatches in corporate PowerPoint templates ("Skype" example)

Skype has a beautiful and very strong visual identity. Things start OK on the first page of this presentation by its COO at CES 2009. Then the color coordination gets weaker. Off blue. Pink's too bright. No greens (Skype's green "call" button is very strong visual icon returning in the monochrone rainbow).

PowerPoint templates go beyond page 1.

I am sure Skype's template is OK, the default colors are probably not set in such a way that they are easy to use for people without a degree (or passion) in graphics design. Like in almost all corporate PowerPoint templates, too much screen real estate is devoted to the brand/logo. With its strong blue colors Skype could actually afford not having a logo at all on its presentation pages. People will recognize the company regardless.

Skype COO Scott Durchslag at CES 2009

View SlideShare presentation or Upload your own. (tags: ces skype)

Forget about that last presentation "summary" slide

I have seen too many of these:

Introduction slides that give away the entire story of the presentation (and the speaker spends 20 minutes on it)
Summary slides that repeat the entire story of the presentation (and the speaker spends 10 minutes on it)

Delete them both.

The first slide should just cover what you are about to say, but not say it. The last slide should be an uplifting graphic reminding people about your key messages. Repeating these messages will just bore your audience.

Humor - your own Obama icon poster

The Obama poster by Shepard Fairey is the icon of 2008.

Here is a tool to make your own. You see, there is still some work to do before I can make it as a presidential candidate.

Jokes aside. Icons can be powerful visual tools to use in presentations. Famous historical moments, famous historical pictures, famous historical posters.

An earlier post about real historical images from LIFE magazine available on Google.

"Signature" advertising for a hairdresser

Unusual. An well-designed ad for a more or less local hairdresser/spa. Like a good slide:

You get the point instantly
Understated, elegant, and lots of white space

I like the small light-source-behind-the-model effect, I will experiment with it in my next presentation using a radial-gradient with very close color shadings.

Still, there is something "criminal" associated with a finger print (as people suggest in the comments of Ads of the World, where I found this image).

Visual communication in schools - when is it too early?

During a meeting today: "You make presentations? Can you believe that my children are actually producing PowerPoint in school at the moment?"

It made me look back at my own time in school. There was virtually zero training in visual communication. And now that I think of it, this is actually not solely because of a lack of technology (I got my first home computer at around 1986).

Primary school. No visuals were encouraged when you had to do your lecture on let's say "the hamster"
High school. The teacher would write his course notes in long sentences on the black board and asked us to copy them in our note books
In economics there was a total absence of describing market forces, company strategy, and results of data analysis in conceptual graphs
Writing was all about correct senstences and grammar, not convincing structure or logic
Later in university, professors would put overhead copies of his course material on the projector, requiring you to study the 4 aspects (bullet points) of issue A, B, and C.

I hope things are better now. My kids are a bit too young still for me to get first-hand experience.

Making things more difficult, visual communication would probably involve the combination of a number of subjects. In high school: economics, mathematics/logic, language, arts, etc.

Does the availability of PowerPoint in the highschool class room today actually help to make kids better at communicating? Or is it counter productive?

Scott McCloud (comics, Google Chrome) on TED

An interesting and entertaining way to spend 17 minutes. Comics evangelist (and author of the comic book that explains the technology behind Google Chrome) Scott McCloud on comics and visual presentation in general. More details on the TED talk page, and the TED Scott McCloud profile.

A global presentation design community is emerging

Olivia Mitchell is the person behind the Speaking about Presenting blog. She is one of the true leaders in the global presentation design community and collected and synthesized input from 40 presentation experts, bloggers, and other enthusiasts into one blog post: PowerPoint design in 2009: does design matter?.

Well done Olivia.

And well done presentation design community. Over the past few months a group of people around the globe really started to work together, comment on each others perspectives, exchange ideas. There are not that many blog subject areas in which this happens. Great. Join in if you want. See my improvised blog roll (I forgot many names there, or go to Alltop Speaking to get a flavor of who is out there).

"Everyone can draw" - clean and simple shapes in PowerPoint

"Everyone can paint" used to be the name of a Dutch toy set when I was a child.

With really basic drawing skills it is possible to make useful "iconic" charts. The umbrella below was used to highlight how a strategy has shielded one of my clients from the full effect of the 2008 economic meltdown.

Look at shapes and see how they are decomposed in very simple elements: a few ellipses and some rectangles. On the right I gave them a different color to make them visible. Make sure that everything is neatly spaced out and symmetrical. The background image was purchased on iStockPhoto.

The key lesson: simple drawings do not have to look simplistic.

Chart concept - the audience as the patient

Some images can literally make the audience feel that they are the patient. Suffering, helpless. Other variations on the theme: a dentist with a buzzing drill, or less medical, someone "zapping" you away to another channel with a television remote control.

Image via BigStockPhoto. The good thing about a medical picture is that the most of the faces of the models in the image are covered, hiding that this is not a "real" image.

Update, here a version of the remote control image:

Experiment with typography - slice up those paragraphs

Typography is a major under-utilized tool in PowerPoint. On the right a standard PowerPoint display of a large 100pt text. Wide distances between lines, not very interesting. On the left, I cut it up in 3 pieces and started to re-align characters vertically. I am only starting to learn.

Remote presentation tool: Dimdim - the best one around?

I need to host an international web-based PowerPoint presentation and I searched around to find Dimdim.

It's free for meetings up to 20 people.
Neither the host, nor the participant needs to install any software on his/her computer.
And it's open source.

Sounds great. Does anyone have experience with this tool, or alternatives? In any case I will report back.

Infographic example - poor info / great graphic

Infographics can look great, but can do a poor job in getting data across. This data could have been brought out better with simple bar charts. I am still struggling to get the point (15+ years of chart-decoding-experience as a strategy consultant is not enough in this case).

Original on Good Magazine. Click the image for a bigger picture.

Rant: iStockPhoto stealth price increases

The site iStockPhoto is a great source for stock photography (got the image below there). They have increased prices significantly. I remember being able to buy images at $1. Then 1 credit did not equal to $1 anymore. Then, higher DPI images cost a bit more. Since a few days ago, a regular "medium" image cost 6 credits (a lot more than $6).

I don't like the "stealth" price increases, every few months, a bit up. Why not set your prices, and stick to it? Pretty much what Apple did when it set up the iTunes store.
At these prices, I am stopping to use a creative process of buying lots and lots of images, and in the end picking the best possible slide. It has to be rigth the first time. I would be willing to pay a lot for a crucial image for a huge advertising billboard, the day-to-day PowerPoint is a different story
Small isolated objects I buy in lower resolutions
I increasingly look for other "real" image sources (such as Flickr), there are more and more cliche images and illustrations available on iStockPhoto
There is a sense that people are getting a bit tired of the "stunning image with 1 word" anywway in slide compositions
More and more I am discovering other ways to make interesting slides: typography for example
There used to be a sense that iStockPhoto was the answer to expensive stock image sites such as Getty Images. Getty bought iStockPhoto, and with stealth price increases is it still "cool"?
iStockPhoto migh be missing a lot of people on the verge of signing up. Professional presentation designers know about iStockPhoto, and have the budget for it. But as the "Presentation Zen" approach spreads among "amateur" designers, there could be a great opportunity for iStockPhoto to increase its customer base beyond these professionals.

OK, rant over. Reading back, I am actually most upset by point 1: stealth increases. iStockPhoto is a great site but it should pursue a more straightforward and transparent pricing policy towards its customers. It is a shame that the price increases might kill some creativity in the process.

Humor: "someone just had to do it"

This act of vandalism added to the communicative power of the billboard:

Found on PhotoBasement, via a Tweet of Ouriel Ohayon.

The problem with design and computers

I just watched this entertaining TED presentation by John Maeda, president of the Rhode Island School of Design, reflecting on his career as a designer (more information about him in the linked TED post).

The most interesting bit comes mid-way in the presentation. John shows a video how he orchestrates an excercise where people need to get other people to draw things on white board using their "voice commands". After some miscommunications the groups starts designing a coordinate or grid system (similar to a PowerPoint canvas). The maximum output of the excercise was a completely boring, 2-dimensional drawing of a house.

I often feel the same. How to make this 3D composition? How to add quality hand-drawing or artwork? How blend different images? Computer constraints determine the majority of my slide designs. Something is still missing in the human-computer interface.

Make big things look huge by adding something small

The 2 tiny people, and their 2 tiny shadows make the whole dam look huge. You probably remember your highschool physics teacher explain: "if the nucleus of an atom is a strawberry, its electrons would be flying around the football field".

Something to think about when making your next slide composition. Image purchased from iStockPhoto.

How to recreate a realistic looking chalk board in PowerPoint

After graffiti, now the less permanent graphics of the chalk board. I scribbled some suggestions on a black board below (click image for a larger picture):

Now that we are on the subject, check out my favorite Bart Simpson chalkboard generator as well.

So hard to do - "real" art in PowerPoint

PowerPoint effects, PhotoShop, and a bit of typography/fonts enable an amateur to create PowerPoint slides that start approaching the capabilities of a graphics professional. Not so fast.

This ad for a financial services firm shows that good artwork cannot (yet) be matched by a PowerPoint slide.

Taking someone like Dali as the inspiriation for a slide
Creating the characters and the elaborate backgrounds
Insert the detail and small "jokes"

You immediately "get" this ad. Another one I took from Ads of the World (larger image here).

Squeezing more text inside a PowerPoint shape

Circles are beautiful shapes to work with. Unfortunately, PowerPoint's standard settings make it hard to fit in text. To get a bit more space, got to "format shape"->"text box":

Set the internal margin to zero
Switch off automatic word wrap

Symmetrical shapes - hold shift while drawing

Symmetry should be avoided in slide layout. Symmetry in shapes on the other hand is beautiful. Hold-down shift while drawing to create a shape with equal hight and width, and in the "size ribbon" click the box to lock the aspect ratio.