Slideuments and graphics designers

Many designers with excellent skills in web and/or print design somehow cannot deploy their talent very well in PowerPoint/business presentations. I have been thinking hard about why this could be.

The key challenge I think is the tight relationship with content and design. In print/web the design of a page does not really change that much if the content changes (it is still a block of text, an image, and an icon that fit in the same overall grid). In a business presentation, everything goes upside down when your competitor analysis needs to include 3 instead of 2 dimensions.

The second reason is - I think - that both people who write presentations and designers who polish them, stick to the conventional slide format: title across the top, list of bullets.

Now here is an interesting experiment for a 100% graphics designer who is not allowed or does not have the knowledge to touch any of the content (the classical print graphics designer situation). Assuming the presentation is a slideument (meant for reading rather than presenting).

Hand over the material in a word processor, as a long text file rather than a partly finished PowerPoint presentation. Now give the designer total freedom to present this material in any form she wants, even in any software she wants, using any page layout she wants.

Changes are you might get a pretty good lucking slideument by taking "PowerPoint" and its familiar layout out of the equation.

---

Image via WikiPedia

Making a transparent cube in PowerPoint

There is a 3D cube shape in PowerPoint, here is how you can make it transparent. The secret: rotate a copy of itself and paste them over each other.

---

Image via WikiPedia

Size creep

Super high resolution images of small slide elements can inflate the size of your PowerPoint or Keynote file without you noticing. A common culprit is an innocent looking page with 30 customer logos. Compress your images often to keep file sizes in check.

Another common file size mistake is to include high resolution images in the slide master to make it easer for people to understand template slides that are meant for photos. As a result, even a simple text slide will create a huge file as the slide master gets saved as an integral part of the document. This can add up in a company with 10,000 employees.

Image compression in PowerPoint can sometimes produce unpredictable results, especially when you tick "apply to all" and you have a presentation with a lot of photographs. I often see cropped images going haywire, the only rescue is to compress images one by one. Always save a copy of your file before attempting to compress the file.

Handy link: how to reduce file sizes in Office

---

Image via WikiPedia

Working in Google Slides

Recently, a client insisted on using Google Slides for our presentation design project, especially because of its good collaboration features. Instead of starting a presentation in PowerPoint, then converting it to Google Slides, I took the native approach, and created a presentation from the ground up in this application.

The design of Google's office user interface has improved a lot over the years. Things look beautiful and work fast and snappy. Still, the Slides product is full of little issues that 1) slows down a pro-user like me, and 2) makes it harder for the layman designer to make good looking documents.

Because I invested my own hard-earned money in my presentation app SlideMagic, I feel a bit hesitant here to spoon feed a ready made upgrade suggestion list to a multi-billion dollar software developer with the world's smartest programmers ready to implement them....

In 2017 - leaving minimalist SlideMagic aside - I think PowerPoint is again/still the best slide design software out there (also on Mac), better than Google, better than Apple Keynote. The main criterium here is not feature set, but workflow.

There have been many of these types of posts on my blog over the past 9 years, and I am sure there are many more to come as products continue to evolve.

Building image grids in PowerPoint

Making a grid of images in PowerPoint is tricky. Images never have a consistent aspect ratio, and when you place a lot of them on a page, the guide suggestions always snap in the wrong place somehow. Here is a survival guide.

• Copy all your images inside the page and select them all
• Right click and go in "format picture"
• Tick the "size" icon, and click "size" 
• Hit "reset" to kill any aspect ratio distortion
• Hit "lock aspect ratio"
• Now select each image one by one, hit "crop", hit "aspect ratio" and pick one
• After this, select all the images again, and give them the same width with a numerical value
• Position the images on your grid
• Take each image in turn, select "crop" and move/zoom the image mask for the right composition

The above was a major consideration when designing the image grid system in my presentation app SlideMagic.

Maximizing screen real estate

Everyday I see clients squinting at tiny slide images on their screens. No, you can't do anything about the physical size of your screen, but you can fix the window arrangement.

The most obvious adjustment is to make the PowerPoint or Keynote application as large as possible. But the aspect ratio of slides and its implications is often overlooked.

If you design 16:9 slides the width of your screen is the bottleneck, minimize menu bars on the left and right of your slide (format panels, slide icons). If you design 4:3 slides the height of your screen is often the bottleneck, minimize slide notes boxes.

