<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kris Jordan &#187; Communication</title>
	<atom:link href="http://www.krisjordan.com/category/communication/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.krisjordan.com</link>
	<description>on Software, Frameworks, &#38; Stuff</description>
	<lastBuildDate>Tue, 25 Aug 2009 03:49:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Brainstorming Ideas with Sharpies &amp; Sticky Notes</title>
		<link>http://www.krisjordan.com/2008/10/01/brainstorming-ideas-with-sharpies-sticky-notes/</link>
		<comments>http://www.krisjordan.com/2008/10/01/brainstorming-ideas-with-sharpies-sticky-notes/#comments</comments>
		<pubDate>Thu, 02 Oct 2008 00:17:48 +0000</pubDate>
		<dc:creator>Kris</dc:creator>
				<category><![CDATA[Communication]]></category>
		<category><![CDATA[powerpoint]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[sharpies]]></category>
		<category><![CDATA[sticky notes]]></category>

		<guid isPermaLink="false">http://www.krisjordan.com/?p=425</guid>
		<description><![CDATA[After getting a comment from Ric Bretschneider of Microsoft&#8217;s PowerPoint team I came across the book slide:ology on his site Presentations Roundtable. I picked up slide:ology from a bookstore on my way out to New York and it is a great piece of work (and art!) authored by Nancy Duarte of Duarte Design. Duarte Design is [...]]]></description>
			<content:encoded><![CDATA[<p>After getting a <a href="http://www.krisjordan.com/2008/09/07/10-minute-mock-prototyping-tips-for-powerpoint/">comment</a> from <a href="http://talk.presentationsroundtable.com/" onclick="javascript:pageTracker._trackPageview ('/outbound/talk.presentationsroundtable.com');">Ric Bretschneider</a> of Microsoft&#8217;s <a href="http://blogs.msdn.com/powerpoint/archive/2008/09/14/one-more-special-intern.aspx" onclick="javascript:pageTracker._trackPageview ('/outbound/blogs.msdn.com');">PowerPoint team</a> I came across the book <a href="http://www.amazon.com/gp/product/0596522347?ie=UTF8&amp;tag=krijoronsofst-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0596522347" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');">slide:ology</a> on his site <a href="http://talk.presentationsroundtable.com/" onclick="javascript:pageTracker._trackPageview ('/outbound/talk.presentationsroundtable.com');">Presentations Roundtable</a>.  I picked up <a href="http://www.amazon.com/gp/product/0596522347?ie=UTF8&amp;tag=krijoronsofst-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0596522347" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');">slide:ology</a> from a bookstore on my way out to New York and it is a great piece of work (and art!) authored by <a href="http://slideology.com/contributors/" onclick="javascript:pageTracker._trackPageview ('/outbound/slideology.com');">Nancy Duarte</a> of <a href="http://www.duarte.com/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.duarte.com');">Duarte Design</a>. Duarte Design is the firm behind Al Gore&#8217;s &#8220;An Inconvenient Truth&#8221; <a href="http://www.duarte.com/#1.0.0" onclick="javascript:pageTracker._trackPageview ('/outbound/www.duarte.com');">Keynote slide deck</a>. They are also the designers of <a href="http://www.ted.com/index.php/talks/john_doerr_sees_salvation_and_profit_in_greentech.html" onclick="javascript:pageTracker._trackPageview ('/outbound/www.ted.com');">John Doerr&#8217;s TED talk</a>&#8216;s deck. Duarte Design is truly first class.</p>
<div id="attachment_426" class="wp-caption alignright" style="width: 115px"><a href="http://www.krisjordan.com/wp-content/uploads/2008/10/stickynotesexcerpt.jpg"><img class="size-thumbnail wp-image-426" title="Innovating with Sticky Notes" src="http://www.krisjordan.com/wp-content/uploads/2008/10/stickynotesexcerpt-150x150.jpg" alt="Innovating with Sticky Notes" width="105" height="105" /></a><p class="wp-caption-text">Innovating with Sticky Notes (Excerpt)</p></div>
<p>A technique that caught my eye was &#8220;Innovating with Sticky Notes&#8221; (p28). The premise is to use a sharpie and generate ideas on sticky notes. One idea per sticky note (the bonus of using a sharpie is that is about all you can fit). Just unleash as many ideas as possible and get them up on the wall. Structure and flow can then be orchestrated by rearranging the notes.</p>
<div id="attachment_427" class="wp-caption alignleft" style="width: 115px"><a href="http://www.krisjordan.com/wp-content/uploads/2008/10/stickynotes.jpg"><img class="size-thumbnail wp-image-427" title="stickynotes" src="http://www.krisjordan.com/wp-content/uploads/2008/10/stickynotes-150x150.jpg" alt="Idea Notes for Chord Talk" width="105" height="105" /></a><p class="wp-caption-text">Idea Notes for Chord Talk</p></div>
<p>I decided to give the sticky note method a shot with a talk I&#8217;m giving on the <a href="http://en.wikipedia.org/wiki/Chord_project" onclick="javascript:pageTracker._trackPageview ('/outbound/en.wikipedia.org');">Chord Protocol</a> in a <a href="http://www.cs.unc.edu/~dewan/290/f08/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.cs.unc.edu');">graduate class</a> I&#8217;m auditing at UNC. I must admit I really liked the technique after trying it out. It&#8217;s quick and dirty and prevented me from getting lost in details and aesthetics. My focus remained on the big ideas and overall message I wanted to &#8216;teach&#8217;. I would even go so far as to say that it&#8217;s <em>fun</em>. Once I&#8217;m done with the talk I&#8217;ll narrate a slideshow and throw it up on here so you can see the end result.</p>
<p>This sharpie + sticky notes method is only a detail in the grand thesis of Nancy Duarte&#8217;s <a href="http://slideology.com/" onclick="javascript:pageTracker._trackPageview ('/outbound/slideology.com');">slide:ology</a>. Spend some quality time with <a href="http://www.amazon.com/gp/product/0596522347?ie=UTF8&amp;amp;tag=krijoronsofst-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0596522347" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');">this book</a> before you prepare your next presentation, you won&#8217;t regret it.</p>
<p><em>Aside: if you&#8217;re going to use this technique on a wall at a coffee shop be prepared for inquisitive looks! <img src='http://www.krisjordan.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.krisjordan.com/2008/10/01/brainstorming-ideas-with-sharpies-sticky-notes/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Why the Google Chrome Comic Rocked &#8211; Scott McCloud&#8217;s &#8220;Invisible Art&#8221;</title>
		<link>http://www.krisjordan.com/2008/09/09/why-the-google-chrome-comic-rocked-scott-mcclouds-invisible-art/</link>
		<comments>http://www.krisjordan.com/2008/09/09/why-the-google-chrome-comic-rocked-scott-mcclouds-invisible-art/#comments</comments>
		<pubDate>Tue, 09 Sep 2008 19:40:34 +0000</pubDate>
		<dc:creator>Kris</dc:creator>
				<category><![CDATA[Communication]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[closure]]></category>
		<category><![CDATA[commics]]></category>
		<category><![CDATA[graphic novels]]></category>
		<category><![CDATA[mccloud]]></category>
		<category><![CDATA[understanding comics]]></category>

		<guid isPermaLink="false">http://www.krisjordan.com/?p=48</guid>
		<description><![CDATA[Who read all 39 pages of the Chrome Comic? I did. It was awesome. It was a personal walk through of the product with the Googlers who made it but far less annoying and more informative than if the same content were in a video interview. How is it you walk away from the Chrome [...]]]></description>
			<content:encoded><![CDATA[<p>Who read all 39 pages of the <a href="http://www.google.com/googlebooks/chrome/" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.google.com');">Chrome Comic</a>? I did. <em>It was awesome.</em> It was a personal walk through of the product with <em>the </em>Googlers who made it but <em>far less annoying and more informative</em> than if the same content were in a video interview. How is it you walk away from the Chrome Comic feeling <em>excited </em>and not like you just got <em>sucker </em><em>punched in the face</em> by a clueless marketing team?</p>
<div class="mceTemp">
<dl id="attachment_49" class="wp-caption alignleft" style="width: 130px;"><a href="http://www.amazon.com/gp/product/006097625X?ie=UTF8&amp;tag=krijoronsofst-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=006097625X" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');"></a>                 </p>
<dt class="wp-caption-dt"><a href="http://www.amazon.com/gp/product/006097625X?ie=UTF8&amp;tag=krijoronsofst-20&amp;link_code=as3&amp;camp=211189&amp;creative=373489&amp;creativeASIN=006097625X" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');"><img class="size-thumbnail wp-image-49  " title="uc-new" src="http://www.krisjordan.com/wp-content/uploads/2008/09/uc-new-150x150.jpg" alt="Understanding Comics: The Invisible Art" width="120" height="120" /></a></dt>
<dd class="wp-caption-dd">McCloud&#8217;s Book: &#8220;Understanding Comics&#8221;</dd>
</dl>
</div>
<p><a href="http://www.amazon.com/gp/product/006097625X?ie=UTF8&amp;tag=krijoronsofst-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=006097625X" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');"></a></p>
<p class="MsoNormal"><a href="http://www.scottmccloud.com/" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.scottmccloud.com');">Scott McCloud</a> is how. <strong>McCloud is a rock star</strong> <strong>at communicating</strong><strong> ideas </strong>through “sequential art” (his abridged definition of <em>comics</em>). His seminal work, <a href="http://www.amazon.com/gp/product/006097625X?ie=UTF8&amp;tag=krijoronsofst-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=006097625X" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');">Understanding Comics: The Invisible Art</a>, is considered the definitive analysis on graphic novels. Crazily enough, back in my college <em>Intro to Fiction </em>course, my professor focused the course on graphic novels and used McCloud’s work as the <strong><em>primary</em></strong> textbook.</p>
<p class="MsoNormal"><strong><a href="http://www.amazon.com/gp/product/006097625X?ie=UTF8&amp;tag=krijoronsofst-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=006097625X" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');">Understanding Comics</a> has implications well beyond comics</strong>. Particularly of interest are McCloud’s thoughts on communicating new ideas and organizing user-interface design. Immediately after reading the Chrome comic I drove out to Barnes &amp; Noble and bought another copy of the book. Here are three ideas I found particularly insightful:</p>
<h3>Magic in the Gutter: Closure</h3>
<div id="attachment_51" class="wp-caption alignright" style="width: 160px"><a href="http://www.krisjordan.com/wp-content/uploads/2008/09/gutter.jpg"><img class="size-thumbnail wp-image-51 " title="The Gutter" src="http://www.krisjordan.com/wp-content/uploads/2008/09/gutter-150x150.jpg" alt="Closure requires the reader transform two images into a single idea." width="150" height="150" /></a><p class="wp-caption-text">Closure requires the reader transform two images into a single idea.</p></div>
<p>Where do you think the real magic in the Chrome Comic lies? The simple captions? The beautiful art? The googly shading? No, in <em>Understanding Comics</em> McCloud argues <strong>the real magic is in the space between panels, it&#8217;s in the &#8220;gutter&#8221;</strong>. When you read a comic book you are forced to connect each panel to the next. From an axe-murderer pursuing a frightened man in one panel to an ambiguous shriek in the next, what happened? <strong>You killed a character in your mind. The artist did nothing of the sort.</strong> <strong>Closure </strong>(<em><span style="color: #808080;">no, not in the functional/lambda sense, calm down</span></em>) is the work done by a reader which takes two juxtaposed images and unifies them into a single idea. <strong>Closure is the magic of comics</strong>.</p>
<h3><span style="font-weight: normal;">Receiving vs. Perceiving Information</span></h3>
<div id="attachment_52" class="wp-caption alignright" style="width: 160px"><a href="http://www.krisjordan.com/wp-content/uploads/2008/09/receivedperceived.jpg"><img class="size-thumbnail wp-image-52 " title="Receiving vs Perceiving Information" src="http://www.krisjordan.com/wp-content/uploads/2008/09/receivedperceived-150x150.jpg" alt="Pictures are quickly received, abstractions are slowly perceived." width="150" height="150" /></a><p class="wp-caption-text">Pictures are quickly received, abstractions are slowly perceived.</p></div>
<p>Scott McCloud has an entire <a href="http://www.scottmccloud.com/inventions/triangle/triangle.html" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.scottmccloud.com');">theory of &#8220;visual iconography&#8221;</a> which, in it&#8217;s most basic form, implies <strong>that the more visually realistic and concrete something is, the more instantaneously we &#8220;receive&#8221; the message</strong>. Humans receive communication with pictures. Our minds have some kind of sick parallel processing power to instantly understanding images. <strong>As visuals become more abstract (i.e. letters, words) the more time we spend &#8220;perceiving&#8221; the communication</strong>. We have to compose letters into words and transform words into thoughts.</p>
<p>Being aware of this continuum, and the inherent trade-offs, allows us to think about communicating ideas more effectively. Take another look at the <a href="http://www.google.com/googlebooks/chrome/small_00.html" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.google.com');">Chrome Comic</a> and observe where McCloud uses words and where he uses images. Watch one of <a href="http://www.youtube.com/watch?v=YUeM6FBInfw" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.youtube.com');">Steve Job&#8217;s keynotes</a> and notice the use of concrete images on his slides. Same thing.</p>
<h3>The Mastery of a Trade is the Survival of the Creator&#8217;s Intentions</h3>
<div id="attachment_54" class="wp-caption alignright" style="width: 160px"><a href="http://www.krisjordan.com/wp-content/uploads/2008/09/mastery.jpg"><img class="size-thumbnail wp-image-54 " title="Mastery" src="http://www.krisjordan.com/wp-content/uploads/2008/09/mastery-150x150.jpg" alt="Mastery is the degree a creators ideas survive production." width="150" height="150" /></a><p class="wp-caption-text">Mastery is the degree a creator&#39;s ideas survive production.</p></div>
<p>Toward the end of the book McCloud discusses the progression from a novice comic artist to a master of the art and the stages which lie between. This progression holds true in software engineering and design as well. There was <a href="http://www.krisjordan.com/wp-content/uploads/2008/09/mastery.jpg" target="_blank">one set of panels</a>, in particular, which hit home a home run: &#8220;The <strong>MASTERY </strong>of one&#8217;s medium is the degree to which that percentage [of how much a finished project represents the creator's original vision] can be <strong>INCREASED</strong>, the degree to which the artist&#8217;s ideas <strong>SURVIVE </strong>the journey.&#8221; </p>
<p>Software is the same way! How often have you envisioned a program, algorithm, user interface, arthictecture, web site, etc. and built it only to realize it represents a fraction of what you originally envisioned? This is true of mastering many crafts: writing, designing, public speaking, teaching, &#8230; it goes on. <strong>Mastery is exhibited by how much of the creator&#8217;s vision survives the journey through production</strong>. This resonates with comments <a href="http://en.wikipedia.org/wiki/Ira_Glass" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/en.wikipedia.org');">Ira Glass</a> of <a href="http://www.thisamericanlife.org/" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.thisamericanlife.org');">This American Life</a> made in an interview <em>On Storytelling</em> (<a href="http://www.youtube.com/watch?v=-hidvElQ0xE" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.youtube.com');">YouTube</a>).</p>
<h3>Go Experience the Book</h3>
<p><strong>If you were fascinated by the Google Chrome comic, go experience the book. </strong>To truly get at the value of <a href="http://www.scottmccloud.com/" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.scottmccloud.com');">McCloud</a>&#8216;s <a href="http://www.amazon.com/gp/product/006097625X?ie=UTF8&amp;tag=krijoronsofst-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=006097625X" target="_blank" onclick="javascript:pageTracker._trackPageview ('/outbound/www.amazon.com');">Understanding Comics</a>, go pull it off the shelves of your local bookstore and spend some time with it. I&#8217;ll bet you&#8217;ll be as impressed as I was.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.krisjordan.com/2008/09/09/why-the-google-chrome-comic-rocked-scott-mcclouds-invisible-art/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
