communicating visually for city planners

Katie [email protected] www.schipul.com/happykatie

Visual Communicators Rock!

(Don’t) Use your Words:

Thursday, May 20, 2010

mailto:[email protected]

mailto:[email protected]

http://www.schipul.com/happykatie


Visual junkie - born and raisedThursday, May 20, 2010

What this presentation is NOT


What we will talk about today

✓ To slide or not to slide

✓ DIY design

✓ The future of presos


Powerpoint!Stop hating


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




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

Gen. McChrystal

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


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

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

Break free, comradeThursday, May 20, 2010

Know the difference

Personal notes HandoutsIllustrative slides


Hello, meet your printer

300% resolution


Hello, meet your presentation

www.flickr.com/photos/annia316/247800429


http://www.flickr.com/photos/annia316/247800429

http://www.flickr.com/photos/annia316/247800429

1.Story2.Simple3.Data love4.Visuals count

Design Tips


1. Uh, a Story for my presentation?

Really?


Yes, really.


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.


2. What the heck does ‘SIMPLE’ mean?


Make your Data easily digestible

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


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

Yes, he will No, he will notor


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

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

$1 Trillion

Explain the big stuff


Only1 billion

minutes ago

Spend $1/second for 32,000 years


Provide context for big issues


Knock out complexity with interactivity

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




3. Love Thy Data(prioritize and organize it)


Get the right data

http://manyeyes.alphaworks.ibm.com/manyeyes/

www.freebase.com/http://infochimps.org/








Focus on the RIGHT info


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


Dot Plot Chart= GREAT

Bar Plot Chart= meh...

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




Circle Area Chart= brain hurts

Stacked Bar Chart= EASIER





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...


http://search.flickr.com






4. Make your visuals count


No cheesy transitions!!!!!!!


Learn about color

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

world / slides.




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.








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


http://www.socialmention.com






Style vs. Substance

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

Round 1Thursday, May 20, 2010



Style vs. Substance


Round 2Thursday, May 20, 2010



Think outside the slide


ToolkitCheck out your Visualization


Creative Commons in a nutshell


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.








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








Get Prezi.com with it


FUTUREVisuals of the


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




Everything is different now

www.microsoft.com/surface


http://www.microsoft.com/surface

http://www.microsoft.com/surface

✓ YOU are your presentation

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

✓ Seek inspiration

Take this home


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/


http://www.schipul.com

http://www.schipul.com

http://www.tendenci.com

http://www.tendenci.com



http://www.brandtobedetermined.com

http://www.brandtobedetermined.com

http://www.twitter.com/happykatie

http://www.twitter.com/happykatie

http://www.flickr.com/happykatie

http://www.flickr.com/happykatie

http://www.slideshare.net/eschipul

http://www.slideshare.net/eschipul

