View
1.986
Download
2
Embed Size (px)
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!).
Citation preview
Katie [email protected] 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
Get the right data
http://manyeyes.alphaworks.ibm.com/manyeyes/
www.freebase.com/http://infochimps.org/
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