I like to frame images

Big, confident images look better on a presentation slide. The maximum size of your image is achieved when you let it "bleed" of the page (the term comes from the age of print, where the ink would drip of the corner).

These full size images look great if your presentation is just images. In most cases, my client work is not. Hence, I prefer to frame my images within a box of white (or black). Some people say it is bad practice, I disagree:

• You do not have to worry about legibility of slide titles
• Photo slides look consistent with other slides in the presentation
• I think, it actually looks very distinguised

My presentation app SlideMagic caters for both formats, so don't worry if you disagree with me. You can clone the slides below (and all other slides I have used on the blog) into your own SlideMagic presentation via this link.

---

The image was found on unsplash, free images under a do-whatever-you-want license

Lining up logos with tag lines

Often, graphics design is about details. It is difficult to pin down why something just does not look right. The answer: small little things. See the bottom of a magazine ad below. The logos on the left and right have tag lines/sub brands: above on the left, and below on the right. The graphics designer simply centred the image files, but our eyes wants to centre not the entire image, but the main text of the logo. It looks like the logo on the right is positioned too high.

If you cannot get excited by this you should not become a graphics designer...

---

Illustration: Gemini constellation

3 steps to a good slide

Here are the basic 3 steps to come to a good presentation slide. And for 2, you do not have to be a stellar designer to get them right. For step 3, you can use my presentation design app SlideMagic)

1. Decide on one message, one message only. Here is where most people go wrong: they try to put more than one idea on a slide. Too many things to grasp at once, too much content/clutter on the slide. Only if your message is: "There are 15 reasons why you should stop smoking") might you consider a list of 15 small bullet points.
2. Decide on a basic slide structure. The only structure most people use is the list. But there are other (simple) ones that you should consider. A contrast (box on the left, box on the right), a ranking (bar chart), an overlap (Venn diagram), pros and cons (table), cause effect. They are not that hard to put on a slide.
3. Get the design right. Now, here it might be trickier for the layman. Fixing alignment, proportions, grids, colours, white space, etc. etc. SlideMagic users won't have to worry much about this, for everyone else, here are some of the guidelines I have implemented in SlideMagic:
   1. Everything lines up 
   2. Everything lines up according to a grid
   3. Calm colours: one accent, lots of shades of grey
   4. Safe (sans serif) font
   5. Slides look similar in one presentation (positioning of titles, margins, etc.)

There is no reason to get 1. or 2. wrong, and you can learn 3. over time.

---

Art: Silver Landscape, Photocollage by Gordon Rice

Image captions

What do people read in text? Big headlines (if there are not too many of them), and tiny captions under a photo. So watch out what you put right under the image, people might read before the other beautiful things you have written down.

A screen shot from an article on TechCrunch

---

Art: In 1928-1929, Belgian artist René Magritte painted this piece called The Treachery of Images. Below the image of the pipe he painted the French words for "This is not a pipe." Photo by Daryl Mitchell on Flicker

The web page has become the style guide

A decade ago, a company's look & feel could be tightly controlled by the corporate communications department, with tight brand guidelines and consistently executed print advertising.

Today that design capability is fragmenting: PowerPoint presentations, product PDFs, web pages, mobile apps. Design is everywhere. Especially in large corporates that span multiple countries/continents it becomes hard to find what the corporate language actually is.

When in doubt, I revert to the corporate web page to get inspiration for a PowerPoint design.

---

Art: Gerard van Honthorst, The Concert, 1623

Designing presentations for print

In some industry sectors, especially financial services, people still insist on printing the presentation slides and handing out booklets at the start of the meeting. You can have groups of 10-20 people sitting around a conference table flicking through pages.

It is great for taking notes, analysing detailed financials, but it is not that great for a close connection between speaker and audience, and that last minute typo in the name of the CEO cannot be corrected once on paper.

