<?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>A Better Way &#187; expression studio</title>
	<atom:link href="http://www.thejacklawson.com/index.php/tag/expression-studio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thejacklawson.com</link>
	<description>Finding a better way to get things done, a technical journey</description>
	<lastBuildDate>Tue, 24 Aug 2010 21:10:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Drawing Inspiration &#8211; an Overview on Sketchflow</title>
		<link>http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/</link>
		<comments>http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 02:22:02 +0000</pubDate>
		<dc:creator>Jack Lawson</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[Silverlight / Expression Studio]]></category>
		<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[expression studio]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[silverlight]]></category>

		<guid isPermaLink="false">http://www.thejacklawson.com/?p=107</guid>
		<description><![CDATA[Image via Wikipedia If you&#8217;ve downloaded Blend 3- or if you&#8217;ve heard a bit about it- you may have heard of the prototyping tool Sketchflow. It&#8217;s an extension of the Microsoft Expression Blend tool, and allows you to quickly design a site&#8217;s flow, page by page, and then define the components within it. I started [...]]]></description>
			<content:encoded><![CDATA[<div class="zemanta-img" style="margin: 1em; display: block;">
<div>
<dl class="wp-caption alignright" style="width: 310px;">
<dt class="wp-caption-dt"><a href="http://en.wikipedia.org/wiki/Image:Microsoft_Expression_Blend.png"><img title="Microsoft Expression Blend Screenshot" src="http://upload.wikimedia.org/wikipedia/en/thumb/2/2c/Microsoft_Expression_Blend.png/300px-Microsoft_Expression_Blend.png" alt="Microsoft Expression Blend Screenshot" width="300" height="188" /></a></dt>
<dd class="wp-caption-dd zemanta-img-attribution" style="font-size: 0.8em;">Image via <a href="http://en.wikipedia.org/wiki/Image:Microsoft_Expression_Blend.png">Wikipedia</a></dd>
</dl>
</div>
</div>
<p>If you&#8217;ve downloaded <a class="zem_slink" title="Microsoft Expression Blend" rel="homepage" href="http://www.microsoft.com/products/expression/en/expression-blend/">Blend</a> 3- or if you&#8217;ve heard a bit about it- you may have heard of the <a class="zem_slink" title="Software prototyping" rel="wikipedia" href="http://en.wikipedia.org/wiki/Software_prototyping">prototyping</a> tool <a href="http://www.microsoft.com/expression/products/SketchFlow_OverView.aspx">Sketchflow</a>. It&#8217;s an extension of the <a href="http://www.microsoft.com/expression/">Microsoft Expression</a> Blend tool, and allows you to quickly <a class="zem_slink" title="Design" rel="wikipedia" href="http://en.wikipedia.org/wiki/Design">design</a> a site&#8217;s flow, page by page, and then define the components within it.<br />
I started playing around with Sketchflow when I was tasked with coming up with a &#8220;grand master plan&#8221; for a project that I wanted to take on. Creating the page flow seemed easy enough; it wasn&#8217;t long before I had a nice little tree drawn that covered everything from the first page to the last, with neat little arrows directing the user&#8217;s flow. When you hit F5 (or build), you&#8217;re taken to a compiled version of the site, from which you can navigate to each of your pages. Pretty neat.<br />
The real power came out when I started dropping in labels, textboxes, and buttons, and then attaching events from each of those buttons to navigate to other pages. Suddenly, I was able to take my prototype to the next level- instead of bits of scrap paper, I was creating an interactable demo that I could show off, that saved notes and annotations for later reviewal.  As soon as I had it figured out (mostly), I showed the other person that I was working with how to set up, and within a matter of minutes, we were designing away.<br />
There&#8217;s a big difference when you can show off a &#8220;working&#8221; prototype instead of a few concept drawings; you could get a feel for the flow of the application, and because it felt more real, you could do a bit more of a gut-check. It felt closer to production, even though it really wasn&#8217;t any further than that scrap paper; and it took about as much time (in fact, probably less, edits are easier in digital format). And if you do feel inclined to shuffle around dead plants, you can always export the whole project as a <a class="zem_slink" title="Microsoft Word" rel="homepage" href="http://office.microsoft.com/word">Word</a> doc.<br />
P.S., one small hint- the &#8220;sketch&#8221; style is not on by default. It&#8217;s hidden under the controls chevron, if you click the triangle next to &#8220;Styles&#8221; and then &#8220;Sketchflow&#8221;. It is a HUGE PAIN to change styles&#8230; which kind of baffles me.</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/72ec7c5d-3d94-43e8-ac5d-2821775953ae/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=72ec7c5d-3d94-43e8-ac5d-2821775953ae" 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>
<!-- Social Bookmarking Reloaded BEGIN --><div class="social_bookmark"><em> </em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;title=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Del.icio.us"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Del.icio.us" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;title=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to digg"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to digg" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;title=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to reddit"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to reddit" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Technorati"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Technorati" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;h=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Newsvine"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Newsvine" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;title=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Stumble Upon"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Stumble Upon" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;title=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Google Bookmarks"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Google Bookmarks" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="https://favorites.live.com/quickadd.aspx?url=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;title=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Live-MSN"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/live.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Live-MSN" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Live-MSN" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow&amp;url=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to SlashDot"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to SlashDot" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;t=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to FaceBook"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to FaceBook" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Twitter"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Twitter" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Twitter" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/reader/link?url=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/&amp;title=Drawing+Inspiration+%26%238211%3B+an+Overview+on+Sketchflow&amp;srcURL=http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Google Buzz"><img src="http://www.thejacklawson.com/wp-content/plugins/social-bookmarking-reloaded/googlebuzz.png" title="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Google Buzz" alt="Add 'Drawing Inspiration &#8211; an Overview on Sketchflow' to Google Buzz" /></a></div>
<!-- Social Bookmarking Reloaded END -->]]></content:encoded>
			<wfw:commentRss>http://www.thejacklawson.com/index.php/2009/09/drawing-inspiration-an-overview-on-sketchflow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
