<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>The Website of UX Designer Matthew Stephens</title>
	
	<link>http://www.codebymatt.com</link>
	<description>Explaining Usability, User Experience, and UX Design</description>
	<lastBuildDate>Wed, 09 Jun 2010 20:28:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/code-by-matt" /><feedburner:info uri="code-by-matt" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>How to Convert Flash to HTML 5 and Javascript</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/dLiDQgsc-Pk/</link>
		<comments>http://www.codebymatt.com/how-to-convert-flash-to-html-5-and-javascript/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 20:28:20 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[HTML 5]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=343</guid>
		<description><![CDATA[Smokescreen has released a conversion tool that, if successful, could deliver a major blow to Adobe&#8217;s Flash format. Finally, SWF&#8217;s will be a thing of the past. 10 years ago, it would have been impossible to imagine a world without Flash. But here we are! Good times ahead!]]></description>
			<content:encoded><![CDATA[
<p><a href="http://smokescreen.us/">Smokescreen</a> has released a conversion tool that, if successful, could deliver a major blow to Adobe&#8217;s Flash format. Finally, SWF&#8217;s will be a thing of the past. 10 years ago, it would have been impossible to imagine a world without Flash. But here we are! Good times ahead!</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/dLiDQgsc-Pk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/how-to-convert-flash-to-html-5-and-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/how-to-convert-flash-to-html-5-and-javascript/</feedburner:origLink></item>
		<item>
		<title>Metrics-Driven Design</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/Lq5nTByVbzU/</link>
		<comments>http://www.codebymatt.com/metrics-driven-design/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 19:29:20 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[UI Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Wireframing]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=341</guid>
		<description><![CDATA[This is a great presentation from Joshua Porter regarding intuition vs data-driven designs and why we must keep a balanced approach when designing user interfaces.]]></description>
			<content:encoded><![CDATA[<p>This is a great presentation from Joshua Porter regarding intuition vs data-driven designs and why we must keep a balanced approach when designing user interfaces.</p>
<div style="width:425px" id="__ss_4317168"><object id="__sse4317168" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=metrics-driven-design-joshua-porter-100526102241-phpapp01&#038;stripped_title=metricsdriven-design-4317168" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse4317168" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=metrics-driven-design-joshua-porter-100526102241-phpapp01&#038;stripped_title=metricsdriven-design-4317168" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="padding:5px 0 12px"></div></div><img src="http://feeds.feedburner.com/~r/code-by-matt/~4/Lq5nTByVbzU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/metrics-driven-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/metrics-driven-design/</feedburner:origLink></item>
		<item>
		<title>11 UI Kits for iPhone and iPad Development | Freebies</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/NPxUJK7U7iM/</link>
		<comments>http://www.codebymatt.com/11-ui-kits-for-iphone-and-ipad-development-freebies/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 19:25:50 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=336</guid>
		<description><![CDATA[When it comes to designing for mobile devices, UI kits are a key element to the equation. Here is a great collection of frameworks to use, but the links that really caught my eye were the icons. What a great selection of high-quality, easy to modify icons! Definitely worth a bookmark, if you ask me. [...]]]></description>
			<content:encoded><![CDATA[
<p><a href="http://webdesignledger.com/freebies/11-ui-kits-for-iphone-and-ipad-development"><img class="alignleft" src="http://www.codebymatt.com/wp-content/uploads/2010/06/iphone_kits_3.jpg" alt="UI Kits for iPhone and iPad" width="227" height="167" /></a>
When it comes to designing for mobile devices, UI kits are a key element to the equation. Here is a great collection of frameworks to use, but the links that really caught my eye were the icons. What a great selection of high-quality, easy to modify icons! Definitely worth a bookmark, if you ask me.
</p>
<div class="clear"></div>
<p><a href="http://webdesignledger.com/freebies/11-ui-kits-for-iphone-and-ipad-development">11 UI Kits for iPhone and iPad Development | Freebies</a>.</p>

<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/NPxUJK7U7iM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/11-ui-kits-for-iphone-and-ipad-development-freebies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/11-ui-kits-for-iphone-and-ipad-development-freebies/</feedburner:origLink></item>
		<item>
		<title>Amazing Buttons with CSS3</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/GCtJogPSIbo/</link>
		<comments>http://www.codebymatt.com/amazing-buttons-with-css3/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 01:53:30 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[CSS3]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=331</guid>
		<description><![CDATA[I&#8217;m starting to get really excited about HTML5 and CSS3, but I&#8217;m not sure if I&#8217;m ready to take the plunge. However, when articles like this one are written, it gets alot more enticing. What do you guys think? Is it worth it to jump at this point? ZURB – Super Awesome Buttons with CSS3 [...]]]></description>
			<content:encoded><![CDATA[<a href="http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba"><img class="alignleft" title="Awesome CSS Buttons" src="http://www.zurb.com/blog_uploads/0000/0397/super-awesome-buttons-all.png" alt="Awesome CSS Buttons" width="180" height="148" /></a>
<p>I&#8217;m starting to get really excited about HTML5 and CSS3, but I&#8217;m not sure if I&#8217;m ready to take the plunge. However, when articles like this one are written, it gets alot more enticing. What do you guys think? Is it worth it to jump at this point?</p>
<p><a href="http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba">ZURB – Super Awesome Buttons with CSS3 and RGBA</a>.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/GCtJogPSIbo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/amazing-buttons-with-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/amazing-buttons-with-css3/</feedburner:origLink></item>
		<item>
		<title>An Introduction to Color Theory</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/1ZoxHHK-jUo/</link>
		<comments>http://www.codebymatt.com/an-introduction-to-color-theory/#comments</comments>
		<pubDate>Fri, 14 May 2010 16:42:37 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=322</guid>
		<description><![CDATA[I have found that many of the people in this field are filling the role of both Usability Engineer and User Interface Designer, when their only background is in requirements gathering, wireframing, prototyping, etc. For those people, I suggest that you go back and get the basics on design. Here is a great link that [...]]]></description>
			<content:encoded><![CDATA[
<p><a href="http://www.tutorial9.net/resources/simple-practical-color-theory/"><img src="http://www.codebymatt.com/wp-content/uploads/2010/05/3wheels.gif" alt="" width="432" height="190" align="center" /></a></p>
<p>I have found that many of the people in this field are filling the role of both Usability Engineer and User Interface Designer, when their only background is in requirements gathering, wireframing, prototyping, etc. For those people, I suggest that you go back and get the basics on design. Here is a great link that I found that is a simple introduction of Color Theory. I would advise you to read this and other articles to get a good reference on which colors work well together and which don&#8217;t.</p>
<p><a href="http://www.tutorial9.net/resources/simple-practical-color-theory/">Simple, Practical Color Theory | Tutorial9</a>.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/1ZoxHHK-jUo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/an-introduction-to-color-theory/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/an-introduction-to-color-theory/</feedburner:origLink></item>
		<item>
		<title>The Best Features of WordPress 3.0</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/ftGH69pUNHw/</link>
		<comments>http://www.codebymatt.com/the-best-features-of-wordpress-3-0/#comments</comments>
		<pubDate>Tue, 11 May 2010 17:55:20 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=317</guid>
		<description><![CDATA[Mashable has put together a great list of the best features. Here is a quick summary: Custom Post Types &#8211; Finally, I can update my portfolio without hacking WordPress. This will be huge for people who manage content within pages. Menu Management &#8211; My favorite feature of 3.0, since I am constantly using widgets to [...]]]></description>
			<content:encoded><![CDATA[
<p>Mashable has put together a great list of the best features. Here is a quick summary:</p>
<ol>
	<li><strong>Custom Post Types</strong> &#8211; Finally, I can update my portfolio without hacking WordPress. This will be huge for people who manage content within pages.</li>
	<li><strong>Menu Management</strong> &#8211; My favorite feature of 3.0, since I am constantly using widgets to hack sites&#8217; menu navs.</li>
	<li><strong>Custom Taxonomie</strong>s &#8211; This feature makes WordPress much more of a &#8220;genuine&#8221; CMS. Great for tracking fields of data.</li>
	<li><strong>New Default Theme</strong> &#8211; Finally, a good theme that doesn&#8217;t need to be immediately replaced on fresh installs.</li>
	<li><strong>Multi-site Support </strong>- This will be great for my corporate clients running WordPress who want to allow one editor to maintain many sites at once. Very convenient.</li>
	<li><strong>URL Shortener</strong> &#8211; So long bit.ly.</li>
	<li><strong>No more automatic password generation</strong> &#8211; That was so annoying.</li>
</ol>
<p>Check out the original post - <a href="http://mashable.com/2010/05/10/new-features-wordpress-3/">WordPress 3.0: The 5 Most Important New Features</a>.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/ftGH69pUNHw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/the-best-features-of-wordpress-3-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/the-best-features-of-wordpress-3-0/</feedburner:origLink></item>
		<item>
		<title>Royalty Free Wireframe Icons for Omnigraffle</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/_PZ39kNezdg/</link>
		<comments>http://www.codebymatt.com/royalty-free-wireframe-icons-for-omnigraffle/#comments</comments>
		<pubDate>Wed, 05 May 2010 18:56:48 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Wireframing]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=312</guid>
		<description><![CDATA[For all the Mac users out there, Omnigraffle is the best program for organizing information and wireframing ideas. This is an amazing icon pack that can be used anywhere, but are designed for Omnigraffle templates. I highly suggest that if you are serious about wireframing, buy this pack and add them to your arsenal. I [...]]]></description>
			<content:encoded><![CDATA[<a href="http://konigi.com/store/product/wireframe-icons-omnigraffle"><img class="alignleft" title="Royalty Free Wireframe Icons" src="http://konigi.com/files/konigi/imagecache/product/files/konigi/files/konigi/Konigi-Wireframe-Icons-EPS_0.png" alt="Royaly Free Wireframe Icons" width="220" height="386" style="float: left; margin: 0 5px 0 0;"/></a>
<p>For all the Mac users out there, <a href="http://www.omnigroup.com/products/omnigraffle/" target="_blank">Omnigraffle</a> is the best program for organizing information and wireframing ideas. This is an amazing icon pack that can be used anywhere, but are designed for Omnigraffle templates. I highly suggest that if you are serious about wireframing, buy this pack and add them to your arsenal. I use them quite often for my projects.</p>
<p><a href="http://konigi.com/store/product/wireframe-icons-royalty-free-eps-and-png">Wireframe Icons, Royalty Free EPS and PNG | Konigi</a>.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/_PZ39kNezdg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/royalty-free-wireframe-icons-for-omnigraffle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/royalty-free-wireframe-icons-for-omnigraffle/</feedburner:origLink></item>
		<item>
		<title>How Big Should the Buttons Be?</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/M9-ayf4WBO0/</link>
		<comments>http://www.codebymatt.com/how-big-should-the-buttons-be/#comments</comments>
		<pubDate>Tue, 04 May 2010 20:05:25 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=309</guid>
		<description><![CDATA[Designing interfaces for an iPhone, iPad, Android, or any gestural device has been a guessing game until now. LukeW has posted a great article on the best practices for button sizes. In the iPhone Human Interface Guidelines, Apple recommends a minimum target size of 29 pixels wide 44 pixels tall. Since physical pixel size can vary [...]]]></description>
			<content:encoded><![CDATA[
<p><a href="http://www.lukew.com/ff/entry.asp?1085"><img class="alignleft" title="Touch Target Sizes" src="http://www.lukew.com/ff/content/touchtargetsizes.png" alt="Gestural Interface Sizes" width="204" height="325" style="float: left; margin: 0 5px 0 0;"/></a>Designing interfaces for an iPhone, iPad, Android, or any gestural device has been a guessing game until now. LukeW has posted a great article on the best practices for button sizes.</p>
<p>In the <a href="http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/DesigningNativeApp/DesigningNativeApp.html#//apple_ref/doc/uid/TP40006556-CH4-SW1">iPhone Human Interface Guidelines</a>, Apple recommends a minimum target size of 29 pixels wide 44 pixels tall. Since physical pixel size can vary by screen density, Apple&#8217;s pixel specifications apply best to the iPhone&#8217;s 320 by 480 pixel, 3.5 inch display (164ppi).</p>
<p>In the <a href="http://go.microsoft.com/?linkid=9713252">Windows Phone UI Design and Interaction Guide</a> (PDF), Microsoft goes further and suggests: a recommended touch target size of 9mm/34px; a minimum touch target size of 7mm/26px; a minimum spacing between elements of 2mm/8px; and the visual size of a UI control to be 60-100% of the touch target size.</p>
<p><a href="http://www.lukew.com/ff/entry.asp?1085" target="_blank">Read the entire article here.</a></p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/M9-ayf4WBO0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/how-big-should-the-buttons-be/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/how-big-should-the-buttons-be/</feedburner:origLink></item>
		<item>
		<title>Touch Gesture Cheet Sheet</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/cv3siOymp4M/</link>
		<comments>http://www.codebymatt.com/touch-gesture-cheet-sheet/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 20:46:16 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=307</guid>
		<description><![CDATA[LukeW &#124; Touch Gesture Reference Guide. This is a super-handy reference guide for interaction designers looking to have a print-out of all the touch gestures, especially across mobile operating systems.]]></description>
			<content:encoded><![CDATA[
<p><a href="http://www.lukew.com/ff/entry.asp?1071">LukeW | Touch Gesture Reference Guide</a>.</p>
<p>This is a super-handy reference guide for interaction designers looking to have a print-out of all the touch gestures, especially across mobile operating systems.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/cv3siOymp4M" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/touch-gesture-cheet-sheet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/touch-gesture-cheet-sheet/</feedburner:origLink></item>
		<item>
		<title>UX Design Versus UI Development</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/fqQZnaQCna0/</link>
		<comments>http://www.codebymatt.com/ux-design-versus-ui-development/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 16:55:07 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=304</guid>
		<description><![CDATA[UX Design Versus UI Development :: UXmatters. As someone who considers himself both a UX Designer and  a UI Developer, I found this article quite interesting. It&#8217;s nice to know that this &#8220;rivalry&#8221; isn&#8217;t just an inner struggle for me, but for alot of people in this field.]]></description>
			<content:encoded><![CDATA[
<p><a href="http://www.uxmatters.com/mt/archives/2010/03/ux-design-versus-ui-development.php">UX Design Versus UI Development :: UXmatters</a>.</p>
<p>As someone who considers himself both a UX Designer and  a UI Developer, I found this article quite interesting. It&#8217;s nice to know that this &#8220;rivalry&#8221; isn&#8217;t just an inner struggle for me, but for alot of people in this field.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/fqQZnaQCna0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/ux-design-versus-ui-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/ux-design-versus-ui-development/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 2.330 seconds. --><!-- Cached page generated by WP-Super-Cache on 2010-07-22 16:21:13 -->
