<?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/"
	xmlns:go='http://ns.gigaom.com/'
xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>GigaOM &#187; Collaboration</title>
	<atom:link href="http://gigaom.com/collaboration/tag/web-production/feed/" rel="self" type="application/rss+xml" />
	<link>http://gigaom.com</link>
	<description></description>
	<lastBuildDate>Sat, 26 May 2012 13:06:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='gigaom.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://0.gravatar.com/blavatar/0db8f6557d022075dbbf010c54d46d93?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>GigaOM &#187; Collaboration</title>
		<link>http://gigaom.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://gigaom.com/osd.xml" title="GigaOM" />
	<atom:link rel='hub' href='http://gigaom.com/?pushpress=hub'/>
		<item>
		<title>FlairBuilder: Wireframing and Prototyping Web Sites</title>
		<link>http://gigaom.com/collaboration/flairbuilder-wireframing-and-prototyping-web-sites/</link>
		<comments>http://gigaom.com/collaboration/flairbuilder-wireframing-and-prototyping-web-sites/#comments</comments>
		<pubDate>Fri, 29 May 2009 21:30:31 +0000</pubDate>
		<dc:creator>Imran Ali</dc:creator>
				<category><![CDATA[How Do You Work?]]></category>
		<category><![CDATA[NYT Enterprise]]></category>
		<category><![CDATA[Software Apps]]></category>
		<category><![CDATA[SYN Feature Enterprise]]></category>
		<category><![CDATA[Adobe Air]]></category>
		<category><![CDATA[Balsamiq]]></category>
		<category><![CDATA[FlairBuilder]]></category>
		<category><![CDATA[OmniGraffle]]></category>
		<category><![CDATA[Web Production]]></category>
		<category><![CDATA[Wireframing]]></category>

		<guid isPermaLink="false">http://webworkerdaily.com/?p=12451</guid>
		<description><![CDATA[The practice of wireframing is common to most web production professionals. Oddly, there&#8217;s no clear market leader or category-defining product in this space; even solutions such as Adobe&#8217;s Creative Suite lack dedicated wireframing or rapid prototyping tools. There are, however, a number of useful smaller options. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gigaom.com&#038;blog=14960843&#038;post=12451&#038;subd=gigaom2&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><img  style="border:0 none;margin:5px;" src="http://wireframes.linowski.ca/wp-content/themes/darwin/images/full59.jpg" alt="" width="271" height="158" class=" alignleft" />The practice of <a href="http://en.wikipedia.org/wiki/Website_wireframe">wireframing</a> is common to most web production professionals. Oddly, there&#8217;s no clear market leader or category-defining product in this space; even solutions such as Adobe&#8217;s <a href="http://www.adobe.com/products/creativesuite/web/">Creative Suite</a> lack dedicated wireframing or rapid prototyping tools.</p>
<p>There are, however, a number of useful smaller options. Late last year,  Mike Gunderloy <a href="http://gigaom.com/collaboration/balsamiq-mockups-deliberately-not-slick/">evaluated the popular Balsamiq Mockups</a> and its deliberately sketchy wireframes. I recently discovered <a href="http://www.flairbuilder.com/">FlairBuilder</a>, another up-and-coming wireframing tool which, like Balsamiq, is based on the <a href="http://www.adobe.com/products/air/">Adobe AIR platform</a>.</p>
<p>While lacking Balsamiq&#8217;s cutesy, sketchy style, FlairBuilder has a number of interesting features useful for wireframing:<span id="more-12451"></span></p>
<ul>
<li>A <strong>tabbed interface</strong>, enabling users to work on multiple projects and pages, along with tools to create &#8220;master&#8221; templates for a number of pages within a particular project.</li>
<li>A pretty comprehensive <strong>gallery of components</strong>, segmented into palettes, along with a nifty search-as-you-type tool to help locate individual components.</li>
<li>Integration with <strong>web applications</strong>, including Google Maps, Vimeo and YouTube, allows live content from third-party services to be incorporated into a wireframe layout.</li>
<li>An <a href="http://www.flairbuilder.com/viewer/"><strong>online viewer</strong></a> allows non-FlairBuilder users to open and view projects created within the app, which is great for working with clients.</li>
</ul>
<p>At $99, FlairBuilder is inexpensive enough for most web design or development professionals to take a chance on &#8212; in fact, it&#8217;s only marginally more expensive than Balsamiq.</p>
<p>Both Balsamiq and Flairbuilder do a reasonable job at a low cost. Personally, I use a combination of <a href="http://gigaom.com/collaboration/mindnode-mind-mapping-made-manageable/">MindNode</a> for high-level site structure and <a href="http://www.omnigroup.com/applications/OmniGraffle/">OmniGraffle</a>-based wireframing templates to put together information architectures. But I can&#8217;t help thinking there&#8217;s great potential in an application or service that&#8217;s more integrated into the workflow of other common design tools such as Dreamweaver, Illustrator and Photoshop, or that&#8217;s oriented around web-based collaboration like Google Docs.</p>
<p>Incidentally, there&#8217;s a great unsung blog called <a href="http://wireframes.linowski.ca/">Wireframes</a> that&#8217;s worth adding to your feed reader.</p>
<p><em>What wireframing tools, methodologies and practices do you use?</em></p>
<p><strong>Related research and analysis from GigaOM Pro:</strong><br />Subscriber content. <a href="http://pro.gigaom.com/?utm_source=collaboration&utm_medium=editorial&utm_campaign=auto3&utm_term=12451+flairbuilder-wireframing-and-prototyping-web-sites&utm_content=bmedia">Sign up for a free trial</a>.</p><ul><li><a href="http://pro.gigaom.com/2011/03/why-ipad-2-will-lead-consumers-into-the-post-pc-era/?utm_source=collaboration&amp;utm_medium=editorial&amp;utm_campaign=waterfall?utm_source=collaboration&utm_medium=editorial&utm_campaign=auto3&utm_term=12451+flairbuilder-wireframing-and-prototyping-web-sites&utm_content=bmedia">Why iPad 2 Will Lead Consumers Into the Post-PC&nbsp;Era</a></li><li><a href="http://pro.gigaom.com/2011/03/the-near-term-evolution-of-social-commerce/?utm_source=collaboration&amp;utm_medium=editorial&amp;utm_campaign=waterfall?utm_source=collaboration&utm_medium=editorial&utm_campaign=auto3&utm_term=12451+flairbuilder-wireframing-and-prototyping-web-sites&utm_content=bmedia">The Near-Term Evolution of Social&nbsp;Commerce</a></li><li><a href="http://pro.gigaom.com/2011/02/content-farms-the-players-the-benefits-the-risks/?utm_source=collaboration&amp;utm_medium=editorial&amp;utm_campaign=waterfall?utm_source=collaboration&utm_medium=editorial&utm_campaign=auto3&utm_term=12451+flairbuilder-wireframing-and-prototyping-web-sites&utm_content=bmedia">Content Farms: The Players, The Benefits, The&nbsp;Risks</a></li></ul><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=gigaom.com&#038;blog=14960843&#038;post=12451&#038;subd=gigaom2&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://gigaom.com/collaboration/flairbuilder-wireframing-and-prototyping-web-sites/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0cede0ba108327825a3cddbbdb6ba5c1?s=96&#38;d=retro&#38;r=PG" medium="image">
			<media:title type="html">Imran</media:title>
		</media:content>

		<media:content url="http://wireframes.linowski.ca/wp-content/themes/darwin/images/full59.jpg" medium="image" />
	</item>
	</channel>
</rss>
