<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Rohdesign | Mike Rohde, Designer</title>
<link>http://www.rohdesign.com/weblog/</link>
<description></description>
<language>en</language>
<copyright>Copyright 2009 Mike Rohde</copyright>
<lastBuildDate>Tue, 30 Jun 2009 00:32:13 GMT</lastBuildDate>
<docs>http://backend.userland.com/rss</docs>
<generator>Movable Type 4.23-en</generator>
<managingEditor>mike@rohdesign.com (Mike Rohde)</managingEditor>
<webMaster>mike@rohdesign.com (Mike Rohde)</webMaster>
<atom:link href="http://www.rohdesign.com/weblog/rss2.xml" rel="self" type="application/rss+xml" />


<item>
<title>Alaskan Cruise &apos;09 Sketchnotes</title>
<link>http://www.rohdesign.com/weblog/archives/003077.html</link>
<description><![CDATA[<p>I'm back from a wonderful Alaskan cruise of the Inside Passage last week. I spent the week capturing <a href="http://www.flickr.com/photos/rohdesign/sets/72157620611906913/">28 pages of sketchnotes of my experiences</a> to share with you:</p>

<p><a href="http://www.flickr.com/photos/rohdesign/3674518070/" title="Alaskan Cruise '09: Sketchnotes 01-02 by Mike Rohde, on Flickr"><img src="http://farm4.static.flickr.com/3327/3674518070_6f1bf13b70.jpg" width="500" height="405" alt="Alaskan Cruise '09: Sketchnotes 01-02" style="margin: 0 0 8px 0; padding: 0; border: 1px solid #ccc;" /></a></p>

<p>Alaska is almost indescribable. I've done my best to capture what I saw, but the best way to experience Alaska is first hand. If you ever have a chance &mdash; <strong>go</strong>.</p>

<p>Enjoy the <a href="http://www.flickr.com/photos/rohdesign/sets/72157620611906913/">sketchnotes</a>!</p>]]>
</description>
<category>Sketchnotes</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003077.html</guid>
<pubDate>Tue, 30 Jun 2009 00:32:13 GMT</pubDate>
</item>

