Is Your Company Innovative? Prove It. Show It.

I was asked once if I thought a certain company I worked with was innovative. I said, “yes,” although the company didn’t always show it.

If you’re going to make the claim that your company is innovative (and what CEO today would not?), then you need to take every opportunity to show the world and your clients that you are staying ahead of, or at least with the curve. Does your office look modern and fresh or like an insurance company from the 1970’s? Does your website look original and contemporary or does it look like you just changed the colors on a $29.95 template?

And what about your presentations?

Do you walk into a room with a 5-year old Dell and Death by PowerPoint 2003 or do you present with a sexy MacBook Air and Prezi? Do you hand out a 75-page deck plastic comb-bound at Kinko’s or do you leave behind a Galaxy Tablet with your portfolio and presentation? Do you whip out out an old BlackBerry in a meeting or a new Droid?

I know, staying up to date with technology and hardware is expensive, but if you can’t outfit your entire 1,000 person company with new laptops, maybe you can spend a few thousand on a few MacBook Airs that can be checked out from IT each time someone has a pitch. For the cost of flying in that consultant from Tokyo, maybe do a video conference and use the savings to hire a presentation designer or firm.

One of the first Prezi presentations I saw was when Chris Anderson of TED, gave a brief talk about the international reach of his organization. He used a map of the world and flew around it, playing video clips from the various locales that TED events have taken place in. Chris didn’t say, “TED is innovative.” In just one small way, he demonstrated it.

Here’s another Chris Anderson talk in which he uses Prezi:

*    *    *

“Innovation” is a huge, loaded minefield, but one of the kings of innovation is the design firm IDEO. If you want a good “Innovation” read, I highly recommend their book, The Art of Innovation.

FacebooktwitterlinkedinFacebooktwitterlinkedin
Categories: Presenting Live.

SparkTweets!

I just discovered SparkTweets!

Now there’s a way to visually show a small bit of data in a Tweet, Facebook post, text message or other similar format.

I believe the credit for SparkTweets goes to Alex Kern and his post from nearly a year ago, but they’ve been getting more and more attention the past week: Jason Kottke wrote about them a few days ago and the Wall Street Journal has just started experimented. Zach Seward of the WSJ discusses them here, with a lot of examples.

And here are two SparkTweet generators for creating the unicode text blocks:  

*     *     *

SparkTweets are a variation of Sparklines which were created by Edward Tufte as a way of displaying a great amount of information in a small space. They’re especially good for showing many data points over an extended period of time—things like stock prices or win/loss rates for sports teams. Here are a few examples.

The newest version of Excel has a sparkline tool. It’s not hard to use, but here’s more on it. I’ve played around it with a bit when tracking my investment portfolio.

FacebooktwitterlinkedinFacebooktwitterlinkedin

You Don’t Need Photoshop To Create Great Presentations

A few weeks ago I had a non-designer colleague dismiss a well-designed slide I used in a seminar saying, “That’s fine, but I could never do that—I don’t have Photoshop.”

The fact is that while Photoshop is indispensable for graphic designers, you can use PowerPoint’s increasingly sophisticated features to edit imagery and make more dynamic slides.

Here are some of my favorite techniques… 

Remove Background

Introduced in PPT 2010, this is one of the most impressive single features I’ve seen come out of Redmond in a while. You may have used the old “make color transparent” tool (which is still available in 2010), but that’s kids’ play in comparison. In fact, I think it even competes with Keynote’s similar Instant Alpha mask tool.

To use the feature, select the image and under the Format tab, click the Remove Background controls. PowerPoint will make an initial best guess at what to remove, but usually you’ll have to further tweak things by marking what to keep and what to remove. 

Here’s an example of an image with a fairly complex background that I was able to remove in a matter of minutes, using only PowerPoint.

To read more about this technique, head over to the Microsoft Office blog.

Note that there have been reports of areas suddenly reappearing at inopportune moments, but I haven’t experienced any glitches myself yet. If you’re worried, you can always cut and paste-special as a .png (see below).  

 

Semi-Transparent Boxes 

If a background image is too busy, you won’t be able to read text on top of it. So instead of cropping your image or putting your text in a clunky colored box, leave the image full screen and make use of a black or colored box with a gradient transparency applied. You’ll need to fiddle with the transparency settings and the size of the box a bit depending on your layout, but the effect will be to cause your image to fade to black, or darken just enough so text placed on top of it is readable. 