Sometimes you have to pick your battles and if print is the way to go, think about these issues when starting the design of your slides. The bottom line, get a slide to look good on paper on day 1 of the design project, not at 3AM the night before the meeting.

• Colours appear different on screen than on paper, especially on cheaper, older, or almost-out-of-toner printers. Bright blue can turn into faded grey, lively orange can become girly pink, subtle grey shadings turn into bright white, just to name a few potential problems.
• Hole punchers for binding machines require extra space at the top of your page, test it.
• Dark back grounds empty toner cartridges and make make the fingers of your audience black.
• You can get away with low res images on a 15 year old VGA overhead projector, on paper though, you will get caught. Use high resolution images.
• A monitor frame, or the light rectangle on a projection screen provide an implicit frame for your slide. Paper should do the same in theory, but A4/letter/4:3 and other issues makes it highly unpredictable how your slides are scaled on paper. In the worst case you might have draw a tiny grey line around your slides to anchor things (yes really).

Professional print designers will laugh at all this, this is design 101, and these issues have long been solved with Adobe InDesign, and printer driver software. A whole industry has been built around this, you are unlikely to see page scaling issues in your print newspaper. The problem is, these designs are hard to maintain/change in a corporate environment.

The one good thing about print though is that it shows that your slides are as fresh as the croissants in the bakery down stairs if the pages are still warm from the printer. A compliment I got many times in my previous life as a management consultant.

---

Art: Vincent van Gogh, The Bakery in Noordstraat

Team introduction pages are not CVs

The team introduction page in a presentation is always a tricky one. Some much information (text) that can be shown, so many logos, so many pictures. How to make it all fit?

First of all, it is important to realise that team introduction slides do not equal CVs. They are not meant to provide the full background of someone's career, rather you want to present specific strong points of your team.

Things you can cut: personal interests, not every bio needs to cover every year of someone's career (unlike HR people that are always on the look out for holes), academic degrees if they are no longer that relevant (i.e., the person is older than 35). Job descriptions usually have very long titles (that makes them look more important). In your team slide, you need to do the opposite cut them down to save space.

Before you design your team introduction page, think about what it needs to say, and plan your design accordingly:

• We worked at big blue chip companies before: put the logos of the big blue chip companies on the page (and leave other logos out)
• We worked at the same companies: put the logos of these same companies multiple times on the slide (next to each team member's name), this repetition will drive the message home
• We did something really amazing at a company no one has ever heard of: leave the logos out, go for a more elaborate text description
• We have lots of experience with lots of companies: fill the page with logos, even if they are not that well-known
• We worked at an amazing company that no one outside country [x] knows: forget about the logo, add explanation about that company

Photos can liven up a team introduction slide a lot. The best picture is a group shot that is stretched across the entire page. On top of this image you can add selective bio information for each person in the picture. Next best option: head shots. Make sure they are consistent in style and cropping. 

Whereas in a live pitch, or in a cold email deck, people will not dig through a dense CV, later on, they might want to do so. It is always a good idea to add dense bio page(s) in the appendix of your presentation, preferably with hot links to your LinkedIn profile if possible.

PS. Team slides are often the most tricky slides in a deck to design from a technical perspective: it is pain to get all the head shots of people in exactly the same size, and exactly aligned. There is one group of people who does not have that problem: SlideMagic beta testers. SlideMagic forces you (sorry) to work in a strict grid, images are always perfectly aligned and cropped. Sign up as a SlideMagic beta tester now.

---

Image: women's ice hockey team from 1921

Columns versus rows and other table design issues

When making a table, what to put in columns, what to put in rows? There is no absolute rule here, but this is what I consider when deciding (some of these can contradict each other).

• It easier to fit lots of rows then lots of columns.
• Long labels go in rows
• Year on year trend: years go in columns
• Feature/competitor comparison: features in the rows

The most important things is that you never should assume that the layout in which the source data was presented to you is the best way to put that table on a slide. Next to swapping rows and columns consider:

• Shortening column labels
• Re-sorting rows and columns so that check marks / similar table content is grouped together
• Group together multiple rows, or multiple columns if their content is the same as the neighbour
• Cut text as much as you can in table cells. Side comments and sentences can go in the footnote
• Design a table at 2 levels: Level 1 (using colouring of cells) to communicate the pattern/conclusion, level 2 (using text) the explanation of the colouring for when people read the slides after the presentation
• Harmonise column widths and row heights to get a grid pattern that is as calm as possible
• Avoid boxes/outline lines, rather work with light grey boxes

Users of my presentation design app SlideMagic do not have to worry about a lot of these things, the app will do it form them. 

---

Art: Mondrian dresses by Yves Saint Laurent shown with a Mondrian painting in 1966.

Putting text on images

This image that I saw on Twitter has composition problems that you often see in presentation slides:

• The text in the box does not have enough breathing space,
• The quotation marks disturb the balance and alignment of the text box
• The line breaks are not placed carefully enough, breaking apart words that belong together.

What is it like to see again after years being blind? @roseveleth investigates http://t.co/HJSdFGZNzL pic.twitter.com/XvmwYUgC7q

— BBC Future (@BBC_Future) June 4, 2015

I tried to come up with an alternative design in SlideMagic (which does not support the giant quotation marks [yet]). You clone these two slides to your own SlideMagic account here and use them in your presentations if you want. Image taken from WikiPedia.

---

---

Art: detail of the Mona Lisa

Adding structure to text

Sentences or titles never have the same length, so putting them on a page without some form of framing makes the whole slide look unbalanced. My solution: a light grey background  creates a box that gives structure to the text. You can also use images to reinforce the slide's grid layout. Many people use an outline, a frame around text for the same purpose. I think a light box fill looks a lot better.  

The light grey box is one of the key structuring elements in my presentation design app SlideMagic. Traditional presentation design software is not very well set up to changing grids of text boxes and images. Try doing it in PowerPoint, then try to do the same thing in SlideMagic.

---

Art: Piet Mondriaan, Broadway Boogie Woogie, 1942

Makeover of the Buffer pitch deck that landed them $500k

When Googling for examples of VC pitch decks, the on that Buffer used to raise $500k in 2013 ranks high. I decided to give it the SlideMagic treatment: how would the deck have looked when the slides would have been created in SlideMagic.

• I changed the slide design to fit SlideMagic
• I did not change the slide content
• I did not change the story flow

I have a few comments on the slides that I have put in the SlideMagic explanation boxes.

Here is the original:

The slide deck we used to raise half a million dollars from Buffer

Here is the same deck in SlideMagic. You can clone this presentation to your own SlideMagic account by clicking this link and use some of the slide concepts in your own presentations. I have also added this presentation as a template in SlideMagic's template library.

---

Art: Johann Zoffany paints a group of Englishmen in Rome for the Grand Tour, united only by their wealth and love of art; unlike most conversation pieces, this was not a commissioned work

"All presentations will look the same"

I get this feedback from early SlideMagic beta testers. SlideMagic supports one accent colour, one font, and encourages you to work in a strict slide layout grid. For certain presentations, this feedback is valid. I think we will not see any Apple product launch presentations designed in SlideMagic (yet).

For 99% of presentations though, it is actually precisely what I tried to achieve:

• When the software tool you use for presentations is incredibly simple, you spend most of your time worrying about the content rather than searching support web sites how to align the second line of a bullet point paragraph. I want 90% of SlideMagic users to master 100% of its features.
• If all presentations use more or less the same visual concepts to show trade offs, contrasts, sales over time, etc. then people will be able to read and understand them quicker

Today, I would argue that PowerPoint presentations look more similar to each other than the SlideMagic decks: lists of bullet points on a white background using the standard Microsoft Office (olive, blue, red, green) colour scheme.

Below are examples how the same SlideMagic chart would look when used in different companies. You see the impact of consistent use of colours. All SlideMagic charts will be updated instantly after a colour and logo change.

If you want to try SlideMagic for yourself, you can sign up here as a beta user.

---

Art: Salomon de Bray, The Twins Clara and Aelbert de Bray, 1646

Slide icons

Repeating the whole story of your presentation on the last slide is boring. You want to end with a "boom" and quickly remind people of the most important message in the presentation. I usually do that with repeating a key visual (just one). Using (the cliche) that a picture says more than a 1,000 words, the repeated image brings back the full richness of the discussion you had in one millisecond. Much more efficient than writing a bullet point.

If you have to repeat multiple messages, here is another trick: use small screen shots of slides. At the end, the audience does not need to be able to read the entire slide anymore. The thumbnail is a quick visual reminder of the content. Below an example that I created in SlideMagic.

I have added this slide design to the template file of all slides I created for the blog. You can open it in the SlideMagic app here and use it for your own designs. Just change the images.

---

Art: The Flute Concert of Sanssouci by Adolph Menzel, 1852, depicts Frederick playing the flute in his music room at Sanssouci. C. P. E. Bach accompanies him on the harpsichord.

Fancy management theory

Your Group CEO has asked you to present her your strategy for the next 3 years. While you have a pretty good idea what you want to do, you are not sure how to present it on slides. You call in the Internet to the rescue and Google delivers an endless stream of Harvard, McKinsey, and other management gurus' perspectives of what a strategy should contain.

The problem is when you put it on a slide, your strategy sounds like a page out of a management theory book. All is in there: visions, missions, governance, change management, stakeholder involvement. In the middle of all the buzzwords it is hard to find your own story.

The other way to present it? Do not use the frameworks to tell the big idea behind your strategy. Tell it in your own way. Once you have done that, use the fancy frameworks as a check list to compare your full strategic plan against. Have you thought about everything?

Frameworks are great for work planning, not for making convincing presentations.

---

Art: Nicolas de Largillierre, (Details of artist on Google Art Project), Portrait of a Boy in Fancy Dress, 1710. Sign up for SlideMagic, subscribe to this blog, follow on Twitter.

2x2 matrix clarity in presentations

The 2x2 matrix is a favourite layout for differentiating yourself from others. 'We, the good guys, are in the top right corner".

But people sometime force the framework somewhat. If you are having trouble filling the bottom left box, consider using a Venn diagram (a "best of both worlds concept").

If it is going to be a 2x2 matrix and your axis choice is a bit tricky, write things out in full. Rather than "ease of deployment, low, high" consider ignoring the axis name and write the 2 categories: "Big system integration project", "Up and running in 5 minutes". You can also write explicitly in the 4 boxes what they are about (BCG did that with their brand matrix: "dogs, cows, stars, question marks")

Framework in pitch presentation are different from those in a micro economics Phd thesis.

---

UPDATE January 2018: we have now added 2x2 presentation templates to the SlideMagic template store.

---

Art: Peterka Vlada, Sunset at Liberty Square, Oil on canvas, 40x28 inches ( 100x70 cm ), 2012
Subscribe to this blog, follow me on Twitter

The final clean up

Some things to check once you think you have finished your presentation:

• Are the fonts consistent throughout the presentation? Are have default Arials/Calibris managed to sneak in? 
• Are font sizes in comparable boxes the same?
• Are the headlines all in the same place on every slide?
• Are objects in each slide aligned, and properly distributed?
• Are the proper colours used on every slide, including data charts, or do you still see standard PowerPoint colours anywhere?
• Are all images in the proper aspect ratio, without distortion?
• Did you include an attribution to creative common images?
• In case you will be displaying the presentation on another computer, have you checked Windows/Mac rendering issues? Sometimes fonts are rendered in slightly different sizes, causing words to drop to the second line.
• Is data properly rounded up?

Now you see why SlideMagic has 1 font, 1 accent colour, and a strict grid that makes it impossible to misalign objects or put titles in the wrong places.

---

Art: Berthe Morisot, Hanging the Laundry out to Dry, 1875
Subscribe to this blog, follow me on Twitter

Squarespace versus wix

There are two popular web site template providers: squarespace and wix. I like to think of presentation design software SlideMagic as "squarespace for presentations". Many other PowerPoint alternatives (such as prezi) are "wix for presentations". What is the difference?

• Wix offers a lot of features, colours, fonts, pre-programmed templates for specific sectors (vets and pets for example)
• Squarespace is muted, has far fewer choices, fewer colours, bells & whistles.

The great thing is that the design restrictions of squarespace actually result in better web designs. People have to think how (whether) to put that content on the page. A professional designer will pick a style and restrict herself to stay in that framework. That is why it looks so good. The layman designer cannot resist to add more stuff. Squarespace and SlideMagic protect the non-designer from herself.

P.S. Squarespace powers the SlideMagic landing pages and blog.

---

Art: The Stadhuis under construction, by Johannes Lingelbach, 1656
Subscribe to this blog, follow me on Twitter

The catch up slide

Here is a concept that you can use in many investor and/or sales pitches for technology:

While [a] and [b] have moved on, [c] is still pretty much stuck in the 1950s despite a lot of technological development. Our company is going to fix that.

I have added a slide to the SlideMagic startup pitch template library that reflects this idea, Two "arrows" moving to the right, and a third one which is catching up. Look at the simplicity of the graphics which exactly fits the philosophy of SlideMagic. It looks pretty, it gets the message across, is easy to design. A new business language that does not need arrows, drop shadows, and gradients. It is almost a Lego-like abstractification (is that a word?) of a complex visual.

---

Art: Le derby d'Epsom, painting by Théodore Géricault, 1821
Subscribe to this blog, follow me on Twitter

Learning from Swiss graphic designers

Most presentation design software today is the result of someone in the 1980s thinking: "hey, this mouse is cool, you can use it to draw things!". We can move, drag, stretch, place things freely across our drawing canvas.

Presentation software SlideMagic aims to close this tangent and go back 20 years earlier to the 1960s when graphics designers in Switzerland developed a clean and crisp style of communication and design that does in many cases the exact opposite of the freedom the mouse offers: tight grids, limited font choices, limited colours. simple shapes.

Eyeball the posters on this Pinterest board by Misswyss and see what you can learn form them for your own designs. Which one do you like? Which one does a better job at communicating than others? Why is it that some of these very simple designs look very pretty?

Examples of posters designed in the Swiss style

Some of the features they have in common:

• Limited number of colours
• Sans serif font (only one)
• A strict grid alignment throughout the page
• Relatively small headlines
• De-emphasising (making things grey) rather than emphasising (making things bold) text
• Flat shapes, no gradients, drop shadows, textures
• Big silhouettes, simple shapes

Why not steal some of these ideas in your slide designs?

---

Art: Albert Anker, The walk to school, 1872, 90 x 150 cm
Subscribe to this blog, follow me on Twitter

The cover image that needs to say it all

The cover page of a presentation is an important page. It sits on the projector as the audience walks in the room. It is featured in the thumbnail of an email attachment. It sets the look and feel of your presentation.

Many clients want to have a cover page that says it all. A perfect image that reflects the entire story. In the absence of this image (99% of the cases), they want to do the next best thing: make a collage of smaller images that together tell the story.

I think it is better to pick just one, imperfect, image as a cover page. A collage of tiny images without explanation does not mean anything to the audience, and looks very cluttered. If people could get your message by just looking at a picture collage for 15 seconds, there would be no need for your presentation? 

---

Art: David Teniers, The art collection of Leopold, 1651

Click here to subscribe to the blog