---

Image via WikiPedia

Watch out: converting DOCX to PDF

In a recent update of Microsoft Word (Mac version 2016), a new option has been snuck in when saving DOCX document as PDFs: "best for electronic distribution". and it is the default choice. This will probably produce documents that are smaller, but it comes at a price: custom fonts are not embedded correctly. Pay attention which option you pick and do check the PDF document before sending it to see if all font renderings worked out correctly

Chart hygiene

Here are some slide make over suggestions for messy PowerPoint presentations that do not require any changes to content. They fix basic graphical hygiene:

• Make sure all slides use the same slide master template: titles, page numbers, logos (if you want to use them), all sit in the same place
• Find/replace fonts: make sure all fonts in a deck are the same
• Create a frame of guides in the master slide and make sure all slide content fits inside the frame on each slide
• Apply a consistent color scheme to all the slides
• Eliminate italics
• Make sure that characters in the same box, paragraph have the same font size (huge differences are OK, but very small size differences do not look good)
• Un-stretch photos with the wrong aspect ratio
• Align and distribute slide elements where ever you can
• Play with line breaks and font size to avoid orphan words on a second line
• Remove multiple, overlapping "confidential" labels and page numbers from pages
• Draw a shape, set proper colors and fonts, and make it the default shape, delete the shape, repeat for a text box and a line

That was presentation make-over V0.1, the content might be bad, the layouts could be poor, but it will look organized.

If you have been working in my presentation app SlideMagic, you will have noticed that is almost impossible to make the mistakes I am correcting in the above.

Data leakage in PowerPoint

Be careful with sending PowerPoint presentations that could have left overs of confidential information hidden inside that you do not want outsiders to see:

• Comments in the speaker notes field at the bottom of the slides ("Let's don't tell our investors yet, about the disappointing Q1 results, we will do that in 2 weeks"). When you use an old presentation to "copy-save" it as the master of a new one, comments get copied across as well. 
• Regular comments on slides that have not been removed
• Information, comments, analysis, that sits in the Excel engine of data charts, when someone clicks "edit data", the full Excel sheet opens
• Also, even if you remove the data labels or axes from a data chart, the data still remains visible when hovering over it with a mouse.

It is best to share your presentation as a PDF file, but even then watch out with information that becomes visible when hovering over with your mouse (data points, file names of images, etc.)

---

Image via WikiPedia

Common SlideMagic mistakes

My presentation app SlideMagic will make life easier for every amateur designer. Still a few common mistakes sneak in that are hard to prevent with software. Most of them are related to the balance of typography on a page. Making sure that boxes contain roughly the same amount of text, and that signs are nicely balanced. See the examples below.

Chart chooser

There are endless types of data charts out there: lines, bars, scatters, pies. Which one to pick depends on the type of data you have, and what message you want to convey. Here is a new handy tool that can make life easier for you: chart chooser.

A box of handy cards that guide you step-by-step through a selection process. Excel templates are an optional add-on that could be useful, some of these diagrams are tricky to recreate.

All the slide templates you will ever need

With my presentation app SlideMagic I aim to change the communication culture in corporates. People spend too much time preparing slides. They produce documents that are unattractive to look at, and spend far too much time falling asleep in conference rooms.

The solution: splitting the communication tools: Excel and PowerPoint for logging the analysis, and a new tool 100% focused at communicating an idea and getting to a decision. A super simple visual language does not allow you to get lost in crafting complicated slides, or worse - give up all together and just use bullet points on every chart.

In a business presentation you need very few visual concepts:

• Listing and organizing stuff (yes, the dreaded bullet points)
• Comparing, contrasting, things
• Showing growth, trends, forecasting
• Showcasing things (products, people, clients)
• Linking one thing to another, impact, cause/effect, from-to

When you hit "insert" in SlideMagic, you get presentation with this list of slide templates. In my opinion they can cover 99% of your business presentation needs. Think about what you want to do (listing, comparing, forecasting, showcasing, linking), pick a template and adjust row/column counts and you are done.

If you want, you clone this entire slide deck in your own SlideMagic account via this link. Let me know which concepts that I have left out you cannot live without. Maybe processes, timelines?

Struggling with Apple Keynote

I am currently doing a bespoke presentation design project for a client in Apple Keynote rather than my usual PowerPoint. Overall, Keynote is a great piece of software, but as a power user I seem to be hitting its limitations. Not in terms of features, but in terms of workflow.

