Communicating visually for City Planners

Post on 17-Oct-2014

1.986 views 2 download

description

This presentation takes another look at communicating visually for frequent presenters and data junkies that may not always have the time, interest or experience in creating visuals to get their point across. Presented to the Houston City Planners, this was a fun look at how many of the most important and complex thoughts and ideas can be amplified and clarified through design and knowing when, what and where to place content on slides vs. handouts vs. your presentation (= YOU!).

Transcript of Communicating visually for City Planners

Katie Lairdklaird@schipul.com www.schipul.com/happykatie

Visual Communicators Rock!

(Don’t) Use your Words:

Thursday, May 20, 2010

Visual junkie - born and raisedThursday, May 20, 2010

What this presentation is NOT

Thursday, May 20, 2010

What we will talk about today

✓ To slide or not to slide

✓ DIY design

✓ The future of presos

Thursday, May 20, 2010

Powerpoint!Stop hating

Thursday, May 20, 2010

http://flowingdata.com/2010/03/20/powerpoint-and-dying-kittens/

Thursday, May 20, 2010

When we understand that slide, we’ll have won the war.

Gen. McChrystal

www.nytimes.com/2010/04/27/world/27powerpoint.html

Thursday, May 20, 2010

Break free, comradeThursday, May 20, 2010

Know the difference

Personal notes HandoutsIllustrative slides

Thursday, May 20, 2010

Hello, meet your printer

300% resolution

Thursday, May 20, 2010

Hello, meet your presentation

www.flickr.com/photos/annia316/247800429

Thursday, May 20, 2010

1.Story2.Simple3.Data love4.Visuals count

Design Tips

Thursday, May 20, 2010

1. Uh, a Story for my presentation?

Really?

Thursday, May 20, 2010

Yes, really.

Thursday, May 20, 2010

So my point is...

1. Message 4. Plot

2. Conflict 3. Characters

Once upon a time...Thursday, May 20, 2010

30-second elevator presentation

Powerpoint and slide decks get a bad rap. Communicators must know who they are talking to and present with a purpose. One way

to get there is to realize the difference between notes, slides and handouts. With slide design, less is more. It’s not about winning design awards, it’s about being clear to your audience. Get help

with graphics and gain info architecture knowledge - don’t be shy. Your degree and job title mean nothing, your curiosity means everything. Ask me, I can help and I think you’re really swell.

Thursday, May 20, 2010

2. What the heck does ‘SIMPLE’ mean?

Thursday, May 20, 2010

Make your Data easily digestible

Will Obama do the“right thing”in global affairs?

Thursday, May 20, 2010

Will Obama do the “right thing” in global affairs?

Yes, he will No, he will notor

Thursday, May 20, 2010

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

$1 Trillion

Explain the big stuff

Thursday, May 20, 2010

Only1 billion

minutes ago

Spend $1/second for 32,000 years

Thursday, May 20, 2010

Provide context for big issues

Thursday, May 20, 2010

Knock out complexity with interactivity

http://learn.genetics.utah.edu/content/begin/cells/scale/

Thursday, May 20, 2010

3. Love Thy Data(prioritize and organize it)

Thursday, May 20, 2010

Focus on the RIGHT info

Thursday, May 20, 2010

Know your options

Rainbow Vanilla

Pie ChartsLarge differences in

proportion

Bar ChartsMore precise with larger data sets

Bubble Charts = Scatter chart on steroidsGood for understanding relationships (3 values per bubble)

0

25

50

75

100

2007 2008 2009 2010

Total Cupcakes Eaten

SparklinesAt-a-glance info

Thursday, May 20, 2010

Dot Plot Chart= GREAT

Bar Plot Chart= meh...

http://flowingdata.com/2010/03/20/graphical-perception-learn-the-fundamentals-first/

Thursday, May 20, 2010

Circle Area Chart= brain hurts

Stacked Bar Chart= EASIER

http://flowingdata.com/2010/03/20/graphical-perception-learn-the-fundamentals-first/

Thursday, May 20, 2010

Get help with those options

http://chartchooser.juiceanalytics.com/ Freebie, decent looking graphs when you

need them fast.

www.amcharts.com Lovely free graph / chart creator - pay

a little bit for some interactive coolness.

http://flare.prefuse.org/ Interactive data visualizations - runs in Adobe Flash which is slightly limiting...

Thursday, May 20, 2010

4. Make your visuals count

Thursday, May 20, 2010

No cheesy transitions!!!!!!!

Thursday, May 20, 2010

Learn about color

www.colorschemedesigner.com Free tool to help with coloring your

world / slides.

Thursday, May 20, 2010

Graphics lessons on the fly

www.picnik.com Fun and easy semi-deep photo /

image editing (easy hook up to Flickr)

www.aviary.com Free image editing and adjusting -

vector friendly and everything.

www.photoshop.com Photoshop finally wizened up and put

out a freebie photo editing tool.

Thursday, May 20, 2010

Get that video on there

www.mediaconverter.org Fast and easy way to get video on

your slides without the Web

www.commoncraft.com/twitter Best way to explain Twitter - visually and through video!

www.downloadhelper.net/ Download and convert,

simply and easily

Thursday, May 20, 2010

Style vs. Substance

http://smallwarsjournal.com/blog/2009/07/print/draft-draft-draftpowerpoint-1/

Round 1Thursday, May 20, 2010

Style vs. Substance

http://smallwarsjournal.com/blog/2009/07/print/draft-draft-draftpowerpoint-1/

Round 2Thursday, May 20, 2010

Think outside the slide

Thursday, May 20, 2010

ToolkitCheck out your Visualization

Thursday, May 20, 2010

Creative Commons in a nutshell

Thursday, May 20, 2010

Where do CC images live?

www.freebase.com CC friendly images, video and audio at your disposal

http://search.creativecommons.org Search for all kinds of media and juicy

visuals for your presentations

www.compfight.com Incredible alternate Flickr search.

My absolute favorite. Just beautiful.

Thursday, May 20, 2010

Share your slideswww.slideshare.net

Like YouTube, but for your Powerpoints

www.sliderocket.com Create, update and promote

your presentations

www.empressr.com Design and present in a

single online space

Thursday, May 20, 2010

Get Prezi.com with it

Thursday, May 20, 2010

FUTUREVisuals of the

Thursday, May 20, 2010

Mobile is next, get ready

1. Simple visuals

2. High contrast slides

3. Even less text (HUGE)www.roambi.com

Mobile visuals of accurate data from software you already use

Thursday, May 20, 2010

Everything is different now

www.microsoft.com/surface

Thursday, May 20, 2010

✓ YOU are your presentation

✓ When in doubt, take it out (or print it)

✓ Seek inspiration

Take this home

Thursday, May 20, 2010

Thanks for being here!

Katie LairdSchipul - The Web Marketing Companywww.schipul.com // www.tendenci.com (281) 497.6567, ext 519

Katie details:Personal brand: www.schipul.com/happykatie Blog: www.happykatie.com Twitter: www.twitter.com/happykatie Flickr: www.flickr.com/happykatie

Find these slides on Slideshare: www.slideshare.net/happykatie

http://www.flickr.com/photos/66125582@N00/457743309/

Thursday, May 20, 2010