Sometimes, I’ll use 3 or even 4 of these gradient boxes on the edges of a picture to give it a feathered look.

An advantage to doing this sort of image “editing” in PowerPoint, as opposed to Photoshop, is that you can easily adjust the gradient boxes to keep up with changing text and content.

 

Picture Color & Corrections

The Format Picture function in PPT 2010 gives you a host of image correction and editing options including Color Tone, Sharpen/Soften, Brightness/Contrast and other artistic effects.

The tools that get the most workout on my computer are the Saturation and Recolor tools that allow me to quickly turn a photo black & white or create a duotone effect. When faced with a collection of imagery from many sources either on one page or in a whole presentation, changing the coloring of all images is a great way to bring consistency to your presentation.

Below is a before and after slide where I think the change to black and white helps create a more cohesive slide.

Combine Shapes

Microsoft chose to hide this new 2010 feature because, as one former Microsoft employee told me, it wasn’t quite perfected at the time of release. You won’t find this in any default ribbon, but you can easily add it to one of your ribbon tabs or to your Quick Access Toolbar. Go to…

File > Options > Customize Ribbon (or Quick Access Toolbar) > Commands Not in the Ribbon  > Combine Shapes

Once you’ve added it to your ribbon or QAT, you’re ready to roll.

This tool is very similar to Adobe Illustrator’s pathfinder tool which designers have been using for years to easily create unique and complex shapes by combining smaller, simpler ones. The possibilities are truly endless as you are no longer limited to PowerPoint’s default set of shapes. Now, you can combine any of those default shapes into whatever your mind can think up. I have used the tool to create exploded venn diagrams, for example.

The tool gives you 4 options: Union, Combine, Intersect, Subtract; you will get different results depending on which tool you choose and which shapes are on top of others, so the best thing to do is simply play around and experiment. Sometimes it takes a little trial and error. Here’s a quick example of how you might combine shapes to create a human icon.

Once you combine shapes, you can add transparency, gradients, 3D effects and shadows—all things that might not work with multiple overlayed shapes.

If you’d like a more complete tutorial, you can find one at Indezine.com, a great site for all things PowerPoint.

 

Transparent Imagery

While you can adjust the transparency of any imported image in PPT on the Mac, you have to fall back to a workaround on the PC: Create a shape box and then fill it with an image selected from you computer. You can then apply a transparency to this box. 

Making an image transparent is another way of fading an image in the background underneath text. (You can also play with the adjustment controls under Format Picture or place a semi-transparent box on top of an image.)

 

Logo Manipulation

I’ve been using PowerPoint’s Brightness & Contrast controls for years to change the color of logos on the fly. Got a black logo and need it to be white to work over a dark background? No problem, just slide the brightness slider under Format Picture > Picture Corrections… and you’ve got yourself a white logo. Obviously, you can also change a white logo to black. Below is an example of how I changed a black logo to white to work over a background.

Really Advanced Cropping and Stretching

The humble Crop tool can actually be quite powerful if you’re in a bind without access to Photoshop (as I have been on occasion.) Here’s a technique to expand a portion of the negative space of a photo to allow for text.

A. Import and size the photo to the page

B. Duplicate the photo, layer the two images on top of each other, and crop the top image in from the right to the point where the balloons end.

C. Move both images to the right on the page (crop the bottom image to the edge of the page if you like), then stretch the top image horizontally over to the left.

D. The eye won’t notice that the clouds and sky have been horizontally stretched, and now you have much more space to place your text.

This technique obviously works with only certain images, but it’s cool when it does.

 

Words of Warning

Doing your image editing in PPT comes with some caveats.

Because many of these techniques are non-destructive, and the unaltered image remains in the file, you may find on occasion that the effects do not show up when presentations are previewed on a mobile phone (“the photos are still in color on my BlackBerry!”) or when opened on older versions of PPT. Additionally, not all printers or PDF writers love transparency, so you may get some interesting results here.

If you want to be sure that your image edits are permanent in your presentation, consider…

 

Creating an Image with Paste-Special

Usually I recommend keeping everything you can in PPT as editable vectors—for example, it’s much better to use PowerPoint’s line and shape tools to create a graphic if you can, rather than importing the same design from Photoshop.

