Communicating visually for City Planners

1,986 views

Published on

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

Published in: Design, Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,986
On SlideShare
0
From Embeds
0
Number of Embeds
62
Actions
Shares
0
Downloads
61
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Communicating visually for City Planners

  1. 1. (Don’t) Use your Words: Visual Communicators Rock! Katie Laird klaird@schipul.com www.schipul.com/happykatie Thursday, May 20, 2010
  2. 2. Thursday, May 20, 2010
  3. 3. Thursday, May 20, 2010
  4. 4. ✓ To slide or not to slide ✓ DIY design ✓ The future of presos Thursday, May 20, 2010
  5. 5. Stop hating Powerpoint! Thursday, May 20, 2010
  6. 6. http://flowingdata.com/2010/03/20/powerpoint-and-dying-kittens/ Thursday, May 20, 2010
  7. 7. 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
  8. 8. Thursday, May 20, 2010
  9. 9. Personal notes Illustrative slides Handouts Thursday, May 20, 2010
  10. 10. 300% resolution Thursday, May 20, 2010
  11. 11. www.flickr.com/photos/annia316/247800429 Thursday, May 20, 2010
  12. 12. Design 1.Story Tips 2.Simple 3.Data love 4.Visuals count Thursday, May 20, 2010
  13. 13. 1. Uh, a Story for my presentation? Really? Thursday, May 20, 2010
  14. 14. Yes, really. Thursday, May 20, 2010
  15. 15. 1. Message 4. Plot So my point is... 2. Conflict 3. Characters Once upon a time... Thursday, May 20, 2010
  16. 16. 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
  17. 17. 2. What the heck does ‘SIMPLE’ mean? Thursday, May 20, 2010
  18. 18. Thursday, May 20, 2010
  19. 19. Will Obama do the “right thing” in global affairs? Yes, he will or No, he will not Thursday, May 20, 2010
  20. 20. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $1 Trillion $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Thursday, May 20, 2010
  21. 21. Spend $1/second for 32,000 years Only 1 billion minutes ago Thursday, May 20, 2010
  22. 22. Thursday, May 20, 2010
  23. 23. http://learn.genetics.utah.edu/content/begin/cells/scale/ Thursday, May 20, 2010
  24. 24. 3. Love Thy Data (prioritize and organize it) Thursday, May 20, 2010
  25. 25. http://infochimps.org/ www.freebase.com/ http://manyeyes.alphaworks.ibm.com/manyeyes/ Thursday, May 20, 2010
  26. 26. Thursday, May 20, 2010
  27. 27. Pie Charts Total Cupcakes Eaten Large differences in proportion 100 75 50 25 Bubble Charts = Scatter chart on steroids 0 Good for understanding relationships 2007 2008 2009 2010 (3 values per bubble) Rainbow Vanilla Sparklines Bar Charts At-a-glance info More precise with larger data sets Thursday, May 20, 2010
  28. 28. Dot Plot Chart = GREAT Bar Plot Chart = meh... http://flowingdata.com/2010/03/20/graphical-perception-learn-the-fundamentals-first/ Thursday, May 20, 2010
  29. 29. Stacked Bar Chart = EASIER Circle Area Chart = brain hurts http://flowingdata.com/2010/03/20/graphical-perception-learn-the-fundamentals-first/ Thursday, May 20, 2010
  30. 30. 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://chartchooser.juiceanalytics.com/ Freebie, decent looking graphs when you need them fast. Thursday, May 20, 2010
  31. 31. 4. Make your visuals count Thursday, May 20, 2010
  32. 32. Thursday, May 20, 2010
  33. 33. www.colorschemedesigner.com Free tool to help with coloring your world / slides. Thursday, May 20, 2010
  34. 34. fl www.aviary.com Free image editing and adjusting - vector friendly and everything. www.picnik.com Fun and easy semi-deep photo / image editing (easy hook up to Flickr) www.photoshop.com Photoshop finally wizened up and put out a freebie photo editing tool. Thursday, May 20, 2010
  35. 35. www.commoncraft.com/twitter Best way to explain Twitter - visually and through video! www.mediaconverter.org Fast and easy way to get video on your slides without the Web www.downloadhelper.net/ Download and convert, simply and easily Thursday, May 20, 2010
  36. 36. http://smallwarsjournal.com/blog/2009/07/print/draft-draft-draftpowerpoint-1/ Round 1 Thursday, May 20, 2010
  37. 37. http://smallwarsjournal.com/blog/2009/07/print/draft-draft-draftpowerpoint-1/ Round 2 Thursday, May 20, 2010
  38. 38. Thursday, May 20, 2010
  39. 39. Check out your Visualization Toolkit Thursday, May 20, 2010
  40. 40. Thursday, May 20, 2010
  41. 41. http://search.creativecommons.org Search for all kinds of media and juicy visuals for your presentations www.freebase.com CC friendly images, video and audio at your disposal www.compfight.com Incredible alternate Flickr search. My absolute favorite. Just beautiful. Thursday, May 20, 2010
  42. 42. www.slideshare.net Like YouTube, but for your Powerpoints www.empressr.com Design and present in a single online space www.sliderocket.com Create, update and promote your presentations Thursday, May 20, 2010
  43. 43. Thursday, May 20, 2010
  44. 44. Visuals of the FUTURE Thursday, May 20, 2010
  45. 45. 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
  46. 46. www.microsoft.com/surface Thursday, May 20, 2010
  47. 47. Take this home ✓ YOU are your presentation ✓ When in doubt, take it out (or print it) ✓ Seek inspiration Thursday, May 20, 2010
  48. 48. Thanks for being here! Katie Laird Schipul - The Web Marketing Company www.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 http://www.flickr.com/photos/66125582@N00/457743309/ Find these slides on Slideshare: www.slideshare.net/happykatie Thursday, May 20, 2010

×