Not reality, not a cartoon

Have a look at these great images (on Fubiz) in the series “Enlightened Souls” by French photographer Fabrice Wittner. He uses images of people with a stencil-like effect and puts them on a background of a real photo.



This effect might be very useful in presentation design. It is very hard to a series of images with a consistent look and feel on either stock photo sites, or Flickr. Moreover, I find that using images with real people not working very well in slides. It is too personal. This slight distortion of the characters might just solve these 2 problems in one go.

(Unusual) example of my work

Most of my work is confidential (fund raising pitches, sales presentations), but this presentation is not. The style is also a bit different from my usual work, there are hardly any numbers inside. The presentation is meant to run at an exhibition booth on a plasma screen. I adjusted the look and feel of the presentation to match the style of the client Optimove. The video below is running at a higher speed than the actual presentation.

16:9

The presentation canvas is no longer limited to the overhead projector. Laptops, TV screens are often used to display PowerPoint presentations with a wide screen or 16:9 aspect ratio.

For movies, 16:9 is great. The wider screen is more natural for our eyes. For slide design though, I find it less useful. We can read best when titles are short, or text is set in a narrow column. As a result, with 16:9 my slide design almost always changes to a horizontal story: element or title line on the left, and 1 or 2 other elements to the right. It always takes me a bit longer to comprehend the slide.

So, when I am designing a presentation specifically for a plasma screen (a trade show booth for example), I will stick with 16:9, but for other output devices I revert back to the good old 4:3.

It is always good to contradict yourself, see my earlier post from August 2008.

How to export a chart from Excel to PowerPoint?

Yesterday’s post triggered this question: how to export a chart from Excel to PowerPoint? The short answer: copy the data not the chart.

Standard Excel charts are ugly, they have the wrong formatting, they have the wrong colors, axis labels are in the wrong place, data is not rounded up and too precise. Copying and pasting an Excel chart into PowerPoint is also copying all that ugliness. Even worse, copying and pasting it as a picture might make it look blurry.

I believe that data charts in a PowerPoint presentation deserve careful attention and need to be designed by hand. You start by inserting a blank, ugly, PowerPoint chart into your slide, next copy the data across from Excel and then start tweaking until it looks perfect.

Once you have done one, you can use that PowerPoint chart as a template for other charts in your presentation.

How to pick the right data chart

PowerPoint offers a vaste number of options for designing a data chart. Which one should you choose? Here are some of the guidelines I use:

• A ranking by size: horizontal bar
• Development over time with a handful of data points: column, if there are many data points a (fat) line
• Decomposition of something in its parts: a waterfall (see a post on how to make waterfalls charts), waterfalls also work great to visualize 1 year of a Profit & Loss statement
• Showing something as a % of the total: a pie chart if it is one year/period, a series of 100% columns if it is a trend over time.

Data has multiple messages. In the analysis phase of your work, you need to study all of them. But when you are ready to present conclusions, you pick the one and only message that is worth emphasizing. If you cannot settle on one, make 2 charts and present them quickly after each other: the market grew [click], our market share increased.

If things get really complex, for example when there are 3 or more factors driving change going into difference directions, you might have to resort to a source-of-change waterfall chart, followed by a data chart that highlights each of the trends individually.

Zapping double Keynote shadows

Usually I blog about grander things than software tricks. Today is an exception with a help-desk-type post. This thing drove me crazy in Keynote: a double drop shadow that just did not want to go away in the data labels of a chart. If I am struggling to find it, there must be a few other people out there getting annoyed by this. Here is a video that explains how to get rid of these ghost shadows. The fonts button at the top right of the screen has some hidden options.

 

Movement without animation

I am not a big fan of animation. It distracts the audience, can sometimes look funny instead of serious, and is not visible when you send people a PDF file, the new standard with the proliferation of platforms (PowerPoint, Keynote, mobile devices).

Here is an option to give a sense of movement in your slide without using animations. When filling a box, select the gradient option and let one side fade out to 100% transparent or 0% opaque. The chart below is a sanitized version for a client that is right in the center of some pretty major transformations that are going on now, so if you are an investor, that is where you want to be as well.



It has been a while since I blogged about chart concepts (here are some earlier ones), let me know if these ideas are useful for you.

Presenting a mobile demo

Passing a device with your demo app around the audience is not enough, even for a small group of people:

1. Screens are small and do not make a big impression
2. People do not know what to do in order to see the best of the app

So the point of passing the device around is mainly to prove that your app exists. It should be supported by very large screen shots on the projector screen that tell the story behind the app, with the right sequence of features. Preferably with different levels of zoom: a user holding the device, the opening screen with the device around it, and then zooming even further to parts of the screen.

Projecting black

When a screen projector projects the color black, it projects nothing. Think about this when designing slides. If you have an image with an aspect ratio that is different from a regular slide (4:3, 16:9) and it is not possible to crop it without damaging its visual impact, make the bits of the slide that are not covered black instead of the default slide background color you are using. Once on screen, the black border will blend in with the area outside of the projection screen.

Two industrial narrow (free) fonts

Beebas Neue and League Gothic are my favorite narrow fonts that can fit a lot of text in a headline, and give that industrial modern look to a slide. And best of all, they are open source.

Apple iBooks and presentations

Two main take-aways from the announcement by Apple yesterday about the new platform to design and publish interactive books for the iPad:

1. It removes the excuse that the lizard brain inside me used so far to stop me from writing a book: the thousands of dollars and months in training I would have to invest to port an InDesign document to a working iPad app. Here you go, I committed publicly.
2. This platform can be fantastic to write investor and sales pitch documents for one-on-one meetings or sending to a prospect before you meet face-to-face. The standard for the boring text “Executive Summary” just got raised in such a way that people might actually start to read them.

Diagonal lines

I do not understand why I have not used diagonal lines in presentation slides more, they work great together with simple shapes and colors. The Swiss graphic designers from the 50s and 60s were masters in this. The poster on the left is for the National Zeitung, designed by Karl Gerstner in 1960. On this page, you will find a few more posters that use diagonal lines combined with simple clean typography.