But occasionally, turning things into an image not only allows you to be 100% certain that your image effect will appear as intended, but you can also do some cool stuff to text, even if it just means using a non-standard font that others may not have installed on their system. 

To turn PPT items into an image, select your element or elements, Copy (cntrl-c) and then Paste Special (cntrl-alt-v) and select either JPG or PNG. Use a PNG if you want your items to be transparent (such as text.)

You can also compose a graphic or table in PPT and convert it to an image to be used as a small thumbnail in other presentations.

 

Other Photo Editing Options

If PPT still isn’t cutting it for you as an image editor, and you feel like you can’t justify purchasing the pricey Photoshop, here are a few other options: 

 

FacebooktwitterlinkedinFacebooktwitterlinkedin
Categories: Visual Thinking.

Animating a Movie with Keynote

I recently showed some good examples of movies made with PowerPoint and exported as WMVs (one of the best new features of PPT 2010.) 

Well, actually, you’ve been able to do this with Keynote for some time, and Jakob Jochmann just posted a 2 1/2 minute video called “The Fight for Better Communication.” And it was animated completely in Keynote. Take a look.

And Jakob has also graciously posted the source Keynote file on his blog so you can figure out how he did it.

FacebooktwitterlinkedinFacebooktwitterlinkedin

InFocus “What Not to Present” Contest

InFocus, the projector people, is hosting a “What Not to Present” contest and is looking for the worst single presentation slide you’ve ever seen.

For more info and to enter via Twitter, go here

It didn’t take long for me to decide what my entry should be. No, it’s not the “How to Fix Afghanistan” monstrosity, or even one of Bill Gates’ old cringe-inducing slides.

For me, the worst slide is one that has led to more bad “PowerPoints” and bad presentation design than any other: Microsoft’s default template:

PowerPoint is the only software program that I know of that tells its user the type of content to insert in the default empty view. Word and Excel don’t tell you what kind of text or numbers to start with—they just give you blank pages. Photoshop doesn’t even specify the color of its blank page lest Adobe bias the user against using a hot pink background. But PowerPoint not so gently nudges you, exclaiming: Use a header and then bulleted text, dummy!

The reality is that PowerPoint is simply a container and a tool for almost any type of content, laid out in just about any way you like. If you wanted to, you could actually lay out the New York Times in PowerPoint. Sure, it would be difficult, but it’s possible. (Bonus points for anyone who knew that PowerPoint actually allows for columned paragraphs…) 

But this unfortunate default view has created “PowerPointThink” and a mindset of overly wordy slides with redundant or non-essential header bars and far, far too many slide-uments and PowerPoint train wrecks. By the way, if you think a slide needs a header bar, read this.

Of course, with a simple click, you can start with a completely blank template and let the world of possibilities await you. But simple clicks are time-consuming in the grand scheme of business. And the result has been decades of Death by Powerpoint

I’m anxious to see to the submissions InFocus receives!

FacebooktwitterlinkedinFacebooktwitterlinkedin

A Brilliantly Concise Theatre Review

There’s a new musical adaptation of Lewis Carroll called Wonderland, and Time Out NY‘s Adam Feldman has written a brilliantly concise and clever review in the form of a rewritten version of Jabberwocky. The first two stanzas:

’Tis Wildhorn, and the hapless cast
Does direly gambol on the stage.
All flimsy is the plot half-assed,
Not right for any age.

Beware of Wonderland, I warn!
The jokes that cloy, the scenes that flop!
Beware the humdrum words and scorn
The spurious, bland rock-pop!

As a former theatre director (who actually wrote an adaptation once of Alice in Wonderland which is actually getting a small new production in the coming months), I of course understand the pain of a bad review. But, as a writer and communicator, I love the conciseness and directness that the surprise poetic form gives the reader. I don’t think it’s too clever by half at all.

Of course, it will never match the most concise review of all time: the 2 word review of Spinal Tap’s Shark Sandwich

But my favorite review will always remain Frank Rich’s immortal criticism of Broadway’s greatest flop, Moose Murders… 

FacebooktwitterlinkedinFacebooktwitterlinkedin
Categories: Reducing Text.

Visual Language for Designers (Review)

I read a lot of books on design and visual communication. Often, they prove either overly academic and textual without enough actual visual examples or they end up being just a yearbook of pretty designs.

