<?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:creativeCommons="http://backend.userland.com/creativeCommonsRssModule"
>

<channel>
	<title>Building Blocks &#187; ui/ux</title>
	<atom:link href="http://joelhooks.com/category/uiux/feed/" rel="self" type="application/rss+xml" />
	<link>http://joelhooks.com</link>
	<description>[without unit tests] you&#039;re not refactoring; you&#039;re just changing shit. -Hamlet D&#039;Arcy</description>
	<lastBuildDate>Fri, 30 Dec 2011 04:11:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<creativeCommons:license>http://creativecommons.org/licenses/by/3.0/us/</creativeCommons:license>
		<item>
		<title>Mockups with Balsamiq</title>
		<link>http://joelhooks.com/2009/04/18/mockups-with-balsamiq/</link>
		<comments>http://joelhooks.com/2009/04/18/mockups-with-balsamiq/#comments</comments>
		<pubDate>Sun, 19 Apr 2009 02:48:04 +0000</pubDate>
		<dc:creator>Joel</dc:creator>
				<category><![CDATA[components]]></category>
		<category><![CDATA[python]]></category>
		<category><![CDATA[ui/ux]]></category>

		<guid isPermaLink="false">http://joelhooks.com/?p=166</guid>
		<description><![CDATA[<style type="text/css">
#leftcontainerBox {
float:left;
position: fixed;
top: 60%;
left: 5px;
}

#leftcontainerBox .buttons {
float:left;
clear:both;
margin:4px 4px 4px 4px;

padding-bottom:2px;
}


#bottomcontainerBox {
height: 30px;
width:50%;
padding-top:1px;
}

#bottomcontainerBox .buttons {
float:left;
height: 30px;
margin:4px 4px 4px 4px;
}

</style>
We need mockups. They allow us to communicate with developers, clients, users and everybody in between in a common language. I'm a big fan of the Sharpie and a pad of paper. Balsamiq Mockups has created a really great piece of software to speed up the mockup process. I'm also a big fan of mind [...]]]></description>
			<content:encoded><![CDATA[<style type="text/css">
#leftcontainerBox {
float:left;
position: fixed;
top: 60%;
left: 5px;
}

#leftcontainerBox .buttons {
float:left;
clear:both;
margin:4px 4px 4px 4px;

padding-bottom:2px;
}


#bottomcontainerBox {
height: 30px;
width:50%;
padding-top:1px;
}

#bottomcontainerBox .buttons {
float:left;
height: 30px;
margin:4px 4px 4px 4px;
}

</style>
<p>We need mockups. They allow us to communicate with developers, clients, users and everybody in between in a common language. I'm a big fan of the Sharpie and a pad of paper. <a href="http://www.balsamiq.com/products/mockups">Balsamiq Mockups</a> has created a really great piece of software to speed up the mockup process.</p>
<p><img class="aligncenter size-full wp-image-168" title="balsamiq_desktop" src="http://69.164.207.135/wp-content/uploads/2009/04/balsamiq_desktop.png" alt="" width="475" height="412" /><br />
<span id="more-166"></span><br />
I'm also a big fan of mind maps. Using Balsamiq feels a lot like mind mapping, but with UI structures. It opens the door for new workflows. For me a new project will now consist of the mind map -&gt; Balsamiq generated mockups -&gt; refined wireframes -&gt; implementation.</p>
<p>Balsamiq allows you to save your mockups, both in an application specific XML format (BMML) and as png images. The png files are great for printing scratch sheets from templates that you have mocked up. These are extremely useful for meetings and annotation with the trusty pen.</p>
<p>One thing I really hope they consider for future versions is some sort of API for extending the available widgets. it would be great to build on the <a href="http://www.mockupstogo.net/">mockupstogo community</a> with lower-level user generated components. The ability to share fully mocked components is awesome, but I always want more control.</p>
<p>(edit) I thought that I would add that after playing a bit more I found that you can import your own 'widgets' using the Image object. It also lets you sketch an image on the fly, effectively allowing unlimited custom objects. Sweet.</p>
<p><img class="aligncenter size-full wp-image-167" title="balsamiq_iphone" src="http://69.164.207.135/wp-content/uploads/2009/04/balsamiq_iphone.png" alt="" width="475" height="284" /></p>
]]></content:encoded>
			<wfw:commentRss>http://joelhooks.com/2009/04/18/mockups-with-balsamiq/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<creativeCommons:license>http://creativecommons.org/licenses/by/3.0/us/</creativeCommons:license>
	</item>
	</channel>
</rss>