<item>
<title>Maruman Mnemosyne Notebook Video Review</title>
<link>http://www.rohdesign.com/weblog/archives/003071.html</link>
<description><![CDATA[<p>About a month ago I picked up a set of two <a href="http://www.jetpens.com/product_info.php/products_id/4117">Maruman Mnemosyne A4 gridded notebooks</a>, curious to see how they worked for wireframing websites. </p>

<p>In the past month I've been impressed with how well the Mnemosyne notebook has performed, so I shot a brief review video of the notebook to share with you:</p>

<p><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5086958&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5086958&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object><p><a href="http://vimeo.com/5086958">Maruman Mnemosyne A4 Notebook Video Review</a> from <a href="http://vimeo.com/rohdesign">Mike Rohde</a> on <a href="http://vimeo.com">Vimeo</a>.</p></p>

<p>I love the smooth, calendared paper in the book, because it holds pencil so well. Even soft pencil sketches seem to hold in place without smearing like other books that have paper with texture or tooth on them.</p>

<p>The size is also nice, as A4 (210 &#215; 297 mm) provides a little more vertical height than US Letter sized 8.5" x 11" sheets of paper. This gives that little extra on the top and bottom, which works well for site design, which tends to be more vertical.</p>

<p>Lastly, the light gray grid is strong enough to be seen but light enough not to get in the way. The grid is also relatively easy to knock out in Photoshop, convenient for making your wireframe sketches cleaner for presentations.</p>

<p>Maruman Mnemosyne notebooks can be bought at <a href="http://www.jetpens.com/product_info.php/products_id/4117">JetPens.com</a> in a set of 2 for $32. They're not the cheapest notebook, but the balance of paper quality, size and grid tonality make them worth the extra cost to me.</p>]]>
</description>
<category>Web Design</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003071.html</guid>
<pubDate>Sat, 13 Jun 2009 09:23:45 GMT</pubDate>
</item>

<item>
<title>SXSWi &apos;09 Sketchnotes Tapstack iPhone app: Demo Video</title>
<link>http://www.rohdesign.com/weblog/archives/003066.html</link>
<description><![CDATA[<p>Today my friends at <a href="http://www.sixvoices.com/">SixVoices</a> sent over the final preview of my SXSW Interactive 2009 Sketchnotes <a href="http://www.sixvoices.com/tapstack">Tapstack</a> app for iPhone/iPod touch and it looks incredible! </p>

<p>Tomorrow the app should be submitted to the iTunes app store &mdash;&#160;hopefully it will be on sale for $0.99 in the next few days. I'll keep you guys posted.</p>

<h4>Tapstack Demo Video</h4>
In the mean time, I've created a quick demo video of the Tapstack on my iPod touch, to show you what the app looks like and how it works:

<p><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4971984&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4971984&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object><p><a href="http://vimeo.com/4971984">SXSW Interactive 2009 Sketchnotes Tapstack App Demo</a> from <a href="http://vimeo.com/rohdesign">Mike Rohde</a> on <a href="http://vimeo.com">Vimeo</a>.</p></p>

<p>I <strong>love</strong> how the Tapstack app displays the sketchnotes. My original sketchnote pages were created in a Moleskine sketchbook, so the card stack format works really well. Funnily enough, creating numbers for every page was the most work!</p>

<h4>More Tapstacks?</h4>
I'm very excited to see sketchnotes available as a handy mobile reference for the iPhone and iPod touch. I'm already thinking about creating Tapstacks for <a href="http://www.flickr.com/photos/rohdesign/sets/72157602795582286/">SEED 1</a> and <a href="http://www.flickr.com/photos/rohdesign/sets/72157605489759516/">SEED 3</a>, <a href="http://www.flickr.com/photos/rohdesign/sets/72157604109069527/">SXSW Interactive 2008</a> and <a href="http://www.flickr.com/photos/rohdesign/sets/72157608141993098/">An Event Apart 2008</a>.

<p>If you're interested in seeing any or all of those, let me know!</p>

<h4>Thanks SixVoices!</h4>
Throughout the Tapstack planning and building process, the SixVoices crew (Mark Carpenter, Samuel Bowles and Jonah Bailey) were great to work with. It's so much fun working a bunch of guys so excited about building new products. Thanks guys!]]>
</description>
<category>Sketchnotes</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003066.html</guid>
<pubDate>Tue, 02 Jun 2009 22:46:07 GMT</pubDate>
</item>

<item>
<title>Society of News Design Chicago &apos;09 Sketchnotes</title>
<link>http://www.rohdesign.com/weblog/archives/003062.html</link>
<description><![CDATA[<p>Last weekend I was honored to be invited to attend the <a href="http://update.snd.org/">Society of News Design</a> to sketchnote their <a href="http://update.snd.org/update/entry/live-from-the-chicago-meetup/">meetup in Chicago</a>. After enjoying a morning wandering Chicago, I arrived at Tribune Tower for the event, ready to capture the presentations.</p>

<p><a href="http://www.flickr.com/photos/33472412@N00/3540303972" title="View 'SND Chicago 09: First Spread' on Flickr.com"><img src="http://farm3.static.flickr.com/2348/3540303972_cfb8ae71ab.jpg" alt="SND Chicago 09: First Spread" border="0" width="500" height="375" align="left" style="margin: 0px 0px 8px 0px; padding: 3px; border: 1px solid #ccc;" /></a><br />
You can see the presentations captured in my <a href="http://www.flickr.com/photos/rohdesign/sets/72157618327933332/">SND Chicago '09 Sketchnotes Set</a> or in the slideshow of the sketchnotes created for quick viewing as a <a href="http://flickrslidr.com/">FlickrSlidr</a>:</p>

<p><object type="text/html" data="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=&set_id=72157618327933332&tags=sketchnotes,snd,sndchicago,chicago,news,rohde,rohdesign" width="500" height="500"></object><br/><small>Created with <a href="http://www.admarket.se" title="Admarket.se">Admarket's</a> <a href="http://flickrslidr.com" title="flickrSLiDR">flickrSLiDR</a>.</small></p>

<p>Thanks <a href="http://twitter.com/mattmansfield">Matt Mannsfield</a> and <a href="http://twitter.com/designhawg">Chris Courtney</a> for your kind invitation. I appreciated the opportunity to meet people from the news design industry and had a great time!</p>]]>
</description>
<category>Sketchnotes</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003062.html</guid>
<pubDate>Sat, 23 May 2009 10:18:04 GMT</pubDate>
</item>

<item>
<title>My VizNotes 101 Webinar Experiences</title>
<link>http://www.rohdesign.com/weblog/archives/003060.html</link>
<description><![CDATA[<p>On Tuesday, <a href="http://www.austinkleon.com/">Austin Kleon</a>, <a href="http://www.sunnibrown.com/">Sunni Brown</a> and <a href="http://www.davegrayinfo.com/">Dave Gray</a> put on the first in a series of <a href="http://vizthink.com/index.php?option=com_content&task=view&id=435&Itemid=370">VizThinkU</a> webinars, called <a href="http://vizthink.com/index.php?option=com_content&task=view&id=434">Visual Note-Taking 101</a>. We had a great time presenting and judging by the <a href="http://search.twitter.com/search?q=viznotes">#viznotes</a> Twiiter hashtag, our attendees had a great time too.</p>

<p>What the webinar covered, in a nutshell: Austin covered drawing skills with fun drawing exercises, I shared techniques and tips I've learned from sketchnoting and Sunni explained listening skills for the visual note-taker.</p>

<h4>Sketchnoting Austin Kleon's Drawing Lessons</h4>
While Austin presented his section on drawing, I live captured this part of the webinar. Here are 6 pages of my sketchnotes from the first section:

<p><a href="http://www.flickr.com/photos/33472412@N00/3526538306" title="View 'VizNotes 101 Sketchnotes: 01-02' on Flickr.com"><img src="http://farm4.static.flickr.com/3634/3526538306_e4017b4cf4.jpg" alt="VizNotes 101 Sketchnotes: 01-02" border="0" width="500" height="405" align="left" style="margin: 0px 0px 8px 0px; padding: 3px; border: 1px solid #ccc;" /></a><br style="clear:both;" /></p>

<p><a href="http://www.flickr.com/photos/33472412@N00/3525730729" title="View 'VizNotes 101 Sketchnotes: 03-04' on Flickr.com"><img src="http://farm4.static.flickr.com/3304/3525730729_4265433578.jpg" alt="VizNotes 101 Sketchnotes: 03-04" border="0" width="500" height="405" align="left" style="margin: 0px 0px 8px 0px; padding: 3px; border: 1px solid #ccc;" /></a><br style="clear:both;" /></p>

<p><a href="http://www.flickr.com/photos/33472412@N00/3526538518" title="View 'VizNotes 101 Sketchnotes: 05-06' on Flickr.com"><img src="http://farm4.static.flickr.com/3617/3526538518_4f2491ec9d.jpg" alt="VizNotes 101 Sketchnotes: 05-06" border="0" width="500" height="405" align="left" style="margin: 0px 0px 8px 0px; padding: 3px; border: 1px solid #ccc;" /></a><br style="clear:both;" /></p>

<h4>Presenting Sketchnote Techniques</h4>
I went next, sharing the techniques and tips learned from 2 years of developing my sketchnote style at conferences and events. You can see my slides <a href="http://www.rohdesign.com/weblog/archives/003059.html">in this post</a>.

<p>I felt the presentation went reasonably well &mdash; though I wish I had another week to run through my slides and materials. I've noted some things I need to improve for next time and am asking some key folks for feedback as well. If you were an attendee, please <a href="mailto:mike@rohdesign.com">email your feedback</a> to me with <strong>VizNotes101</strong> in the subject line.</p>

<p>At the end of the presentation, I used a webcam on a tripod to capture myself live sketchnoting Dave, Austin and Sunni answering audience questions:</p>

<p><a href="http://www.flickr.com/photos/33472412@N00/3525730939" title="View 'VizNotes 101 Sketchnotes: 07-08' on Flickr.com"><img src="http://farm4.static.flickr.com/3597/3525730939_8da90131bf.jpg" alt="VizNotes 101 Sketchnotes: 07-08" border="0" width="500" height="405" align="left" style="margin: 0px 0px 8px 0px; padding: 3px; border: 1px solid #ccc;" /></a><br style="clear:both;" /></p>

<h4>Missing Sunni Brown's Listening Skills</h4>
During hour 3 of the webinar, I was a panelist in a social media discussion at Northwoods Software, so I wasn't able to see Sunni's session on better listening. I'm bummed I missed it, but am looking forward to watching the recorded webinar.

<h4>Final Thoughts</h4>
Here are a few thoughts after pondering the webinar for 24 hours:
<ul><li>I'm still blown away that over 100 people signed up for the webinar. Thanks for making this event a resounding success.</li><li>I had a great time doing the webinar, but it was odd presenting to a silent room, except for Sunni, Dave or Austin's questions or comments.</li><li>The setup made me feel like a cyborg, with wires everywhere, cameras on and windows all over my screen. In fact, after our dry run Monday night, I left everything I'd setup, in place overnight for fear of messing things up.</li><li>I'm going to add practical exercises to the sketchnoting presentation, after seeing how much fun Austin's drawing exercises were.</li><li>I was fortunate to find Nancy Duarte's excellent video tutorial, <a href="http://www.duarte.com/six-tips/">6 Tips for Remote Presenting</a>. She encouraged me to make my presentation personal and to use photos of my family as a reminder that I was talking to a live audience.</li><li>3 hours seemed like a long time until we got started, then the time just flew.</li></ul>

<p>I can safely speak for everyone involved in our webinar &mdash; we're all very honored to have you spend your precious time learning visual note-taking with us. </p>

<p>Thank you!</p>

<h4>Related Links</h4>
<a href="http://www.slideshare.net/austinkleon/life-map">Austin's Presentation</a><br/>
<a href="http://www.flickr.com/photos/deathtogutenberg/tags/viznotes/">Austin' Kleon's VizNotes</a><br/>
Patrick Rhone: <a href="http://blog.worklifecreativity.net/2009/05/look-at-me-im-drawing/">Look at me! I&rsquo;m drawing!</a><br/>
<a href="http://www.flickr.com/photos/36363318@N04/sets/72157618000449795">Dean Meyers' VizNotes</a><br/>
<a href="http://www.flickr.com/photos/patrickrhone/sets/72157618054179532/">Patrick Rhone's VizNotes </a><br/>
<a href="http://www.flickr.com/photos/christykilgorehadley/3525894843">Christy Kilgore's VizNotes </a><br/>
<a href="http://www.flickr.com/photos/44oz/sets/72157617960141851/">Cath's (@440z) VizNotes </a><br/>
<a href="http://www.flickr.com/photos/jonnygoldstein/sets/72157617962733419/">Johhny Goldstein's VizNotes</a><br/>
<a href="http://www.flickr.com/photos/girlsgotmoxie/3526710468/">GirlsGotMoxie's VizNotes</a><br/>
<a href="http://www.flickr.com/photos/34243232@N04/sets/72157617987806471/">Karen Bennett's VizNotes</a><br/>
<a href="http://twitpic.com/51frx">Chris Saylor's VizNotes</a><br/>
<a href="http://www.flickr.com/photos/11494647@N00/3526286758/">James Macanufo's VizNotes</a><br/>
<a href="http://twitpic.com/51yg0">Rob Court's VizNotes of Milo</a> (Austin's dog)<br/>
<a href="http://www.flickr.com/photos/livlab/3525951746/">@livlab's VizNotes</a><br/>
<a href="http://twitpic.com/51g56">@sodaly's VizNotes</a><br/>
<a href="http://twitpic.com/51g80">@psychokinetic's VizNotes</a><br/>
<a href="http://twitpic.com/51jez">@ccheaton's VizNotes</a><br/>
<a href="http://www.flickr.com/photos/muness/tags/viznotes/">@muness' VizNotes</a><br/>
<a href="http://twitpic.com/51nx6">@sgmitch's VizNotes</a><br/>
<a href="http://vizthink.com/index.php?option=com_fireboard&Itemid=28&func=view&id=265&catid=70">VizThinkU: Visual Note-Taking 101 Forums</a><br/>
<br style="clear:both;" />]]>
</description>
<category>Sketchnotes</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003060.html</guid>
<pubDate>Wed, 13 May 2009 14:15:58 GMT</pubDate>
</item>

<item>
<title>Visual Note-Taking 101: Sketchnoting Techniques Slides</title>
<link>http://www.rohdesign.com/weblog/archives/003059.html</link>
<description><![CDATA[<p>I've just posted the slides for my section of <a href="http://vizthink.com/index.php?option=com_content&task=view&id=434">Visual Note-Taking 101 Webinar</a> called Sketchnoting Techniques. I'll be presenting live with Moderator <a href="http://www.davegrayinfo.com/">Dave Gray</a> and presenters <a href="http://www.austinkleon.com/">Austin Kleon</a> and <a href="http://www.sunnibrown.com/">Sunni Brown</a> on Tuesday, May 12th, 11-2 EST.</p>

<p>Here's the deck on Slideshare:</p>

<div style="width:425px;text-align:left" id="__ss_1415627"><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=viznotes101-sketchnoting-techniques-090510233906-phpapp02&stripped_title=visual-notetaking-101-sketchnoting-techniques" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=viznotes101-sketchnoting-techniques-090510233906-phpapp02&stripped_title=visual-notetaking-101-sketchnoting-techniques" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/rohdesign">rohdesign</a>.</div></div>

<p>Here's the deck on Flickr:</p>

<p><object type="text/html" data="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=&set_id=72157617976166948&tags=viznotes,sketchnotes,rohdesign" width="425" height="475"></object><br/><small>Created with <a href="http://www.admarket.se" title="Admarket.se">Admarket's</a> <a href="http://flickrslidr.com" title="flickrSLiDR">flickrSLiDR</a>.</small></p>

<p>Thetre's still time to <a href="http://vizthink.com/index.php?option=com_content&task=view&id=434">register</a> for this $99 webinar to hear the full details behind my slides live and learn about drawing and listening from <a href="http://www.austinkleon.com/">Austin Kleon</a> and <a href="http://www.sunnibrown.com/">Sunni Brown</a>.</p>

<p><strong><a href="http://vizthink.com/index.php?option=com_content&task=view&id=434">Register today!</a></strong></p>]]>
</description>
<category>Sketchnotes</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003059.html</guid>
<pubDate>Sun, 10 May 2009 23:57:13 GMT</pubDate>
</item>

<item>
<title>Visual Note-Taking 101 Webinar: Tuesday, May 12th 2009</title>
<link>http://www.rohdesign.com/weblog/archives/003057.html</link>
<description><![CDATA[<p><a href="http://www.flickr.com/photos/33472412@N00/3373796332" title="View 'SXSWi 2009: Sketchnotes: 10 Minutes' on Flickr.com"><img src="http://www.rohdesign.com/weblog//sxsw09-10min.jpg" alt="SXSWi 2009: Sketchnotes: 10 Minutes" border="0" width="325" height="244" align="right" / border="0" width="240" height="180" align="right" style="float: right; margin: 4px 0px 8px 10px; padding: 3px; border: 1px solid #ccc;" /></a>I'm always excited to see others inspired to use the <a href="http://www.flickr.com/photos/rohdesign/collections/72157602798339521/">sketchnoting technique</a> I've developed and have been refining the past few years.</p>

<p>So, when I was invited to present sketchnoting techniques alongside my good friends <a href="http://www.austinkleon.com/">Austin Kleon</a>, <a href="http://www.sunnibrown.com/">Sunni Brown</a> and <a href="http://www.davegrayinfo.com/">Dave Gray</a> in a 3 hour live webinar &mdash; I immediately jumped at the opportunity!</p>

<h4>Visual Note-Taking 101 Details</h4>
Next Tuesday, May 12th from 11:00 AM to 2 PM Eastern, Austin, Sunni and I will present <a href="http://vizthink.com/index.php?option=com_content&task=view&id=434">Visual Note-Taking 101</a>. It's a 3 hour live webinar for $99, and that price includes the live event AND access to the complete recording for later reference.

<p><strong><a href="http://vizthink.com/index.php?option=com_content&task=view&id=434">Register today for Visual Note-Taking 101!</a></strong></p>

<p>Here's an overview of next Tuesday's 3 hour webinar:</p>

<blockquote>Ever since Leonardo put pen to paper, visual note-taking has been a route to improve the quality of your thinking, make information more memorable, and make your ideas easier to share with others. 

<p>Learn practical techniques and &ldquo;tricks of the trade&rdquo; from modern visual note-taking masters Mike Rohde, Sunni Brown and Austin Kleon. In this three-hour course you will learn how to use visual note-taking to improve your listening skills and take better, more memorable notes. </p>

<p>The focus of this class will be on how to write, sketch, and diagram ideas live, in real time, as you hear them. Many of the techniques you will learn will also help to improve your skills in drawing your ideas at the flip chart or whiteboard. </blockquote></p>

<p>Here's a detailed outline of what the three of us will present next Tuesday:</p>

<p><strong>Section 1 &#8211; Austin Kleon will present &ldquo;But I can&rsquo;t draw!&rdquo;</strong><ul><li>Addressing your fears of the pen, and rediscovering the ancient, universal childhood pleasure of putting pictures and words on paper</li><li>Exploring drawing not as fine art, but as a communication tool</li><li>Establishing a drawing alphabet and learning some basic cartooning techniques</li><li>Doing fun activities: &ldquo;How to draw a stick figure&rdquo; and &ldquo;How to draw a face&rdquo;</li><li>Building our very own icon library for note-taking</li></ul></p>

<p><strong>Section 2 &#8211; Sunni Brown will present &ldquo;Learning Active Listening&rdquo;</strong><ul><li>What is &ldquo;active listening&rdquo; and how is it different than &ldquo;regular&rdquo; listening?</li><li>A graphic recorder&rsquo;s approach to active listening &#8211; how to listen effectively to multiple sources, fast talkers and ramblers</li><li>What to listen for and what to filter out</li><li>How to &ldquo;cache&rdquo; what you&rsquo;re hearing so you can capture it on paper</li></ul></p>

<p><strong>Section 3 &#8211; Mike Rohde will present &ldquo;Sketchnoting Techniques&rdquo;</strong><ul><li>The importance of focus & engagement in capturing presentations</li><li>Learning to become a filter of ideas rather than a word-by-word stenographer of every last detail</li><li>Techniques for getting into the flow, to help you capture better sketchnotes</li><li>Getting personal with sketchnotes &mdash; letting your personality shine through</li><li>How to use recorded podcasts and videos for sketchnoting practice (with a demo of sketchnoting a podcast live)</li></ul><strong>Materials Needed:</strong> paper and pen/pencil</p>

<h4>Register for Visual Note-Taking 101</h4>
I'm <em>very</em> excited about this event and the opportunity to share detail about the process I use to capture sketchnotes. If you have an interest in learning the note-taking techniques of <a href="http://www.austinkleon.com/">Austin Kleon</a>, <a href="http://www.sunnibrown.com/">Sunni Brown</a> or myself, please <strong><a href="http://vizthink.com/index.php?option=com_content&task=view&id=434">Register today!</a></strong>

<h4>Related Links</h4>
<a href="http://vizthink.com/index.php?option=com_content&task=view&id=435&Itemid=370">VizThinkU Courses</a><br/><a href="http://www.austinkleon.com/2009/04/23/visual-note-taking-101-upcoming-vizthink-webinar/comment-page-1/#comment-39516">VISUAL NOTE-TAKING 101 : UPCOMING VIZTHINK WEBINAR</a> (Austin Kleon)<br/><a href="http://www.austinkleon.com/2009/05/05/the-battle-between-pictures-and-words/">THE BATTLE BETWEEN PICTURES AND WORDS</a> (Austin Kleon)]]>
</description>
<category>Sketchnotes</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003057.html</guid>
<pubDate>Tue, 05 May 2009 23:58:49 GMT</pubDate>
</item>

<item>
<title>My Impromptu Video Interview on Sketchnoting at SXSWi &apos;09</title>
<link>http://www.rohdesign.com/weblog/archives/003047.html</link>
<description><![CDATA[<p>My Norwegian pal, <a href="http://twitter.com/klykken">Ove Klykken</a> is a spur of the moment guy. He was inspired by Brian Artka's <a href="http://www.rohdesign.com/weblog/archives/003046.html">documentary film-making</a> at SXSW Interactive, so he pulled out his little Canon SD1100 and had a little impromptu interview with me about sketchnoting:</p>

<p><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4139232&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4139232&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object><br /><a href="http://vimeo.com/4139232">Impromptu interview with Mike Rohde at SXSWi '09</a> from <a href="http://vimeo.com/user510989">Ove Klykken</a> on <a href="http://vimeo.com">Vimeo</a>.</p>

<p>I'd completely forgot about this interview until last night when Ove contacted me with a preview. In the interview I talk about why I sketchnote, challenges in sketchnoting and if I think someone needs to be an artist to do sketchnoting.</p>

<p>Enjoy!</p>]]>
</description>
<category>Sketchnotes</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003047.html</guid>
<pubDate>Tue, 14 Apr 2009 19:19:14 GMT</pubDate>
</item>

<item>
<title>SXSW Interactive &apos;09 Documentary: Teaser</title>
<link>http://www.rohdesign.com/weblog/archives/003046.html</link>
<description><![CDATA[<p>Before my friend <a href="http://brianartka.com/">Brian Artka</a> and I left for <a href="http://sxsw.com/interactive">SXSW Interactive 2009</a> this March, we had a discussion about ways we could capture the event and share the experience with attendees and those interested in the event. </p>

<p>Being interested in documentaries, especially <a href="http://www.imdb.com/name/nm1216753/">Gary Hustwit's</a> recent <a href="http://www.helveticafilm.com/">Helvetica</a> and upcoming <a href="http://www.objectifiedfilm.com/">Objectified</a> films, we kicked around the idea of capturing the SXSW Interactive experience as a documentary, so we did. Here's a teaser:</p>

<p><object width="500" height="281"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4082967&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4082967&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="281"></embed></object><br /><a href="http://vimeo.com/4082967">A SXSW interactive 2009 experience (teaser)</a> from <a href="http://vimeo.com/bartka">Brian Artka</a> on <a href="http://vimeo.com">Vimeo</a>.</p>

<p>I have to come clean &mdash; Brian did the real work. I was his personal "assistant-to-the-regional-manager"  holding the camera while he went to the bathroom, rounding up potential interviewees for filming and I think I fetched him some coffee once.</p>

<p>The teaser above features <a href="http://www.zeldman.com/">Jeffrey Zeldman</a>, <a href="http://www.domedia.org/">Ove Klykken</a>, <a href="http://www.garrettdimon.com/">Garrett Dimon</a>, <a href="http://veerle.duoh.com/">Veerle Pieters</a>, <a href="http://jasonsantamaria.com/">Jason Santa Maria</a>, <a href="http://tracyapps.org/">Tracy Apps</a>, and <a href="http://blog.dorkfactorprime.com/">Kevin Ciesielski</a> with some great story nuggets. I can't wait to see the full documentary.</p>

<h4>The Canon 5D Mark II</h4>
Brian had just sold his video gear and bought a <a href="http://www.dpreview.com/news/0809/08091705canon_5dmarkII.asp">Canon 5D Mark II</a>, testing out the video quality of this camera at a <a href="http://vimeo.com/3112207">Spreenkler meeting</a> in February.

<p>I was amazed at the quality of the video, particularly since Brian was able to use digital photo lenses to capture video &mdash; wide angle and low-light capable lenses. You can already see it in this rough teaser.</p>

<p>Brian is hard at work, organizing his 6 hours of video into a unified, coherent documentary that he'll be releasing on <a href="http://vimeo.com/bartka">Vimeo</a> very soon. I'm recommending he sell the video on DVD as well, because I know I'd buy a copy in a heartbeat.</p>

<p>If you have comments on the documentary, please leave them on <a href="http://vimeo.com/bartka">Brian's Vimeo page</a> for the teaser and if you would buy a DVD of this documentary, please let him know that as well (for planning purposes).</p>]]>
</description>
<category>Film</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003046.html</guid>
<pubDate>Mon, 13 Apr 2009 10:00:02 GMT</pubDate>
</item>

<item>
<title>Twittersourced Earphone Recommendations</title>
<link>http://www.rohdesign.com/weblog/archives/003044.html</link>
<description><![CDATA[<p><a href="http://twitter.com/rohdesign/status/1408084955"><img src="http://www.rohdesign.com/weblog//earphone-request.png" alt="earphone-request.png" border="0" width="300" height="192" align="right" style="float: right; margin: 0px 0px 8px 10px; padding: 3px;" /></a>A few weeks ago, I needed advice on earphones I could wear to bed that were comfortable, portable and reasonably priced.</p>

<p>I was curious to see the response I'd get from <a href="http://twitter.com/">Twitter</a>, so I publicly sought my followers' recommendations on Twitter. </p>

<p>Here is the complete collection of @replies and Direct Messages received with recommendations and links:</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/bernardgomez"><strong>bernardgomez</strong></a> Been using a pair of <a href="http://www.amazon.com/exec/obidos/ASIN/B000WN00FK/therohdesignwebs/">Vibe Duos</a> for over a year now. Build quality is good but tough to work out in. Decent iPhone integration. 7.5/10</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/knight777"><strong>knight777</strong></a> waffling between <a href="http://www.amazon.com/exec/obidos/ASIN/B000P6M6HY/therohdesignwebs/">Shure 530s</a>, <a href="http://www.amazon.com/exec/obidos/ASIN/B000NIOVWC/therohdesignwebs/">Westone UM2</a>, <a href="http://www.amazon.com/exec/obidos/ASIN/B001MBLBXQ/therohdesignwebs/">Westone 3</a> - yeah, expensive indeed :( Looking forward to your writeup!</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/knight777"><strong>knight777</strong></a> btw, I went with the <a href="http://www.amazon.com/exec/obidos/ASIN/B001MBLBXQ/therohdesignwebs/">Westone 3s</a>.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/heygabe"><strong>heygabe</strong></a> <a href="http://www.amazon.com/exec/obidos/ASIN/B000O7QO6S/therohdesignwebs/">JVC Gummies</a>. For $10, You can't go wrong.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/jparato"><strong>jparato</strong></a> Have you tried <a href="http://www.skullcandy.com/shop/headphones-c-42.html">Skullcandy</a> headphones? I don't own a pair personally, but I've heard they're decent.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/danhhoang"><strong>danhhoang</strong></a> I go with the apple premium headphones. I use tons of headphones and I think those sound the best. Just pricey. Next is sony <a href="http://www.amazon.com/exec/obidos/ASIN/B000092YQW/therohdesignwebs/">MDR-EX71SL</a></p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/jburdine"><strong>jburdine</strong></a> @rohdesign just picked up iCover earbuds with an online mic to use w/my Touch and Skype for the iPhone</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/jburdine"><strong>jburdine</strong></a> @rohdesign I'm really happy with my $25 Sony earbuds.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/topmuffin"><strong>topmuffin</strong></a> @rohdesign <a href="http://www.amazon.com/exec/obidos/ASIN/B001BL8BO4/therohdesignwebs/">NuForce NE-7M Stereo Earphones</a> got these 3 mnths ago & they beat every headset I've ownd. Not sure about sleeping w/ them. #iphone #headsets</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/toddclausen"><strong>toddclausen</strong></a> @rohdesign don't really like sound quality of earbuds, but fav is <a href="http://www.amazon.com/exec/obidos/ASIN/B001TNW2ZI/therohdesignwebs/">Shure SE115s</a> with foam earpieces like a hearing protector</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/bjhess"><strong>bjhess</strong></a> @rohdesign <a href="http://www.amazon.com/exec/obidos/ASIN/B0000CE1UO/therohdesignwebs/">Shure e2c's</a> sound great, but ear buds tire my ears out so I've given up on them.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/jabbott"><strong>jabbott</strong></a> @rohdesign I've been really happy with <a href="http://www.amazon.com/exec/obidos/ASIN/B0009Q4PI8/therohdesignwebs/">UE Super.fi 5 EBs</a> for the past couple years. I use them almost daily,</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/bnyquist"><strong>bnyquist</strong></a> @rohdesign - I have had the <a href="http://www.bose.com/controller?event=VIEW_STATIC_PAGE_EVENT&url=/shop_online/headphones/audio_headphones/in_ear_headphones/index.jsp">Bose earbud headphones</a> for nearly 2 years now and love them. Great sound, great fit.. but a little expensive.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/schutzsmith"><strong>schutzsmith</strong></a> @rohdesign i really like the <a href="http://www.skullcandy.com/shop/earphones-c-42_55.html">skull candy earbuds</a>. they're cheap too, like $15 and they are hella loud!</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/cdharrison"><strong>cdharrison</strong></a> @rohdesign <a href="http://www.skullcandy.com/shop/smokin-buds-p-10.html">Skullcandy Smokin Buds</a> are what I currently use. I love em.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/andykant"><strong>andykant</strong></a> @rohdesign I've been using <a href="http://www.amazon.com/exec/obidos/ASIN/B000B5XU06/therohdesignwebs/">Ultimate Ears Super.fi 3's</a> for a while and have been very happy with them.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/bartka"><strong>bartka</strong></a> @rohdesign these earbud headphones are excellent: <a href="http://www.bose.com/controller?url=/shop_online/headphones/audio_headphones/in_ear_headphones/index.jsp">BOSE in-ear Headphones</a></p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/davidhughes"><strong>davidhughes</strong></a> @rohdesign <a href="http://www.amazon.com/exec/obidos/ASIN/B000B5XU06/therohdesignwebs/">Ultimate Ears Super.Fi 5 Pros</a> - I'd no idea earphones could sound so good!</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/adny"><strong>adny</strong></a> @rohdesign I've not owned or used too many cans $100+, but really like the beyerdynamic DT-770's and sennheiser hd600's, fwiw.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/adny"><strong>adny</strong></a> @rohdesign best earbuds under $50, <a href="http://www.amazon.com/exec/obidos/ASIN/B000FUESSU/therohdesignwebs/">v-moda bassfreq</a> - best $50 - $150 <a href="http://www.amazon.com/exec/obidos/ASIN/B000BQSGMM/therohdesignwebs/">etymotic i6</a>, imo. best cans under $100, <a href="http://www.amazon.com/exec/obidos/ASIN/B000065BPB/therohdesignwebs/">sennheiser hd 280 pro</a>.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/drstout"><strong>drstout</strong></a> @rohdesign These headphones (<a href="http://www.pioneerprodj.com/dj-equipment/accessories/hdj-2000.asp">Pioneer HDJ-2000</a>) are expensive, bulky and you'll never fall asleep wearing them. But they're damn cool.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/Arlen"><strong>Arlen</strong></a> @rohdesign I sleep in <a href="http://koss.com/">Koss</a> Plugs, under $20, fairly comfortable, goos sound. Koos also makes some KEB24r's that look good, never tried them.</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/NathanBowers"><strong>NathanBowers</strong></a> @rohdesign I have and like <a href="http://www.amazon.com/exec/obidos/ASIN/B000E5DLIE/therohdesignwebs/">Shure EC3 </a>earbuds and over ear Sennheiser cans. Not sure what it's like to sleep with them. #cordDeath</p>

<p style="border-bottom: 1px dashed #999;"></p>

<p><a href="http://twitter.com/steventrotter"><strong>steventrotter</strong></a> @rohdesign <a href="http://www.amazon.com/exec/obidos/ASIN/B0014JE7B4/therohdesignwebs/">Skullcandy FMJ</a></p>

<p style="border-bottom: 1px dashed #999;"></p>

<p>I ended up buying <a href="http://www.amazon.com/exec/obidos/ASIN/B00159YWDQ/therohdesignwebs/">Sony MDR-EX32s</a>. They had a good frequency response and are quite comfortable. For my main listening though, I have used <a href="http://www.rohdesign.com/weblog/archives/000304.html">Koss PortaPros</a> for years and love 'em!</p>

<p>Thanks Twitterfolk for your suggestions! I hope this is helpful to others seeking earphones.<br />
</p>]]>
</description>
<category>Music</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003044.html</guid>
<pubDate>Sun, 05 Apr 2009 08:35:23 GMT</pubDate>
</item>

<item>
<title>SXSW Interactive 2009 Sketchnotes</title>
<link>http://www.rohdesign.com/weblog/archives/003039.html</link>
<description><![CDATA[<p><a href="http://www.flickr.com/photos/rohdesign/3372997269/" title="SXSWi 2009: Sketchnotes: First Spread by Mike Rohde, on Flickr"><img src="http://farm4.static.flickr.com/3609/3372997269_0c06af24c4.jpg" width="500" height="375" alt="SXSWi 2009: Sketchnotes: First Spread" /></a></p>

<h4>SXSW Interactive 2009 Sketchnotes are Posted!</h4>
I've just finished processing and posting <a href="http://www.flickr.com/photos/rohdesign/sets/72157615703262704/">70 pages of sketchnotes from SXSW Interactive 2009</a> on Flickr.

<p>This year I doubled the amount of pages I was able to capture to 70, up from <a href="http://www.flickr.com/photos/rohdesign/sets/72157604109069527/">34 pages of sketchnotes in 2008</a>. Having done more sketchnotes since last year helped as did my position of official SXSWi sketchnoter.</p>

<p>Here's the FlickrSlidr set:</p>

<p><object type="text/html" data="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=&set_id=72157615703262704&tags=sketchnotes,sxswi,sxsw,rohde,rohdesign" width="500" height="500"></object><br /><small>Created with <a href="http://www.admarket.se" title="Admarket.se">Admarket's</a> <a href="http://flickrslidr.com" title="flickrSLiDR">flickrSLiDR</a>.</small></p>

<p><a href="http://www.flickr.com/photos/ddysart/3354115163/in/set-72157615144651779/"><img src="http://www.rohdesign.com/weblog//3354115163_1889ddb253.jpg" alt="3354115163_1889ddb253.jpg" border="0" width="500" height="333" align="left" /></a><br /><br />
Photo: <a href="http://djdysart.com/">Derek Dysart</a></p>

<p>Thanks to Hugh Forrest and Shawn O'Keefe for giving me the opportunity to live sketchnote this year's festival and design the tote bag. </p>

<h4>Another Great SXSW Interactive</h4>
I had a great time at SXSW Interactive again this year. I met many new people, bowled with friends at the Avalonstar Bowling Extravaganza, wandered the streets of Austin, Texas and received great feedback on my <a href="http://www.rohdesign.com/weblog/archives/003035.html">SXSWi '09 Tote Bag Design</a>.

<p>I also had the opportunity to perform live sketchnoting at the 9th annual <a href="http://20x2.org/">20x2</a>. The organizers of 20x2 invited 20 people to interpret the question "What's it gonna take?" so I chose to sketchnote my answer live on stage. Here's the video of my performance (<a href="http://vimeo.com/3727286">watch it in HD</a> on Vimeo):</p>

<p><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3727286&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3727286&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object><br /><a href="http://vimeo.com/3727286">20x2 Live Sketchnoting</a> from <a href="http://vimeo.com/rohdesign">Mike Rohde</a> on <a href="http://vimeo.com">Vimeo</a>.</p>

<p><a href="http://www.flickr.com/photos/ddysart/3362805681/in/set-72157615144651779/"><img src="http://www.rohdesign.com/weblog//3362805681_d189191497.jpg" alt="3362805681_d189191497.jpg" border="0" width="500" height="333" align="left" /></a><br /><br />
Photo: <a href="http://djdysart.com/">Derek Dysart</a></p>

<p><a href="http://www.flickr.com/photos/rohdesign/3383632377/"><img src="http://www.rohdesign.com/weblog//Flickr-Stats-Sketchnotes-09.png" alt="Flickr-Stats-Sketchnotes-09.png" border="0" width="488" height="245" align="left" style="margin: 5px 0px 8px 0px; padding: 3px; border: 1px solid #ccc;" /></a></p>

<p>I'm already looking forward to SXSW Interactive 2010! :-)</p>

<p><strong>Related Links</strong><br />
<a href="http://www.flickr.com/photos/rohdesign/sets/72157615703262704/">SXSW Interactive 2009 Sketchnotes</a><br />
<a href="http://www.rohdesign.com/weblog/archives/003035.html">SXSW Interactive 2009 Tote Bag Design</a><br />
<a href="http://www.austinkleon.com/2009/03/22/sxsw-2009-drawings/">Austin Kleon's SXSW 2009 Drawings</a><br />
<a href="http://www.flickr.com/photos/rohdesign/sets/72157604109069527/">SXSW Interactive 2008 Sketchnotes</a></p>]]>
</description>
<category>Sketchnotes</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003039.html</guid>
<pubDate>Fri, 20 Mar 2009 21:47:10 GMT</pubDate>
</item>

<item>
<title>SXSW Interactive &apos;09 Tote Bag Design</title>
<link>http://www.rohdesign.com/weblog/archives/003035.html</link>
<description><![CDATA[<p><img src="http://www.rohdesign.com/weblog//ia_logo_2009.jpg" alt="ia_logo_2009.jpg" border="0" width="150" height="146" align="right" style="float: right; margin: 6px 0px 8px 10px;" />In October 2008, I was honored when Shawn O'Keefe and the SXSW team asked me to design the 2009 SXSW Interactive canvas tote bag.</p>

<p>I know from my last year at SXSW Interactive that 8,000+ tote bags are given out to SXSW Interactive registrants &mdash; so I was driven to come up with an amazing design.</p>

<p>In this post I'll explain the tote bag design process, including some of the challenges we faced through that process and how we came up with a winning solution.</p>

<h4>Initial Specs and Feedback</h4>
In the initial briefing for the tote bag design project, Shawn had a few specs for the bag and a sense of the general direction the team at SXSW wanted to go in for the design. For specs, I had a 10" x 10" space and up to 7 colors to work with. 

<p>The SXSW team also mentioned that the past two bag designs had been hand-drawn in a cartoon style, with mostly darker colors. For the 2009 design they wanted something brighter and less cartoon oriented.</p>

<p>For creative direction, the SXSW team wanted to represent the most common tags generated by the <a href="http://panelpicker.sxsw.com/">Interactive Panel Picker</a> in a creative way. Shawn shared a <a href="http://www.wordle.net/">Wordle</a> word cloud type treatment as a reference, using some of the tags they were seeing:</p>

<p><img src="http://www.rohdesign.com/weblog//cloud-500.gif" alt="Wordle Word Cloud" border="0" width="500" height="306" align="left" /><br style="clear:both;" /></p>

<h4>Sketches</h4>
I wanted to explore some alternate ideas for Shawn to see, so I began by sketching pencil concepts in my trusty Miquelrius gridded sketchbook. I find this is a critical step to working out ideas. It's clear enough that clients can see direction, but open enough that there is still room for adjustment and iteration.

<p><strong>Concept Sketch v1</strong><br />
In the first round, I created a network tree, with SXSW 09 text at the center of the tree with panel picker tags branching out from the center to fill the space:</p>

<p><img src="http://www.rohdesign.com/weblog//sxsw-totebag-sketch-500-v1.jpg" alt="sxsw-totebag-sketch-500-v1.jpg" border="0" width="500" height="377" align="left" style="border: 1px solid #ccc;" /><br style="clear:both;" /></p>

<p>The SXSW team felt the very structured network idea was a bit too rigid. They wanted the design to have a more random, organic feel than a network structure could offer.</p>

<p><strong>Concept Sketch v2</strong><br />
In my second sketch, you'll see I've returned to the general idea of a tag cloud, but making better use of the square shape I had to work with.</p>

<p>The upper sketch uses actual tags to form an arrow pointing to the SXSW tag in the lower right corner. The lower sketch features four arrows created with tags, point to the 4 corners that spell out S X S W:</p>

<p><img src="http://www.rohdesign.com/weblog//sxsw-totebag-sketch-500-v2.jpg" alt="sxsw-totebag-sketch-500-v2.jpg" border="0" width="500" height="736" align="left" style="border: 1px solid #ccc;" /><br style="clear:both;" /></p>

<p>We liked the second round of sketches, especially the idea with the single arrow pointing to SXSW in the lower right-hand corner of the design.</p>

<h4>Black & White Concepts</h4>
 At this point I moved to Adobe Illustrator on the Mac to build the tag cloud in black & white with real fonts, to see how actual tags would look in place:

<p><img src="http://www.rohdesign.com/weblog//SXSW-Tote-Bag-v1-500.png" alt="SXSW-Tote-Bag-v1-500.png" border="0" width="500" height="521" align="left" style="border: 1px solid #ccc;" /><br style="clear:both;" /></p>

<p>This direction was good &mdash; the sizing of the letters, positioning and overall shape felt right. In fact, when I showed this to my friend <a href="http://twitter.com/bartka">Brian Artka</a>, it reminded him of the state of Texas. I hadn't intended this, but I really liked the serendipity of it.</p>

<p>Shawn and the SXSW team wanted to see the arrow tags and SXSW pointing to the lower left, so I created a second version, emphasizing the Texas shape a bit more:</p>

<p><img src="http://www.rohdesign.com/weblog//SXSW-Tote-Bag-v2-500.png" alt="SXSW-Tote-Bag-v2-500.png" border="0" width="500" height="500" align="left" style="border: 1px solid #ccc;" /><br style="clear:both;" /></p>

<p>Notice the circle-star and AUSTIN text in the middle of the type treatment? I added it once the shape was tweaked to look more like Texas.</p>

<h4>Color Concepts</h4>
With the structure worked out in black & white, it was time to explore color. I started adding colors to the tags, balancing their placement across the cloud. Then mocked up the color concept on a blank canvas tote bag photo for review:

<p><img src="http://www.rohdesign.com/weblog//SXSW-Tote-Bag-Final.jpg" alt="SXSW-Tote-Bag-Final.jpg" border="0" width="500" height="695" align="left" /><br style="clear:both;" /></p>

<p>The brightness of the design was great, but it needed something to separate the tag cloud from the canvas color. I used the type to create a halftone-edged shape in Photoshop, which formed the white shape under the typography in v2:</p>

<p><img src="http://www.rohdesign.com/weblog//SXSW-Tote-Bag-Final-W.jpg" alt="SXSW-Tote-Bag-Final-W.jpg" border="0" width="500" height="695" align="left" /><br style="clear:both;" /></p>

<h4>Facing & Solving Challenges</h4>
This design was shaping up! The tag cloud was working well, color was bright and cheerful and the overall feel was mostly positive. But there was a problem &mdash; the design was a bit <strong>too</strong> crisp and mechanical. 

<p>The SXSW team wanted a design that was more organic, and even though initially they didn't want another hand-drawn bag design, we started talking about using the Sketchnote style they really loved, mixed in with regular typography.</p>

<p>I replaced some of the tags in the cloud with hand-drawn sketchnote lettering:</p>

<p><img src="http://www.rohdesign.com/weblog//SXSW-Tote-Bag-HD2.png" alt="SXSW-Tote-Bag-HD2.png" border="0" width="500" height="503" align="left" /><br style="clear:both;" /></p>

<p>It still wasn't noticeable enough, since the crisp typography dominated the design. The hand-drawn words were getting lost in the mix, and looked more like bad reproduction than intentionally hand-drawn typography.</p>

<p>Next I traced the bottom half of the tags in a sketchnote style, scanned and auto-traced the letters using <a href="http://vectormagic.com/home">Vector Magic</a> (a wonderful service BTW). </p>

<p>I wanted show a transformation from sketchnote letters to real type &mdash; but it still felt wrong. It was too loose for actual type and too mechanical for hand-drawn type:</p>

<p><img src="http://www.rohdesign.com/weblog//SXSW-Tote-Bag-HD-Cloud.png" alt="SXSW-Tote-Bag-HD-Cloud.png" border="0" width="500" height="508" align="left" /><br style="clear:both;" /></p>

<p>I was stumped, trying too hard to sneak organic hand-drawn letters into the type.</p>

<h4>The Solution: Raw Sketchnote Typography</h4>
After a good discussion with Shawn about direction, we decided to shift radically and completely to a sketchnote style for the tag cloud typography. I changed my production method, using actual scans of the sketchnote type, rather than tracing the scans into vectors. The raw scans were much more human and organic:

<p><img src="http://www.rohdesign.com/weblog//SXSW-Tote-Bag-Mockup-FINAL.png" alt="SXSW-Tote-Bag-Mockup-FINAL.png" border="0" width="468" height="681" align="left" /><br style="clear:both;" /></p>

<p><strong>Yes!</strong> This was what we were aiming for! Shawn and the SXSW team liked the new sketchnote direction and I did as well. I had my personality baked in and felt unified and organic &mdash; something we didn't feel with the clean typographic approach.</p>

<p>With the design approved, I finalized my Photoshop artwork for printing, and sent it to the SXSW team for production. That was November 17th, because printing 8,000+ canvas tote bags with 7 colors needed lots of lead time. :-)</p>

<h4>Final Tote Bags</h4>
It was mid-February when Shawn sent word that the bags were back from production. He grabbed a camera and took a few shots of the bag design, so I could see how they turned out and for this blog post:

<p><img src="http://www.rohdesign.com/weblog//sxswi-bag-flat-400.jpg" alt="sxswi-bag-flat-400.jpg" border="0" width="400" height="400" align="left" /><br style="clear:both;" /></p>

<p><img src="http://www.rohdesign.com/weblog//sxswi-bag-carried-400.jpg" alt="sxswi-bag-carried-400.jpg" border="0" width="400" height="487" align="left" /><br style="clear:both;" /></p>

<p>After having a few months away from the design, the human touch in the sketchnote lettering really feels right for this bag design. I'm very happy with how it's turned out.</p>

<p>I'm hoping attendees to SXSW Interactive for 2009 will enjoy the bags and the design. I'm honored knowing that these bags will be used for years to come, reminding SXSW attendees of their great experience in Austin.</p>

<h4>Thank You</h4>
Thanks go to Shawn O'Keefe, Hugh Forrest and the entire SXSW team for choosing me to design the tote bag for 2009. Thanks for staying with me through the tough times in the process as we met the challenge together. It's been great fun.

<p>I'm excited to see thousands of tote bags I've designed wandering around Austin! :-)</p>]]>
</description>
<category>Design</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003035.html</guid>
<pubDate>Sun, 01 Mar 2009 22:14:52 GMT</pubDate>
</item>

<item>
<title>Tasty Taco Dip Recipe</title>
<link>http://www.rohdesign.com/weblog/archives/003032.html</link>
<description><![CDATA[<p>Here's a tasty taco dip from my wife's cousin that's popular whenever she makes it. Note that it tastes best when you create the cream dip portion the night before and refrigerate to consolidate the flavors.</p>

<p><strong>Taco Dip</strong><br />
<ul><li>Blend 3 (8 oz.) cream cheese and 1 large container of sour cream</li><li>5 teaspoons of chili powder</li><li>1/2 to 1 teaspoon of garlic salt</li><li>5 teaspoons (or more to taste) of taco sauce</li></ul>Mix first 3 ingredients and in the base of a 9 x 13 pan.</p>

<p>The cream cheese/sour cream layer tastes best when prepared and chilled in the refrigerator the day before.</p>

<p>Before serving, add any or all of the following: chopped onions, chopped lettuce, diced tomatoes, green peppers or grated cheddar cheese. Dribble taco sauce over the cream spread and veggies and serve with plain tortilla chips.</p>

<p><strong>Is it good?</strong> The design crew at Northwoods sat and consumed a plate of this stuff in the lunchroom within 30 minutes, so that would be a yes. :-)</p>]]>
</description>
<category>Food &amp; Drink</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003032.html</guid>
<pubDate>Sun, 22 Feb 2009 17:30:02 GMT</pubDate>
</item>

<item>
<title>6 Years Blogging</title>
<link>http://www.rohdesign.com/weblog/archives/003031.html</link>
<description><![CDATA[<p><img src="http://www.rohdesign.com/weblog//rohdesign-6years.gif" alt="rohdesign-6years.gif" border="0" width="300" height="181" align="right" style="float: right; margin: 0px 0px 8px 10px; padding: 3px; border: 1px solid #ccc;" />Welcome to year 6 of continued blogging at Rohdesign.</p>

<p>I'm pleasantly surprised at how sustainable my blog has been. </p>

<p>It's good to see this space remain a place I can share my thinking, processes, insights and design work with others.</p>

<p><b>A Busy Year</b><br />
This year has been especially tough. I've dealt with a <a href="http://www.rohdesign.com/weblog/archives/002792.html">job change</a>, incredible busyness professionally and personally and the impact of using <a href="http://twitter.com/rohdesign">Twitter</a> to share small tidbits I might have posted here a few years back.</p>

<p>There was a rise visibility of my sketchnotes from <a href="http://www.rohdesign.com/weblog/archives/002768.html">SXSW Interactive 2008</a>, <a href="http://www.rohdesign.com/weblog/archives/002833.html">SEED 3</a> and <a href="http://www.rohdesign.com/weblog/archives/002949.html">An Event Apart</a> this past year, and a few posts about my design process to boot.</p>

<p><b>Goals for Year 7</b><br />
One of my goals for my 7th year is a focus on sharing more of my design process posts, from initial challenge to final solution for <a href="http://www.rohdesign.com/weblog/archives/cat_logos.html">logo</a>, <a href="http://www.rohdesign.com/weblog/archives/cat_icons.html">icon</a> and other <a href="http://www.rohdesign.com/weblog/archives/cat_design.html">design and UI work</a> I'm up to. In fact, I have 2 posts brewing already.</p>

<p><b>Thanks!</b><br />
I want to say thanks to you, my readers and visitors, for leaving comments and visiting the blog all of these years. Thanks go to my family and friends, who have always been supportive of my work here.</p>

<p>I appreciate you all, and I'm looking forward to a great 7th year of blogging.</p>]]>
</description>
<category>Blogging</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003031.html</guid>
<pubDate>Fri, 20 Feb 2009 11:04:26 GMT</pubDate>
</item>

<item>
<title>Winterblast 2009 T-Shirt Design</title>
<link>http://www.rohdesign.com/weblog/archives/003022.html</link>
<description><![CDATA[<p>I've just received a box of freshly printed t-shirts I've designed for Winterblast, our church youth group's yearly winter retreat. As with the <a href="http://www.rohdesign.com/weblog/archives/002705.html">2008 t-shirt design</a>, I'd like to share a little more about the design process along with imagery of the final design.</p>

<h4>Maintaining the Winterblast Identity</h4>
Since 2007, I've been working with a few constant specifications when designing the Winterblast t-shirt &mdash; a solid color, long sleeve shirt, white ink <a href="http://www.flickr.com/photos/33472412@N00/2244363623" title="View 'Winterblast 2007 &amp; 2008 T-Shirt Designs' on Flickr.com"><img src="http://farm3.static.flickr.com/2133/2244363623_807fb30d57_m.jpg" alt="Winterblast 2007 &amp; 2008 T-Shirt Designs" border="0" width="240" height="180" align="left" style="float: left; margin: 4px 10px 8px 0px; padding: 3px; border: 1px solid #ccc;" /></a>on the front only and a stylized wintertime animal in the artwork.

<p>For the 2007 design I created a snow monster with two broom ball sticks on a navy shirt to start this series. In 2008, I chose a polar bear with a winter hat and sunglasses on a forest green shirt.</p>

<p>For 2009 I selected a penguin on a snowboard as the cold-weather animal to stylize for the shirt design.</p>

<h4>Sketching the Snowboarding Penguin</h4>
With that general direction in mind, and the word FOLLOW as the 2009 theme, I began sketching ideas of penguins on snowboards, flipping over the typography:

<p><img src="http://www.rohdesign.com/weblog//winterblast-sketch-500.jpg" alt="winterblast-sketch-500.jpg" border="0" width="500" height="311" align="left" /><br style="clear:both;" /></p>

<p>Tom the youth pastor wanted simplify the FOLLOW type so the double LLs wouldn't tuck together, and we both agreed that having the FOLLOW type tilting downhill (rather than uphill) with the penguin grabbing air over the type worked best. </p>

<h4>Color Mockup</h4>
Next, I prepared a color mockup for Tom in Adobe Illustrator, to show how the design would appear on an indigo blue long-sleeved t-shirt:
<a href="http://www.flickr.com/photos/33472412@N00/3231807016" title="View 'Winterblast 2009 T-Shirt Design' on Flickr.com"><img src="http://farm4.static.flickr.com/3320/3231807016_85b396cbe5.jpg" alt="Winterblast 2009 T-Shirt Design" border="0" width="500" height="407" /></a>
The font used for FOLLOW was based on <a href="http://www.fontshop.com/fonts/singles/fontfont/ff_oxide_solid_ot_light/">Oxide Solid Light</a>, with the strokes of the letters bolded manually, a customized W to match the style I wanted to see, and a custom explanation point added to round out the typographic details.

<p>Tom liked this look and shirt color, so I sent shirt sizes and final artwork to <a href="http://www.mjmventuresinc.com/">MJM Screen Print & Embroidery Studio</a> in Menomonee Falls, Wisconsin for final printing.</p>

<h4>Finished Design</h4>
The final, finished design turned out great, and I especially love the indigo blue shirt color, which fits in well compared to the shirts from 2007 and 2008:

<p><a href="http://www.flickr.com/photos/33472412@N00/3250710085" title="View 'Winterblast '09 T-Shirt: Full Graphic 3' on Flickr.com"><img src="http://static.flickr.com/3074/3250710085_5199944b38.jpg" alt="Winterblast '09 T-Shirt: Full Graphic 3" border="0" width="" height="" align="left" /></a><br style="clear:both;" /></p>

<p><a href="http://www.flickr.com/photos/33472412@N00/3253940864" title="View 'Winterblast '09 T-Shirt: Full Graphic' on Flickr.com"><img src="http://farm4.static.flickr.com/3504/3253940864_45522f3205.jpg" alt="Winterblast '09 T-Shirt: Full Graphic" border="0" width="500" height="375" align="left" /></a><br style="clear:both;" /></p>

<p><a href="http://www.flickr.com/photos/33472412@N00/3253941138" title="View 'Winterblast '09 T-Shirt: Penguin 3' on Flickr.com"><img src="http://farm4.static.flickr.com/3413/3253941138_ee89515fc3.jpg" alt="Winterblast '09 T-Shirt: Penguin 3" border="0" width="500" height="375" align="left" /></a><br style="clear:both;" /></p>

<p>Once again, the shirts turned out well, thanks to the great work by MJM on printing. I'm looking forward to handing these out to our students at Winterblast this weekend.</p>]]>
</description>
<category>T-Shirts</category>
<guid isPermaLink="true">http://www.rohdesign.com/weblog/archives/003022.html</guid>
<pubDate>Wed, 04 Feb 2009 13:30:47 GMT</pubDate>
</item>

</channel>
</rss>