In PowerPoint, I have developed a pretty rapid process to turn scribbled chart concepts in decent looking slides. (Confirmed by the occasional client who can look over my shoulder while I do some last minute edits close to a deadline). It is the simple things that you need quick access to: changing colors, resizing objects, aligning things.

In Keynote I am "tearing my hear out" to do a few things. I know this blog is read by many presentation design gurus, so maybe one of you can point me out what I am doing wrong.

• Getting a shape color fill. I keep on clicking the rainbow circle, but it is not always clear whether it is active or not, and if it is, whether you are working on a font color, shape color, or outline color. The same with making things semitransparent: shape, text, line, or everything combined.
• I can't distort the aspect ratio of grouped items when scaling up or down. This is great for images, but not handy when you want to scale up an object composition to fit an entire slide exactly
• When you select multiple items, you can't scale up or down all of them together
• You select items by "touching" them, not by including them in the entire selection box. As a result, you always hit objects such as the slide title by accident in your selection
• I have not found a way to space out part of the columns or rows in a table evenly
• For some reason, I cannot change the color of the left marker in a gradient. My solution is to put another marker on top of it. Again, this leads to frustrated clicking on the "fill" box.
• In the full button, there is a nice arrow that activates a drop down menu with suggested colors, there is no way I can set these to some alternative color pattern.

Hopefully some of you can highlight a mistake I made, and/or Apple can fix things in a next update. Obviously, my presentation design app SlideMagic does not suffer from these issues... 

Smart row / column insertion

My presentation app SlideMagic is all about the grid. We have made some improvements to make the workflow (even) faster. Now, when you insert rows and or columns, it copies its design and structure from its neighbors. This will save you a lot of time in more complicated table layout with different background colors.

1) Our starting point

2) Open the grid editor

3) Add a row and a column

4) The result

---

Image via WikiPedia

One software, many uses

PowerPoint is used for many things in today's corporations:

• Quickly write documents for internal use
• Maintain the competitor intelligence database
• A tool to draw the system architecture diagram
• Organize your thoughts, make a work plan
• Brainstorm ideas live in a group
• Logo / design concept prototype
• A UI spec (that’s how I used for SlideMagic)
• Big stand up presentation to outsiders - big audience
• Big stand up presentation to insiders - big audience
• Big stand up presentation to outsiders - conference room
• Big stand up presentation to insiders - conference room
• One-on-one "coffee chat"
• Document for reading for outsiders
• Document for reading for insider 

To name a few. We get problems when we confuse the application and the target audience. A project status update on the overhead of the big annual industry conference, pretty pictures without explanations when you want your budget approved by the CEO.

How to brief a presentation template designer

The traditional approach is to hand the designer a blank slide and say "we need a fresh PowerPoint template". You will get a slide back full of supporting graphics, logos, page numbers which shows that the designer added some value.

Here is the better approach: give an actual slide with content and ask her to improve that, including the template. The likely result is a well-designed slide. Now delete all the content and see what you are left with. It is likely to be an empty page... Here is your new PowerPoint template.

Oh, and the most important part of the template design project is not the template (i.e, the blank page). It is to make sure that the standard colors and fonts are programmed correctly. That's a programmer's job, not a designer's job.

In my presentation design app SlideMagic, things are easier. Upload your logo, use the color picker to select your accent color based on the logo, and you are all set.

---

Image by john.schultz on Flickr

Searching slide libraries: Bitlasso Reveal

Most people amass a huge library of PowerPoint and Keynote slides on their computers. File search as a tool to find presentations is collapsing under the load, and searching for a specific slide inside a presentation is impossible. Most people are now using their email program as a document archive ("where is that deck I sent Sally last week?"). 

BitLasso's Reveal is a new program that aims to solve this issue. After installation it builds a database of all your slides and makes them searchable by keywords. The first try is very impressive, you use a specific topic that you still remember from a long time ago, and pop: there are the slides!

Slides are grouped together if they are similar (with yellow highlighting the differences), you can group them by date, by title. It all works brilliantly.

As a graphic design nitpicker, I noticed that fonts are not rendered correctly. But, remember this is a search tool, not a presentation application.

