{"id":586,"date":"2009-04-10T01:10:25","date_gmt":"2009-04-10T06:10:25","guid":{"rendered":"http:\/\/itp.indiamos.com\/blog\/?p=586"},"modified":"2009-04-14T01:09:34","modified_gmt":"2009-04-14T06:09:34","slug":"pictures-vs-words","status":"publish","type":"post","link":"https:\/\/itp.indiamos.com\/blog\/2009\/04\/10\/pictures-vs-words\/","title":{"rendered":"Pictures vs. words"},"content":{"rendered":"<p><a href=\"http:\/\/www.flickr.com\/photos\/gw1\/2355855208\/\"><img loading=\"lazy\" src=\"https:\/\/i2.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/2009\/04\/word_picture-400x257.jpg?resize=400%2C257\" alt=\"A word is also a picture of a word\" title=\"A word is also a picture of a word\" width=\"400\" height=\"257\" class=\"alignnone size-medium wp-image-593\" srcset=\"https:\/\/i0.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/word_picture.jpg?w=400&amp;ssl=1 400w, https:\/\/i0.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/word_picture.jpg?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/word_picture.jpg?w=948&amp;ssl=1 948w, https:\/\/i0.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/word_picture.jpg?w=1422&amp;ssl=1 1422w\" sizes=\"(max-width: 400px) 100vw, 400px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p>Remember how on March 5th I was supposed to <a href=\"http:\/\/itp.indiamos.com\/blog\/2009\/03\/05\/stuffstash-slides\/\">give a presentation in 1&#8242;, 2&#8242;, 10&#8242;<\/a>, but it got bumped? And then the following week&#8217;s class was canceled, and then we had spring break. So it wasn&#8217;t until three weeks later, March 26, that I finally got to take my turn squirming at the front of the room. Three extra weeks! So, naturally, I used all that time working on my project, right?<\/p>\n<p>Oh, no, that wouldn&#8217;t have been fair. I did revise my slides, but I left it until the last fucking minute, as usual, so as not to have an undue advantage over my classmates. Right. That&#8217;s totally why.<\/p>\n<p>What I did do in the interim, however, was stumble across this fab <a href=\"http:\/\/www.oreillynet.com\/pub\/e\/1095\" title=\"You are a Natural Born (Visual) Storyteller\">webcast by Nancy Duarte<\/a> about how to give better presentations:<\/p>\n<p><object width=\"425\" height=\"344\"><param name=\"movie\" value=\"http:\/\/www.youtube.com\/v\/BF93HJsGhRQ&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1\"><\/param><param name=\"allowFullScreen\" value=\"true\"><\/param><\/object><\/p>\n<p>After hearing her talk, I bought and started reading her book, <cite><a rel=\"nofollow\" href=\"http:\/\/www.amazon.com\/gp\/product\/0596522347?ie=UTF8&#038;tag=indink-20&#038;link_code=as3&#038;camp=211189&#038;creative=373489&#038;creativeASIN=0596522347indink-20\" >Slide:ology<\/a><\/cite>, which is a more detailed presentation of the same suggestions.<\/p>\n<p>(Here&#8217;s another Nancy Duarte webcast, which I haven&#8217;t watched yet: <a href=\"http:\/\/vizthink.com\/blog\/2008\/06\/18\/webinar-creating-powerful-presentations-with-nancy-duarte\/\">Creating Powerful Presentations<\/a>.)<\/p>\n<p>So between that and taking copious notes on my classmates&#8217; midterm presentations, especially in Wearables, I got a lot of ideas about how I should redo my slides, as well as my overall presentation style. The result is <a href=\"http:\/\/itp.indiamos.com\/blog\/wp-content\/uploads\/stuffstash2sm.pdf\">a deck that does not make any sense unless I&#8217;m standing there with a remote, explaining it to you<\/a> (PDF, 1.1 MB)&#8212;and using a remote is, I decided after watching a lot of in-class presentations, a good thing to do. I got my Mac remote to turn pages in Acrobat using a program called <a href=\"http:\/\/filewell.com\/iRedLite\/\">iRed Lite<\/a>. I can&#8217;t really recommend it, since it stumped me for quite a while the first time I used it, and the next time I tried, a few weeks later, I positively could not figure out how I had ever made it work in the first place. There&#8217;s something about the UI that confuses the hell out of me. But it can, theoretically, do the job, and it&#8217;s free.<\/p>\n<p>Some other things I learned from watching classmates&#8217; presentations:<\/p>\n<ul>\n<li>Proofread, proofread, proofread.<\/li>\n<li>Stand while you present, even if you don&#8217;t have a remote. Think of someone you know who&#8217;s poised and relaxed speaking in front of a group, and then try to channel that person for five minutes. Breathe between sentences. Make eye contact.<\/li>\n<li>I really don&#8217;t care about the technical side of your project. Don&#8217;t tell me what hardware and libraries and so forth are used in it; describe it to me as though I were a normal human being who doesn&#8217;t have four Arduini in her apartment right now. Just because I have them doesn&#8217;t mean I know how to use them.<\/li>\n<li>Those very corporate-looking system diagrams showing how information will flow through your application? They&#8217;re completely unintelligible. Skip them.<\/li>\n<li>You don&#8217;t have to make all your graphics all slick, in Illustrator or Photoshop. Hand-drawn diagrams or sketches can be much more engaging.<\/li>\n<li>As early as possible in the presentation, show me some kind of image of what your project will be&#8212;or, better yet, the prototype you&#8217;re working on&#8212;so that I can hold that in my mind as you go into all the background and process and detail. If I don&#8217;t know what your project is yet, I probably won&#8217;t find the rest of that information interesting. This was true even though I knew perfectly well what my classmates&#8217; projects were. When I watched their presentations, if they didn&#8217;t show and describe what they were making early on, I was unable to hold my attention on whatever else they were saying instead. Context.<\/li>\n<li>Don&#8217;t put a lot of text on the screen. If you&#8217;re talking and there&#8217;s a whole paragraph on the screen behind you, my attention&#8217;s going to be split. And if it turns out that you&#8217;re just repeating what that paragraph says, almost word for word, I&#8217;ll feel exasperated. People should be listening to <em>you<\/em> for the words in your presentation, not reading them off the <em>slides<\/em>.<\/li>\n<li>If you don&#8217;t have anything sexy to put on a slide for a given portion of your talk, it&#8217;s fine to\n<ol>\n<li>repeat a previous slide, or<\/li>\n<li>show a slide that contains just one word representing that moment&#8217;s topic&#8212;&#8220;research,&#8221; for instance, or &#8220;inspiration.&#8221; Treat that text as a graphic element&#8212;make it big, pay attention to how it looks.\n<\/li>\n<\/ol>\n<\/li>\n<li>Typography!<\/li>\n<li>If you have a relevant quotation to share, don&#8217;t bury it in a whole long paragraph; give it a slide by itself.<\/li>\n<li>Don&#8217;t try to cover too much. It&#8217;s better to give people a thoughtful, measured thumbnail-presentation of the project and stop talking early enough that there&#8217;s time for people to ask questions about the parts that actually interest them than it is to brain-dump every piece of information you have, leaving time for only a few dazed comments from your audience at the end.<\/li>\n<li>Videos of a thing working are helpful, but you have to explain what&#8217;s going on while it&#8217;s playing. This may be a good time to unload some of those boring technical details, while there&#8217;s a moving image to spice them up.<\/li>\n<li>Proofread, proofread, proofread. If I had a dime for every typo I saw during midterm presentations . . . I offered my services as a proofreader in the <a href=\"http:\/\/www.webgrrls.com\/\">Webgrrls<\/a>-style need\/give session we had in 1&#8242; 2&#8242; 10&#8242;, but nobody seemed to think they needed such a thing. They are wrong.<\/li>\n<li>If you&#8217;re going to read some text that appears on a slide, do it slowly, with feeling; don&#8217;t just rush through it breathlessly, making it impossible for people to either read the text for themselves or follow what you&#8217;re saying. Make it clear that you&#8217;re reading what&#8217;s on the screen so people don&#8217;t have to struggle to figure it out. If you&#8217;re not able to introduce the text with something like &#8220;I&#8217;d just like to read you this quote, which really inspired me . . .&#8221; you probably shouldn&#8217;t be giving it a slide.<\/li>\n<\/ul>\n<p>So, here again are <a href=\"http:\/\/itp.indiamos.com\/blog\/wp-content\/uploads\/stuffstash2sm.pdf\">the slides I ended up using<\/a>  (PDF, 1.1 MB) for my midterm presentation. I suppose some day maybe I&#8217;ll write captions more or less like what I said in front of the class, but in the meantime you can read <a href=\"http:\/\/itp.indiamos.com\/blog\/2009\/03\/05\/stuffstash-slides\/\">the old slides<\/a> if you want to know the gist.<\/p>\n<p><span style=\"font-size:smaller;color:#666;\">Photo: <a href=\"http:\/\/www.flickr.com\/photos\/gw1\/2355855208\/\">A WORD IS ALSO A PICTURE OF A WORD<\/a> by gwalton1; <a href=\"http:\/\/creativecommons.org\/licenses\/by-nc\/2.0\/deed.en\">some rights reserved<\/a>.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Remember how on March 5th I was supposed to give a presentation in 1&#8242;, 2&#8242;, 10&#8242;, but it got bumped? And then the following week&#8217;s class was canceled, and then we had spring break. So it wasn&#8217;t until three weeks later, March 26, that I finally got to take my turn squirming at the front &hellip; <a href=\"https:\/\/itp.indiamos.com\/blog\/2009\/04\/10\/pictures-vs-words\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Pictures vs. words<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[30,5,4,16,38,37,31],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3qY10-9s","_links":{"self":[{"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/posts\/586"}],"collection":[{"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/comments?post=586"}],"version-history":[{"count":18,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/posts\/586\/revisions"}],"predecessor-version":[{"id":608,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/posts\/586\/revisions\/608"}],"wp:attachment":[{"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/media?parent=586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/categories?post=586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/tags?post=586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}