<?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: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>WebWorkerDaily &#187; Balsamiq</title>
	<atom:link href="http://webworkerdaily.com/tag/balsamiq/feed/" rel="self" type="application/rss+xml" />
	<link>http://webworkerdaily.com</link>
	<description>Rebooting the workforce</description>
	<lastBuildDate>Tue, 16 Mar 2010 16:00:21 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='webworkerdaily.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/e10d1749b5783c24aff656235df63bfa?s=96&#038;d=http://s2.wp.com/i/buttonw-com.png</url>
		<title>WebWorkerDaily &#187; Balsamiq</title>
		<link>http://webworkerdaily.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://webworkerdaily.com/osd.xml" title="WebWorkerDaily" />
	<atom:link rel='hub' href='http://webworkerdaily.com/?pushpress=hub'/>
		<item>
		<title>FlairBuilder: Wireframing and Prototyping Web Sites</title>
		<link>http://webworkerdaily.com/2009/05/29/flairbuilder-wireframing-and-prototyping-web-sites/</link>
		<comments>http://webworkerdaily.com/2009/05/29/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[CNN Big Tech]]></category>
		<category><![CDATA[How Do You Work?]]></category>
		<category><![CDATA[NYT Enterprise]]></category>
		<category><![CDATA[SYN Feature Enterprise]]></category>
		<category><![CDATA[Software Apps]]></category>
		<category><![CDATA[adobe air]]></category>
		<category><![CDATA[Wireframing]]></category>
		<category><![CDATA[Web Production]]></category>
		<category><![CDATA[OmniGraffle]]></category>
		<category><![CDATA[Balsamiq]]></category>
		<category><![CDATA[FlairBuilder]]></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. Late [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webworkerdaily.com&blog=387619&post=12451&subd=webworkerdaily&ref=&feed=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://webworkerdaily.com/2008/10/31/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://webworkerdaily.com/2009/04/01/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>
<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webworkerdaily.com&blog=387619&post=12451&subd=webworkerdaily&ref=&feed=1" />]]></content:encoded>
			<wfw:commentRss>http://webworkerdaily.com/2009/05/29/flairbuilder-wireframing-and-prototyping-web-sites/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0cede0ba108327825a3cddbbdb6ba5c1?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bmedia</media:title>
		</media:content>

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