Connie Malamed’s Visual Language for Designers, which I just finished, is a remarkable and well-researched book that not only lays out the principles and techniques of how designers communicate with graphics, but includes hundreds of excellent examples from a wide variety of international designers. And refreshingly, there is not a single negative example: Bucking the current trend of writers pontificating about what NOT to do (and often showing BADLY designed examples), all of the included graphics are successful examples of the specific design principles discussed.

The book functions on many levels—from beautiful coffee table book to scientific study to design textbook. As such, it should appeal to numerous audiences. The only caution I would give is to those looking for a step by step “how to be a graphic designer” reference. This isn’t it. Connie does address basic (and advanced) design principles, but does so through scientific and cognitive lenses. Therefore, when discussing “eye gaze,” she doesn’t stop at simply saying that one should generally have the eyes of a photo subject look inward on a page. She goes further, referencing “neuropsychological” and “neurophysiological” theories, and then through multiple visual examples shows how to employ this principle to very different ends. Though very accessible and readable, it is still a sophisticated book for a sophisticated audience.

Just as with any form of art, it can often be a mystery as to just why a graphic design succeeds or fails. Connie breaks down much of the mystery to show that there is actually a visual language and there are concrete techniques used by designers to communicate effectively—even though I am sure she would agree that designers are not always conscious of their use of this language. 

After an introduction of how we process visual information, Connie divides the book into 6 principles:

  • Organize for Perception
  • Direct the Eyes
  • Reduce Realism
  • Make the Abstract Concrete
  • Clarify Complexity
  • Charge it Up

Each section examines the science of the principle, then discusses how to apply it in practice through various techniques. And on every page the reader is given multiple relevant examples—each one getting its own straightforward description.

And I love the fact that while the book is based in science, the author wasn’t afraid to address the use of emotion which she discusses in “Charge it Up.”

If you’re a graphic designer or the kind of person interested in visual communications or one of those people with the suite of Edward Tufte books on their desk, you need to add Visual Language for Designers to your collection. Buy it here!

I’m now a confirmed fan of Connie’s, and hope there’s another book in the works. In the meantime, I’ll be a regular reader of her site, understandinggraphics.com.

FacebooktwitterlinkedinFacebooktwitterlinkedin
Categories: Books, Design.

Visual Communication Observations from Vacation

I just returned from a week in the Florida Keys, and I couldn’t help myself from observing some visual communication wins and fails.

Britto Gallery – WIN

I loved the touch screen poster catalog from the Britto Gallery in Miami. Completely minimalist with only the necessary functionality included.

BO’s Restaurant – WIN

And what can I say about the awesome handmade sign from BO’s Restaurant in Key West? The attitude and design aesthetic completely mirror that sandwich shack’s decor and approach. The food is amazing, but like The Burger Joint at The Parker Meridien, it won’t be ranking high on Zagat’s decor list

Hotel Notepad – FAIL

Okay, this may be nitpicking, but there’s really no reason why 50% of this small notepad need be taken up with hotel advertising. (And the all caps does’t work.)

USA Today Pie Chart – FAIL

There’s nothing like a vacation to reacquaint yourself with USA Today. There are ongoing disagreements about whether the “USA Today style” of data graphics actually helps or hinders the reader. I understand both arguments, but I often have issues with their charts. This one, for example, doesn’t work for me on a number of levels:

  • 5 slices for a pie chart is pushing the limits. See here for why.
  • The category labels, while appropriately placed next to their slices, feel a little awkward (like “Waterways” which is outside the train, while it’s slice is inside.)
  • “Railroads” is clearly the most important slice—hence the entire train graphic—but it’s not called out in any immediately easy way for the eye.
  • The whole idea of putting the pie chart with all modes of freight within a single mode of freight is just visually odd.

Again, this style of graphics has its proponents, but after a week of looking at these, they never got any easier to read. In general, I find myself spending too many seconds looking at the whole chart before I completely understand the entire story. Graphs involving so few data points should be fairly instantaneous to understand.

Miami International Airport – FAIL

But, perhaps the biggest sinner is Miami International Airport. I don’t really understand the push to brand the airport with their FAA abbreviation—MIA. Maybe I’m just biased as one of our bags was indeed Missing In Action after last being seen in Miami. But darn it if those three letters aren’t just so cute that they need to be plastered in front of travelers at every moment. Take a look at this living pop-up ad: 
FacebooktwitterlinkedinFacebooktwitterlinkedin
visual training presentation