<?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>Modern Ui &#187; Prototyping</title>
	<atom:link href="http://modernui.com/posts/tag/prototyping/feed" rel="self" type="application/rss+xml" />
	<link>http://modernui.com</link>
	<description>Social Usability for Web 2.0 and Beyond</description>
	<lastBuildDate>Fri, 18 Sep 2009 23:50:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>An online directory of tools for user interface design</title>
		<link>http://modernui.com/posts/an-online-directory-of-tools-for-user-interface-design</link>
		<comments>http://modernui.com/posts/an-online-directory-of-tools-for-user-interface-design#comments</comments>
		<pubDate>Sun, 09 Aug 2009 17:43:13 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Prototyping]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/an-online-directory-of-tools-for-user-interface-design</guid>
		<description><![CDATA[Someone recently notified me of a new site, IAApps.com, dedicated exclusively to software applications for User Experience professionals.
IAApps organizes all the different tools into 4 categories:

Interface Modeling
Prototyping
Screen Capture
Usability Testing

Each category is then further organized by OS platform:

Mac OSX flavors
Windows flavors
Web

I found the navigation somewhat clumsy. Rather than navigate the menus, I&#8217;d prefer a tool &#8220;site [...]]]></description>
			<content:encoded><![CDATA[<p>Someone recently notified me of a new site, <a rel="nofollow" title="IAApps.com" target="_blank" href="http://www.iaapps.com">IAApps.com</a>, dedicated exclusively to software applications for <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> professionals.</p>
<p>IAApps organizes all the different tools into 4 categories:</p>
<ol>
<li>Interface Modeling</li>
<li>Prototyping</li>
<li>Screen Capture</li>
<li><a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a> Testing</li>
</ol>
<p>Each category is then further organized by OS platform:</p>
<ol>
<li>Mac OSX flavors</li>
<li>Windows flavors</li>
<li>Web</li>
</ol>
<p>I found the navigation somewhat clumsy. Rather than navigate the menus, I&#8217;d prefer a tool &#8220;site map&#8221; &#8211; a single page with all of the tools listed under each category and operating system so that I could quickly scan for what I want. You almost get that &#8220;Show All Listings&#8221;, but not quite.</p>
<p>Aside from that, I think the site can be a valuable resource by providing a definitive directory of all the software applications <a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">User Experience</a> professionals need, and a way for us to rate the tools.</p>
<p>I&#8217;m going to head over there now and rate some of the tools myself.</p>
<p>Related posts:
<ol>
<li><a rel="nofollow" target="_blank" href="http://www.dexodesign.com/2008/11/07/review-16-user-interface-prototyping-tools/" title="Permanent Link: Review: 16 User Interface Prototyping Tools">Review: 16 User Interface Prototyping Tools</a></li>
<li><a rel="nofollow" target="_blank" href="http://www.dexodesign.com/2009/02/23/rapidrabb-an-online-prototyping-tool/" title="Permanent Link: Rapidrabb – an online prototyping tool">Rapidrabb &#8211; an online prototyping tool</a></li>
<li><a rel="nofollow" target="_blank" href="http://www.dexodesign.com/2007/08/02/design-tools/" title="Permanent Link: Design Tools">Design Tools</a></li>
</ol>
<div>
&lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://feeds.feedburner.com/~ff/InterfaceDesign<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>?a=gxO-TyElD2M:mSIQnTCZaIM:oZz5GeKkinw&#8221;&gt;&lt;img src=&quot;http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_InterfaceDesign<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>?i=gxO-TyElD2M:mSIQnTCZaIM:oZz5GeKkinw&#8221; border=&#8221;0&#8243; /&gt;</a> &lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://feeds.feedburner.com/~ff/InterfaceDesign<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>?a=gxO-TyElD2M:mSIQnTCZaIM:yIl2AUoC8zA&#8221;&gt;&lt;img src=&quot;http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_InterfaceDesign<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>?d=yIl2AUoC8zA&#8221; border=&#8221;0&#8243; /&gt;</a> &lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://feeds.feedburner.com/~ff/InterfaceDesign<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>?a=gxO-TyElD2M:mSIQnTCZaIM:I9og5sOYxJI&#8221;&gt;&lt;img src=&quot;http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_InterfaceDesign<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>?d=I9og5sOYxJI&#8221; border=&#8221;0&#8243; /&gt;</a> &lt;a rel=&quot;nofollow&quot; target=&quot;_blank&quot; href=&quot;http://feeds.feedburner.com/~ff/InterfaceDesign<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>?a=gxO-TyElD2M:mSIQnTCZaIM:qj6IDK7rITs&#8221;&gt;&lt;img src=&quot;http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_InterfaceDesign<a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;tag=reverb1-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321344758">Usability</a>?d=qj6IDK7rITs&#8221; border=&#8221;0&#8243; /&gt;</a>
</div>
<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/717fd_gxO-TyElD2M" height="1" width="1" /><br />
<a href="http://pipes.yahoo.com/pipes/pipe.run?_id=VPvrjgY43BG_aTLaJZhxuA&amp;_render=rss">Go to Source</a></p>
<!-- Adsense Immediately! V1.0 -->
<!-- Post[count: 2] -->
<div class="adsense adsense-leadout" style="float:right;margin: 12px;"><script type="text/javascript"><!--
google_ad_client = "pub-1578655925337782";
/* 234x60, created 8/12/09 */
google_ad_slot = "6690766781";
google_ad_width = 234;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/an-online-directory-of-tools-for-user-interface-design/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>@SemanticWill’s Process of Wireframing</title>
		<link>http://modernui.com/posts/semanticwill%e2%80%99s-process-of-wireframing</link>
		<comments>http://modernui.com/posts/semanticwill%e2%80%99s-process-of-wireframing#comments</comments>
		<pubDate>Sun, 09 Aug 2009 13:38:41 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Omnigraffle]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[Wireframe]]></category>
		<category><![CDATA[Wireframing]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/semanticwill%e2%80%99s-process-of-wireframing</guid>
		<description><![CDATA[
Over at Semantic Foundry, designer extraordinaire, Will Evans, has a wonderful essay explaining how he uses wireframing as both a problem setting and a problem solving approach. 
I pick my primary audience and the one activity which allows them to solve one goal quickly, effortlessly, elegantly. In this case, the primary audience wants to easily [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://modernui.com/wp-content/plugins/wp-o-matic/cache/3b089_SemanticFoundry_SampleWireframe-20090102-120548.png" alt="One of the sample wireframe images from Will Evans." /></p>
<p>Over at Semantic Foundry, designer extraordinaire, Will Evans, has <a rel="nofollow" target="_blank" href="http://blog.semanticfoundry.com/2009/01/01/shades-of-gray-wireframes-as-thinking-device/">a wonderful essay</a> explaining how he uses wireframing as both a problem setting and a problem solving approach. </p>
<blockquote><p><em>I pick my primary audience and the one activity which allows them to solve one goal quickly, effortlessly, elegantly. In this case, the primary audience wants to easily find the best cruise, at the right time, for the right price. I don’t even look at the requirements document or competitive analysis until after I have sketched a couple of ideas either on paper or using Omnigraffle, which explores the primary goal. I’m not looking for solutions at this point because the first round of wireframes provide a space to engage in a dialogue with other designers, stakeholders, and the wireframes themselves.</em></p>
</blockquote>
<p>It&#8217;s a great description of how Will tackles a design and he&#8217;s provided his work products for you to download.</p>
<p>Read Will&#8217;s essay: <a rel="nofollow" target="_blank" href="http://blog.semanticfoundry.com/2009/01/01/shades-of-gray-wireframes-as-thinking-device/"><em>Shades of Gray: Wireframes as Thinking Device</em></a></p>
<p>[Plug: At the upcoming UIE Web App Summit, we have two sessions dealing with wireframing. Dan Brown will talk about how wireframes are an essential part of your overall design deliverable strategy in his full-day workshop, <a rel="nofollow" target="_blank" href="http://www.uie.com/events/web_app_summit/2009/program/#brown"><em>Communicating Design: Essential Deliverables for Highly Effective Design Teams</em></a>. James Box and Richard Rutter will spend half of their full-day seminar, <a rel="nofollow" target="_blank" href="http://www.uie.com/events/web_app_summit/2009/program/#box-rutter"><em>Wireframing and Prototyping for Highly Interactive Web Apps</em></a>, demonstrating how to use wireframes when building Ajax and social networking tools.]</p>
<p><a href="http://pipes.yahoo.com/pipes/pipe.run?_id=VPvrjgY43BG_aTLaJZhxuA&#038;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/semanticwill%e2%80%99s-process-of-wireframing/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UIEtips: Anatomy of an Iteration</title>
		<link>http://modernui.com/posts/uietips-anatomy-of-an-iteration</link>
		<comments>http://modernui.com/posts/uietips-anatomy-of-an-iteration#comments</comments>
		<pubDate>Sun, 09 Aug 2009 13:38:39 +0000</pubDate>
		<dc:creator>Syndicated</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[Wireframing]]></category>

		<guid isPermaLink="false">http://modernui.com/blog/uietips-anatomy-of-an-iteration</guid>
		<description><![CDATA[The iteration is a basic tool for successful designs. We&#8217;ve found that the teams that iterate frequently and effectively are the ones that produce the best results.
Yet many teams don&#8217;t know how to iterate effectively. They spend too long building out a design and then don&#8217;t collect any useful information to tell if they&#8217;ve achieved [...]]]></description>
			<content:encoded><![CDATA[<p>The iteration is a basic tool for successful designs. We&#8217;ve found that the teams that iterate frequently and effectively are the ones that produce the best results.</p>
<p>Yet many teams don&#8217;t know how to iterate effectively. They spend too long building out a design and then don&#8217;t collect any useful information to tell if they&#8217;ve achieved what they set out to get. They end up deploying their result, only to discover their users are unhappy with what was built.</p>
<p>In today&#8217;s article, <a rel="nofollow" target="_blank" href="http://www.uie.com/articles/anatomy_iteration">The Anatomy of an Iteration</a>, we dive deep into what it takes to conduct successful iterations. I explain the four iteration steps and share some best practices. I&#8217;m sure you&#8217;ll find it helpful to make sure your team is learning everything they can in their design process.</p>
<p>Iterations are a key part of the prototyping process. If you&#8217;re looking to improve your prototypes, you&#8217;ll want to attend Richard Rutter and James Box&#8217;s full-day seminar, <a rel="nofollow" target="_blank" href="http://cli.gs/d3G3td">Wireframing and Prototyping for Highly Interactive Web Apps</a> at the UIE Web App Summit.</p>
<p>Have you learned any tricks to help keep your iterations short and effective? We&#8217;d love to hear your experiences. Share them below.</p>
<p><a href="http://pipes.yahoo.com/pipes/pipe.run?_id=VPvrjgY43BG_aTLaJZhxuA&#038;_render=rss">Go to Source</a></p>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]]></content:encoded>
			<wfw:commentRss>http://modernui.com/posts/uietips-anatomy-of-an-iteration/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