For the average user, this tool works great. For me, a professional presentation designer who has an incredibly large slide library with presentation for many, many, clients there is still a problem. Common business search terms will return so many slides that it is still hard to find the one you need. This is not a problem of the software though, more a result of my profession.

One suggestion could be to allow the search results to be grouped by some sort of directory, or limit the search inside a specific directory, since most users will have a basic level of organization by project on their hard drive to focus the search.

A second concern for power users is the size of the database. Mine quickly ran in the gigabytes after 15 minutes of indexing. Again, I suspect most regular people won't have this problem, and computers by now should be able to handle pretty large files as long as there is sufficient hard drive space available.

All in all, a product worth while checking out. A free trial allows you do 30 searches (give the database indexing some time before you spend them), and the full version of the product costs $49. The software only works on Mac at the moment.

Status reports in PPT

This Tweet caught my attention:

The future of computing isn't editing PPT status reports with a pen. It's replacing it with a live SaaS dashboard, ML analysis and messaging

— Benedict Evans (@BenedictEvans) October 26, 2016

Yes "status reports" are a distinct category of presentations. Some sort of weekly, monthly, quarterly updates, that follow more or less the same template. A lot of time is spent (wasted) on creating these. In the short run, you can do a lot with workflow automation. For example create the entire presentation in Excel, which has the same drawing and charting capabilities that PowerPoint has. And yes in the end, SAAS dashboards might replace them all together, if, and that is a big if, the dashboard is designed well.

The "other" type of presentation, the one in which you pitch an idea, a budget, an investment, is here to stay. Each story is different, each pitch is different. Still, people spend too much time on PowerPoint to create them (hopefully my presentation design app SlideMagic will change that), but the creative process will not be automated anytime soon.

---

Image from Wikipedia

Two new screen interfaces

Both Microsoft and Google launched new screen-based devices over the past few days.

The Microsoft Surface Studio is a desktop computer with a very large touch display. It can be used in regular upright mode, or folded down, which turns it into a giant, almost-horizontal tablet. There is a new interface gadget, a cylinder that you put right on the screen. 

I think this might be the future of desk-based design interfaces. Portable tablets are too small. Upright touch screens are to cumbersome. This hybrid looks great. 

Google introduced the Jamboard, a big touch screen that is meant for white boarding in meetings. The main feature is the collaboration supported by Google software. You can upload, edit, move things, and people not in the room can join the conversation remotely.

The features look impressive, the size of the screen might still be a bit small though to enable really productive group collaboration. Time will tell. 

PowerPoint Designer - first impressions

Microsoft has been adding a number of features to PowerPoint recently. One of them is Designer. In the Design tab of the ribbon, a new button appears on the right "Design Ideas". Clicking it generates alternative layouts of your slides on the right side of your screen.

The layouts are pretty nice. Microsoft has "automated" the design of 2 types of slides:

• Image collages, multiple photos get put in different suggested grids, with place for a title
• Process bullet points that can be translated to horizontally spaced out sequences of equally sized shapes.

Both are useful. Layman designers usually have no idea how to crop a nice photo collage, and translating that bullet list into a horizontal sequence looks nice, especially on wide 16:9 screen.

But here comes the but. 

• The algorithm only works on these types of slides, so layman presentations will look inconsistent as same slides cannot be improved by the algorithm
• And in case of the bullet transformation, PowerPoint needs to analyze the text with language processing, to decide that you are describing some kind of process. I had a hard time to trigger the algorithm, and in the end typed the exact same text as was used in Microsoft's explanation web post.

Microsoft is on the right path, these suggested layouts look a lot nicer than the SmartArt objects. And, getting layman designers to use some sort of grid is the biggest possible improvement you can create in slide design.

But I think it will take some time before language interpretation will be so sophisticated that PowerPoint understands the meaning of a slide and can pull a suggested layout from its library. That's one step above asking Siri to book a movie for you. 

Images get a nice suggested cropping

Multiple images trigger multiple grid suggestions

No suggestion to clean up this grid

No suggestions for these charts

Language interpretation concludes this is not a process

This is a process, text taken from a Microsoft post

(* Commercial start *)

This is why designed my presentation app SlideMagic with a forced grid structure, which is a fundamentally different interface approach from PowerPoint and Keynote, which are based on free placement and resizing of objects.

(* End of the commercial break *)

PowerPoint Designer is not 100% there yet, but from its look and feel and general creative direction you see that Microsoft is on the right path.