<?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, 01 Sep 2010 21:15:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</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 Design Forms for Better Conversions</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/3xC5Vknqy64/</link>
		<comments>http://www.codebymatt.com/how-to-design-forms-for-better-conversions/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 21:15:33 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[UI Design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=376</guid>
		<description><![CDATA[Recently, I was asked to critique a web form in order to increase conversions. The first thing I did was put the labels above the input fields and the client asked me &#8220;Why?&#8221;. I told her about visual flows and how the user deals with cognitive disruptions within a form. It would&#8217;ve been much easier [...]]]></description>
			<content:encoded><![CDATA[
<p><a href="http://uxmovement.com/design-articles/faster-with-top-aligned-labels"><img src="http://www.codebymatt.com/wp-content/uploads/2010/09/visualfixations.png" alt="Design Better Forms for Higher Conversions" width="476" height="373" /></a></p>
<p>Recently, I was asked to critique a web form in order to increase conversions. The first thing I did was put the labels above the input fields and the client asked me &#8220;Why?&#8221;. I told her about visual flows and how the user deals with cognitive disruptions within a form. It would&#8217;ve been much easier to just send them this link, had it existed then. This is a short, but sweet article that answers the question in a straightforward manner. Worth reading, for sure.</p>
<p><a href="http://uxmovement.com/design-articles/faster-with-top-aligned-labels?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+uxmovement+%28UXMovement%29">Why Users Fill Out Form Fields Faster With Top Aligned Labels | UXMovement.com</a>.</p>
<p>&nbsp;</p>

<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/3xC5Vknqy64" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/how-to-design-forms-for-better-conversions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/how-to-design-forms-for-better-conversions/</feedburner:origLink></item>
		<item>
		<title>Why Apple is Better than Dell</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/pwzYCTe7gqQ/</link>
		<comments>http://www.codebymatt.com/why-apple-is-better-than-dell/#comments</comments>
		<pubDate>Mon, 30 Aug 2010 16:41:53 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=372</guid>
		<description><![CDATA[Many people ask my advice on buying laptops and computers in general. I always tell them that if they want the best experience money can buy, go with Apple. Without fail, the next question is always, &#8220;Why?&#8221;. I usually talk about UI design, hardware/software integration, and the basics on why Apple &#8220;just works.&#8221; I think [...]]]></description>
			<content:encoded><![CDATA[
<p><img class="alignleft" title="Why Apple is Better than Dell" src="http://media.tumblr.com/tumblr_l7qcglAIVa1qz7g5t.jpg" alt="Why Apple is Better than Dell" width="180" height="106" />Many people ask my advice on buying laptops and computers in general. I always tell them that if they want the best experience money can buy, go with Apple. Without fail, the next question is always, &#8220;Why?&#8221;. I usually talk about UI design, hardware/software integration, and the basics on why Apple &#8220;just works.&#8221; I think this article is another great example of the little things that Apple does right. It&#8217;s the little things that Apple is so good at and it&#8217;s those things that other companies try to steal. Anyways, this article is short and definitely interesting. So check it out.</p>
<p><a href="http://floodlite.tumblr.com/post/1011047822/apples-attention-to-detail">Flood Lite &#8211; Apple’s Attention to Detail</a>.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/pwzYCTe7gqQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/why-apple-is-better-than-dell/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/why-apple-is-better-than-dell/</feedburner:origLink></item>
		<item>
		<title>Simplifying Decisions to Increase Conversions</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/ckDzPkH96rI/</link>
		<comments>http://www.codebymatt.com/simplifying-decisions-to-increase-conversions/#comments</comments>
		<pubDate>Tue, 24 Aug 2010 16:25:24 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=361</guid>
		<description><![CDATA[This is a great article by Alexander Dawson that explains why simplifying the decision process on your website is conducive to higher conversions. I would definitely recommend reading it if you haven&#8217;t already. Here&#8217;s a good excerpt: &#8220;Many sites provide an array of methods to interact with their offerings, but excesses in decision-making pressure can [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.uxbooth.com/blog/how-choice-impairs-your-visitors/"><img style="float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 6px;" src="http://www.codebymatt.com/wp-content/uploads/2010/08/UXB-02.png" alt="" width="221" height="114"/></a> This is a great article by Alexander Dawson that explains why simplifying the decision process on your website is conducive to higher conversions. I would definitely recommend reading it if you haven&#8217;t already. Here&#8217;s a good excerpt: &#8220;Many sites provide an array of methods to interact with their offerings, but excesses in decision-making pressure can render less empowered visitors into a cyclone of stress from the barrage of questions being asked. As an industry, we place a great deal of emphasis on getting visitors to make decisions, but are we turning a straightforward path into a labyrinth with our need to know?&#8221;</p>
<p><a href="http://www.uxbooth.com/blog/how-choice-impairs-your-visitors/">How Choice Impairs Your Visitors | UX Booth</a>.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/ckDzPkH96rI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/simplifying-decisions-to-increase-conversions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/simplifying-decisions-to-increase-conversions/</feedburner:origLink></item>
		<item>
		<title>How to Simplify Your Website</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/ESmkjPUhQuE/</link>
		<comments>http://www.codebymatt.com/how-to-simplify-your-website/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 19:28:00 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=353</guid>
		<description><![CDATA[This is a great article on how to reduce the amount of clutter on your website. As someone who strives for the simplest solution for any problem, I thought this article did a good job of summarizing my point of view. via Reductionism in Web Design.]]></description>
			<content:encoded><![CDATA[<p><a href="http://sixrevisions.com/web_design/reductionism-in-web-design/" target="_blank">This is a great article</a> on how to reduce the amount of clutter on your website. As someone who strives for the simplest solution for any problem, I thought this article did a good job of summarizing my point of view.</p>
<p>via <a href="http://sixrevisions.com/web_design/reductionism-in-web-design/">Reductionism in Web Design</a>.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/ESmkjPUhQuE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/how-to-simplify-your-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/how-to-simplify-your-website/</feedburner:origLink></item>
		<item>
		<title>The Best Deal on Web Design Resources</title>
		<link>http://feedproxy.google.com/~r/code-by-matt/~3/EVEpcNwhMAw/</link>
		<comments>http://www.codebymatt.com/the-best-deal-on-web-design-resources/#comments</comments>
		<pubDate>Tue, 03 Aug 2010 22:30:41 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Website Reviews]]></category>

		<guid isPermaLink="false">http://www.codebymatt.com/?p=349</guid>
		<description><![CDATA[BundleHunt &#8211; The Greatest Design Treasure. This is an amazing deal, regardless of your experience level. For just $49, you get over $1,400 in design resources. Billings, an amazing time-billing software, makes the deal worth it alone. But along with it, you get a ton of software, stock photos, icons, WordPress themes, hosting, eBooks, etc. [...]]]></description>
			<content:encoded><![CDATA[
<p><a href="http://bundlehunt.com/">BundleHunt &#8211; The Greatest Design Treasure</a>.</p>
<p>This is an amazing deal, regardless of your experience level. For just $49, you get over $1,400 in design resources.</p>
<p><a href="http://www.marketcircle.com/billings/" target="_blank">Billings</a>, an amazing time-billing software, makes the deal worth it alone. But along with it, you get a ton of software, stock photos, icons, WordPress themes, hosting, eBooks, etc.</p>
<p>Check it out and let me know what you think.</p>
<img src="http://feeds.feedburner.com/~r/code-by-matt/~4/EVEpcNwhMAw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.codebymatt.com/the-best-deal-on-web-design-resources/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.codebymatt.com/the-best-deal-on-web-design-resources/</feedburner:origLink></item>
		<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>
	</channel>
</rss><!-- Dynamic page generated in 1.001 seconds. --><!-- Cached page generated by WP-Super-Cache on 2010-09-01 16:15:55 -->
