<?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>mode2design &#187; Diagrams</title>
	<atom:link href="http://www.mode2design.com/category/diagrams/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mode2design.com</link>
	<description>- Notes on visual problem-solving</description>
	<lastBuildDate>Sat, 20 Mar 2010 16:08:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mind Mapping: Finding the Rainbow Connection</title>
		<link>http://www.mode2design.com/2009/12/07/mind-mapping-finding-the-rainbow-connection/</link>
		<comments>http://www.mode2design.com/2009/12/07/mind-mapping-finding-the-rainbow-connection/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 03:08:56 +0000</pubDate>
		<dc:creator>deanmeistr</dc:creator>
				<category><![CDATA[Diagrams]]></category>

		<guid isPermaLink="false">http://www.mode2design.com/?p=207</guid>
		<description><![CDATA[




Kermit the Frog via last.fm



This post contains a MindMap summarizing takeaways from Social Media Chat from October 28, 2009.
In the song, &#8220;The Rainbow Connection,&#8221; Kermit the Frog refers to &#8220;the lovers, the dreamers, and me&#8221;. I think many of us empathize with the &#8220;me&#8221; the someplace-in-the-middle.
There&#8217;s often talk about opposites in personality and thinking; the [...]]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://www.mode2design.com/2009/12/07/mind-mapping-finding-the-rainbow-connection/" title="Permanent link to Mind Mapping: Finding the Rainbow Connection"><img class="post_image alignnone frame" src="http://www.mode2design.com/wp-content/uploads/2009/12/rainbow-MindMap.jpg" width="550" height="358" alt="#smchat - Mindmapping" /></a>
</p><div class="zemanta-img" style="margin: 1em; display: block;">
<div>
<dl class="wp-caption alignright" style="width: 136px;">
<dt class="wp-caption-dt"><a href="http://www.last.fm/music/Kermit%2Bthe%2BFrog"><img title="Kermit the Frog" src="http://userserve-ak.last.fm/serve/126/499360.jpg" alt="Kermit the Frog" /></a></dt>
<dd class="wp-caption-dd zemanta-img-attribution" style="font-size: 0.8em;"><a href="http://www.last.fm/music/Kermit%2Bthe%2BFrog">Kermit the Frog</a> via <a href="http://www.lastfm.com">last.fm</a></dd>
</dl>
</div>
</div>
<p><em>This post contains a MindMap summarizing takeaways from Social Media Chat from October 28, 2009</em>.</p>
<p>In the song, &#8220;<a class="zem_slink" title="Rainbow Connection" rel="wikipedia" href="http://en.wikipedia.org/wiki/Rainbow_Connection">The Rainbow Connection</a>,&#8221; Kermit the Frog refers to &#8220;the lovers, the dreamers, and me&#8221;. I think many of us empathize with the &#8220;me&#8221; the someplace-in-the-middle.</p>
<p>There&#8217;s often talk about opposites in personality and thinking; the &#8220;left-brained&#8221; (analytic) or &#8220;right brained&#8221; (creative) types, the linear or holistic types, generalizers or detail-oriented types, or even broader generalizations of people being &#8220;thinkers or doers&#8221;.  While one style or approach may dominate in each of us, there are tools and methods of exploring idea development and management that can be used by anyone.</p>
<p>Mind mapping, as created by <a href="http://imindmap.com" target="_blank">Tony Buzan</a>, is a visual tool using association through lines and proximity as the primary method of displaying relationships between ideas, concepts, objects or processes, radiating out from a centrally-located focal point.</p>
<p>The mind map, and variations on mind mapping (concept maps and collective brainstorming) can be a great tool to generate ideas, bridge the gaps while exploring processes, and make connections appear through &#8220;wise wanderings&#8221;. If you are willing to allow your mind to associate freely, you can make a mind map.</p>
<p>There is a <a href="http://mindmapblog.com/" target="_blank">great deal of software available</a> to create mind maps, from educational packages through online freeware and collaborative tools, but for this example I went the route of paper, color markers and a Flair pen. I like to work this way because it&#8217;s quick and easy, particularly in adding quick doodles if an image or visual metaphor comes to mind from the conversation. If you think you can&#8217;t draw, you can do the same without adding any pictures but using colored pens to add highlights, make boxes around key points, or adding arrows to show where one thing leads to another.</p>
<p>Here&#8217;s my first mind map of the Twitter #SMCHAT from October 28, 2009, where the group discussed &#8220;<strong>Demystifying Mind Mapping</strong>&#8220;, hosted by <a href="http://sourcepov.wordpress.com" target="_blank">Chris Jones</a> (<a href="http://www.twitter.com/sourcePOV" target="_blank">@sourcePOV</a>) and mind-mapping expert <a href="http://mindmapping.typepad.com/" target="_blank">Chuck Frey</a> (<a href="http://mindmappingsoftwareblog.com/chuck-frey-twitter/" target="_blank">@chuckfrey</a>). For the original framing of the Q25 discussion, please read Chris Jones&#8217; original post on <a href="http://sourcepov.wordpress.com/2009/10/27/mindmap-101/" target="_blank">mindmapping 101</a> or <a href="http://smchat.ning.com/forum/topics/q25-mind-maps-101" target="_blank">http://smchat.ning.com/forum/topics/q25-mind-maps-101</a> .</p>
<p style="text-align: left;"><a title="#smchat - Mindmapping 101 - First Mindmap" href="http://www.mode2design.com/wp-content/uploads/2009/12/remix-study.jpg" target="_blank"><img class="aligncenter size-large wp-image-208" style="border: 3px solid grey;" title="remix-study" src="http://www.mode2design.com/wp-content/uploads/2009/12/remix-study-1024x811.jpg" alt="remix-study" width="614" height="487" /></a>While participating and then rereading the transcript, four themes emerged to me: <strong>Theory, Practice</strong>, <strong>Tools </strong>and <strong>Methods</strong>. I placed  Theory on top, floating ideas and concepts (the abstract or ethereal), and Practice below (with concrete, &#8220;down to earth&#8221; examples of other forms of mind mapping, using real objects). Methods and Tools seem to straddle both theory and practice, so they sit on an invisible horizon line. This divides the map into a Top/Bottom configuration, or Head and Body.</p>
<p>I also used more of a personal visual shorthand to move quickly, eliminating the branching lines that associate ideas while counting on proximity to define the relationship between the short phrases, doodles and symbols.</p>
<p>In this first version, I used the Twitter identities of chat participants to create top and bottom borders. If you were there and I didn&#8217;t list you, please know that I added the names somewhat chronologically as people entered the conversation and I let space constraints determine who was listed.</p>
<p><strong>Refining the map<br />
</strong></p>
<p>One question that I&#8217;ve heard raised about mind maps (and infographics in general) is whether or not they are clear, useful and convey real information to those who didn&#8217;t create the image. In many cases, yes, a mind map can easily be as clear as an outline or summary using just words; in the best cases, the addition information gleaned from visual data (including pictures, symbols, color, placement and size) can generate a completely fresh instance of ideas, add additional content with fewer words, or place emphasis, impact and  flow to direct the reader through the map.</p>
<p>I created a second map to make the navigation easier and to prompt additional discussion:</p>
<div id="attachment_209" class="wp-caption aligncenter" style="width: 615px">
	<a title="#smchat Q25: Demystifying Mindmapping" href="http://www.mode2design.com/wp-content/uploads/2009/12/remix-SMC-MindMapping.jpg" target="_blank"><img class="size-large wp-image-209  " style="border: 3px solid grey;" title="remix-SMC-MindMapping" src="http://www.mode2design.com/wp-content/uploads/2009/12/remix-SMC-MindMapping-1024x666.jpg" alt="#SMCHAT - Mindmapping 101 " width="615" /></a>
	<p class="wp-caption-text">#SMCHAT - Mindmapping 101 </p>
</div>
<p>The four large branches titles are enlarged and emphasized, but I&#8217;ve filtered the content in each branch. It is a selective filter, certainly, but the point of creating this map was not only to summarize the previous discussion but to stimulate a second conversation. Chuck Frey remarked, &#8220;being able to see info represented visually helps you see &#8220;white space&#8221; opportunities &#8211; between existing ideas.&#8221; I hope you can find these through this map, and they become rainbow connections for you.</p>
<p>With that in mind, please join us for the next #SMCHAT  on Twitter on <strong>December 9, 2009</strong> at 1pET : <strong>Q25R Mind Maps, the Remix.</strong> I will be moderating the chat and I hope to see you there.</p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/6eb43e98-d926-4933-9b1d-260b6eb36ce9/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=6eb43e98-d926-4933-9b1d-260b6eb36ce9" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.mode2design.com/2009/12/07/mind-mapping-finding-the-rainbow-connection/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Love the post-it note and index cards.</title>
		<link>http://www.mode2design.com/2008/12/04/love-the-post-it-note-and-index-cards/</link>
		<comments>http://www.mode2design.com/2008/12/04/love-the-post-it-note-and-index-cards/#comments</comments>
		<pubDate>Thu, 04 Dec 2008 14:43:23 +0000</pubDate>
		<dc:creator>deanmeistr</dc:creator>
				<category><![CDATA[Diagrams]]></category>
		<category><![CDATA[Presentation Skills]]></category>
		<category><![CDATA[Visual Expression]]></category>
		<category><![CDATA[Visual Problem-Solving]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Powerpoint]]></category>
		<category><![CDATA[sketching]]></category>

		<guid isPermaLink="false">http://mode2design.wordpress.com/?p=31</guid>
		<description><![CDATA[In a world where Martha Stewart reigns as &#8220;Queen of the Craft&#8221;, it dawned on me last night that during the Great Depression of the 1930&#8217;s making clothing, cooking, and even handwriting were practiced, utilitarian crafts in many if not most homes. Jump to 2008 and my focus on visualization skills of the typical, high-school [...]]]></description>
			<content:encoded><![CDATA[<p></p><div id="attachment_32" class="wp-caption aligncenter" style="width: 300px">
	<a href="http://mode2design.files.wordpress.com/2008/12/img_0068.jpg"><img class="size-medium wp-image-32" title="img_0068" src="http://mode2design.files.wordpress.com/2008/12/img_0068.jpg?w=300" alt="The simple story of transformation" width="300" height="225" /></a>
	<p class="wp-caption-text">The simple story of transformation</p>
</div>
<p>In a world where Martha Stewart reigns as &#8220;Queen of the Craft&#8221;, it dawned on me last night that during the Great Depression of the 1930&#8217;s making clothing, cooking, and even handwriting were practiced, utilitarian crafts in many if not most homes. Jump to 2008 and my focus on visualization skills of the typical, high-school educated to high-level professional, and I routinely see outright FEAR when I suggest laying out a story on index cards, post-it notes..anything non-digital. I love facility and ease of use, most certainly: InDesign, Photoshop, Illustrator, PowerPoint, Flash, Final Cut Pro&#8230;all are my great and good friends. However, the invitation to tell a story the PowerPoint way &#8211; &#8220;Insert your TITLE HERE&#8221;&#8230;&#8221;Add your text here&#8221;..or through Flash&#8217;s interface &#8211; &#8220;Start with a Keyframe on a layer&#8221; &#8211; &#8220;add your library elements&#8221; doesn&#8217;t address the question that drives the purpose of using these tools in the first place: What is the point of telling this story? These are great tools, but they create anarchy when they offer no guidance or pathway to the process. And, to make matters worse, much of the templating/chart building/clip art libraries obscure the message or are useless.</p>
<p>Specialization, as in inspired and gifted artwork and design, has its place, but it really heightens one&#8217;s own ability to take ownership with pride when you can craft it yourself. At the very least, understanding the process of having an idea, seeing it in your mind&#8217;s eye, showing some kind of representation of that  to others and, lo and behold, making the communication happen, should be an essential craft in your arsenal. Learning by doing? I&#8217;m all for it. Here&#8217;s a simple exercise:</p>
<p>Draw a square on the left side of a post-it note. Draw a circle on the right side. Draw a 4-sided box with rounded corners in the middle. Draw an arrow between the square, and then one between the rounded-corner box and the circle. You have just told a story of transformation!</p>
<p>In summary, don&#8217;t be afraid to sketch it, doodle it, scribble. In fact, you SHOULD do that and more&#8211;a slick presentation is like packaged white bread: a pretty wrapper and a lot of air to puff up an anonymous product. Make it, own it, wear it.</p>
<p>Here&#8217;s T. Boone Pickens doing it, live, on a whiteboard: <a title="T. Boone Pickens whiteboard presentation on energy" href="http://www.pickensplan.com/media/?bcpid=1640183817&amp;bclid=1641831862&amp;bctid=1650060434" target="_blank">http://www.pickensplan.com/media/?bcpid=1640183817&amp;bclid=1641831862&amp;bctid=1650060434</a></p>
<p>Send me your scans/shots of your index cards, post-it notes, napkin sketches. Anyone have a good visual concept of &#8220;Status quo&#8221;?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mode2design.com/2008/12/04/love-the-post-it-note-and-index-cards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Better meeting notes can jog extra memories</title>
		<link>http://www.mode2design.com/2008/11/23/better-meeting-notes-can-jog-extra-memories/</link>
		<comments>http://www.mode2design.com/2008/11/23/better-meeting-notes-can-jog-extra-memories/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 01:15:50 +0000</pubDate>
		<dc:creator>deanmeistr</dc:creator>
				<category><![CDATA[Diagrams]]></category>
		<category><![CDATA[Visual Expression]]></category>
		<category><![CDATA[meetings]]></category>
		<category><![CDATA[Presentation Tools]]></category>

		<guid isPermaLink="false">http://mode2design.wordpress.com/?p=20</guid>
		<description><![CDATA[I have a debriefing call on Monday about a training on presentations I co-facilitated 3 weeks ago. A senior management team convened for a &#8220;Reporting with Impact&#8221; training seminar, and my role was to teach them Visual Expression in reporting to executives. I&#8217;ll talk about that elsewhere, but my challenge for Monday is:  How [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>I have a debriefing call on Monday about a training on presentations I co-facilitated 3 weeks ago. A senior management team convened for a &#8220;Reporting with Impact&#8221; training seminar, and my role was to teach them<strong> Visual Expression</strong> in reporting to executives. I&#8217;ll talk about that elsewhere, but my challenge for Monday is:  How do I remind everyone of the issues we discussed three weeks ago, and make it feel fresh? My solution: at the beginning of that workshop I drew a rough sketch of the table, listing the names of everyone there in their seating arrangement, their titles, and then one or two salient quotes from each person as they spoke. I will admit, I don&#8217;t remember people&#8217;s names very quickly off the bat, so this was a trick I learned watching lawyers prep prospective jurors&#8211;they use a card system with a seating chart, and they write notes on the cards. Here&#8217;s my version, first, the pencil draft, and then revised into a graphic that I will distribute before we meet for the review:</p>
<div id="attachment_21" class="wp-caption alignleft" style="width: 230px">
	<a href="http://mode2design.files.wordpress.com/2008/11/review-notes-raw.jpg"><img class="size-medium wp-image-21" title="review-notes-raw" src="http://mode2design.files.wordpress.com/2008/11/review-notes-raw.jpg?w=230" alt="Quick sketch showing individuals and their key concerns" width="230" height="300" /></a>
	<p class="wp-caption-text">Quick sketch showing individuals and their key concerns</p>
</div>
<div id="attachment_22" class="wp-caption alignright" style="width: 244px">
	<a href="http://mode2design.files.wordpress.com/2008/11/review-chart1.jpg"><img class="size-medium wp-image-22" title="review-chart1" src="http://mode2design.files.wordpress.com/2008/11/review-chart1.jpg?w=244" alt="Cleaned up and ready to distribute for review" width="244" height="300" /></a>
	<p class="wp-caption-text">Cleaned up and ready to distribute for review</p>
</div>
<p>Here&#8217;s the take-away for you: Organize your notes visually, using spatial reminders: draw the layout of the room with major elements, the tables or seating arrangement first&#8211;no fine drawing skills required. Use a single page. Write on the page or use post-it notes to label the participants in their position in the room. Make quick notes of what they said on the post-it note or under their name. It will remind you not only of who said what, but will bring back the spatial memory&#8211;did the team leader sit at the head of the table? In a panel discussion, who sat next to whom, and was that because they had a relationship worth noting? You will probably remember more with the seating chart jogging your memory than a standard bullet-point note-taking format. Try it at your next meeting or conference.</p>
<p>P.S. if you look at my previous post about the <a href="http://mode2design.wordpress.com/2008/11/19/a-high-resolution-super-graphic-thank-you-edward-tufte/">Edward Tufte Workshop</a> I attended in November, you&#8217;ll see that I made a quick little layout of where he sat at the beginning of the program and where I was sitting in that giant hotel ballroom. Now you know why I do that.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mode2design.com/2008/11/23/better-meeting-notes-can-jog-extra-memories/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
