<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Mockups with markup &#8211; Using Blueprint to sketch in code</title>
	<atom:link href="http://andyhoward.id.au/2010/01/04/mockups-with-markup-using-blueprint-to-sketch-in-code/feed/" rel="self" type="application/rss+xml" />
	<link>http://andyhoward.id.au/2010/01/04/mockups-with-markup-using-blueprint-to-sketch-in-code/</link>
	<description>Experience Director</description>
	<lastBuildDate>Fri, 18 Jun 2010 22:43:26 -0700</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<item>
		<title>By: Angus McDonald</title>
		<link>http://andyhoward.id.au/2010/01/04/mockups-with-markup-using-blueprint-to-sketch-in-code/comment-page-1/#comment-79008</link>
		<dc:creator>Angus McDonald</dc:creator>
		<pubDate>Wed, 10 Mar 2010 06:18:17 +0000</pubDate>
		<guid isPermaLink="false">http://andyhoward.id.au/?p=219#comment-79008</guid>
		<description>The problem you&#039;ve expressed here is the main one that Microsoft saw an opportunity to address with their Expression tools. The idea was to allow you to design your pages in Expression Design, export them to Expression Web and then finally transfer them to Visual Studio for your developers to add any final back-end coding that was required.

It has a way to go, but already is fairly mature, you can see more here:
http://www.microsoft.com/expression/Default.aspx</description>
		<content:encoded><![CDATA[<p>The problem you&#8217;ve expressed here is the main one that Microsoft saw an opportunity to address with their Expression tools. The idea was to allow you to design your pages in Expression Design, export them to Expression Web and then finally transfer them to Visual Studio for your developers to add any final back-end coding that was required.</p>
<p>It has a way to go, but already is fairly mature, you can see more here:<br />
<a href="http://www.microsoft.com/expression/Default.aspx" rel="nofollow">http://www.microsoft.com/expression/Default.aspx</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Andy Howard</title>
		<link>http://andyhoward.id.au/2010/01/04/mockups-with-markup-using-blueprint-to-sketch-in-code/comment-page-1/#comment-78787</link>
		<dc:creator>Andy Howard</dc:creator>
		<pubDate>Thu, 04 Mar 2010 18:58:58 +0000</pubDate>
		<guid isPermaLink="false">http://andyhoward.id.au/?p=219#comment-78787</guid>
		<description>Yeah Brian that&#039;s a great comment. 

&lt;i&gt;Potentially&lt;/i&gt;, the focus on code could constrain the final results and hinder some creativity. The ideal approach I&#039;ve found is to iterate, and work between paper and code. So use paper sketches to explore ideas, and iterate your code with the best ideas.

Exactly - that&#039;s the issue with Omnigraffle, Fireworks and other tools - you end up throwing out the prototype. But there are a stack of online tools around that speed up the process and are handy for quick client communication, and can be used in place of Omnigraffle, Fireworks and others. While the results from online tools are also thrown out, they&#039;re a substitute for at least part of the typical client conversation. Of these,  http://iplotz.com/ seems to be one of the more efficient and practical services.

It&#039;s ok to throw out a prototype, as long as it&#039;s &lt;em&gt;made to be thrown out&lt;/em&gt; and has been super-fast to produce. Quick and sketchy - on paper or in tool like iPlotz - usually fit the bill well. Put something together quickly, chat to the client, iterate until it&#039;s right. Then code. Then iterate from there, but the purpose of the &#039;sketchy&#039; prototype is to avoid completely recoding a layout! If designers are involved from the beginning, you can wireframe with them and you can agree on the layout early. Then the art direction can be applied to your coded prototype and avoid too much re-work.</description>
		<content:encoded><![CDATA[<p>Yeah Brian that&#8217;s a great comment. </p>
<p><i>Potentially</i>, the focus on code could constrain the final results and hinder some creativity. The ideal approach I&#8217;ve found is to iterate, and work between paper and code. So use paper sketches to explore ideas, and iterate your code with the best ideas.</p>
<p>Exactly &#8211; that&#8217;s the issue with Omnigraffle, Fireworks and other tools &#8211; you end up throwing out the prototype. But there are a stack of online tools around that speed up the process and are handy for quick client communication, and can be used in place of Omnigraffle, Fireworks and others. While the results from online tools are also thrown out, they&#8217;re a substitute for at least part of the typical client conversation. Of these,  <a href="http://iplotz.com/" rel="nofollow">http://iplotz.com/</a> seems to be one of the more efficient and practical services.</p>
<p>It&#8217;s ok to throw out a prototype, as long as it&#8217;s <em>made to be thrown out</em> and has been super-fast to produce. Quick and sketchy &#8211; on paper or in tool like iPlotz &#8211; usually fit the bill well. Put something together quickly, chat to the client, iterate until it&#8217;s right. Then code. Then iterate from there, but the purpose of the &#8216;sketchy&#8217; prototype is to avoid completely recoding a layout! If designers are involved from the beginning, you can wireframe with them and you can agree on the layout early. Then the art direction can be applied to your coded prototype and avoid too much re-work.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Brian Wigginton</title>
		<link>http://andyhoward.id.au/2010/01/04/mockups-with-markup-using-blueprint-to-sketch-in-code/comment-page-1/#comment-77720</link>
		<dc:creator>Brian Wigginton</dc:creator>
		<pubDate>Tue, 02 Feb 2010 08:34:21 +0000</pubDate>
		<guid isPermaLink="false">http://andyhoward.id.au/?p=219#comment-77720</guid>
		<description>I really like the idea of mocking things up in HTML/CSS and can definitely see the benefits of doing so. However, I wonder if in your experience you have seen any evidence that doing it this way actually hinders the creativity of the designers and places too much constraints on the final look and feel?

I&#039;m taking a look at Omnigraffle and Fireworks, but can see myself spending too much time architecting wireframes that will as you said, be thrown out. Yet, I can also see myself having to recode the layout once the designer changes things up a bit.</description>
		<content:encoded><![CDATA[<p>I really like the idea of mocking things up in HTML/CSS and can definitely see the benefits of doing so. However, I wonder if in your experience you have seen any evidence that doing it this way actually hinders the creativity of the designers and places too much constraints on the final look and feel?</p>
<p>I&#8217;m taking a look at Omnigraffle and Fireworks, but can see myself spending too much time architecting wireframes that will as you said, be thrown out. Yet, I can also see myself having to recode the layout once the designer changes things up a bit.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
