<?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>John On Web Stuff &#187; forms</title>
	<atom:link href="http://blog.geekyjohn.com/tag/forms/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.geekyjohn.com</link>
	<description>My take on web things. Sometimes witty. Sharing of stuff.</description>
	<lastBuildDate>Thu, 25 Nov 2010 10:40:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Form Usability and UX goodness</title>
		<link>http://blog.geekyjohn.com/2010/04/form-usability-and-ux-goodness/</link>
		<comments>http://blog.geekyjohn.com/2010/04/form-usability-and-ux-goodness/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 11:26:46 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Information]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://blog.geekyjohn.com/?p=228</guid>
		<description><![CDATA[When we’re designing forms there are some simple things to keep in mind with regards to the UX and usability side of things that will make them that much better for our audiences. Good Usability has two very useful articles about validation and preventing issues on web forms, well worth a read. Preventing issues on [...]]]></description>
			<content:encoded><![CDATA[<p>When we’re designing forms there are some simple things to keep in mind with regards to the UX and usability side of things that will make them that much better for our audiences.</p>

<p><a href="http://www.goodusability.co.uk/" title="Good Usability">Good Usability</a> has two very useful articles about validation and preventing issues on web forms, well worth a read.</p>

<ul>
<li><a href="http://www.goodusability.co.uk/2010/03/preventing-issues-on-web-forms/">Preventing issues on web forms</a></li>
<li><a href="http://www.goodusability.co.uk/2009/08/form-validation/">Form validation</a></li>
</ul>

<p><a href="http://www.alistapart.com/" title="Alistapart">Alistapart</a> has an <a href="http://www.alistapart.com/articles/inline-validation-in-web-forms/" title="Inline Validation in Web Forms">article regarding inline validation</a> that shows us the wonderfulness of using real-time inline validation vs. validating by submission. By giving people an indication that their input is correct (or not) while they are filling in a form results in a far greater success rate and of course there is a much better experience for users.</p>

<p>I also came across an excellent article at <a href="http://www.uxmatters.com/" title="UX Matters">UX Matters</a> about <a href="http://www.uxmatters.com/mt/archives/2010/03/dont-put-hints-inside-text-boxes-in-web-forms.php" title="Don't Put Hints Inside Text Boxes in Web Forms">not putting hints inside text boxes</a>. In a nutshell: when a text field has content &mdash; whether example content or actual content &mdash; users will often perceive that field to be filled in and skip over it.</p>

<p>Some other excellent websites to read where UX/Usability is concerned:</p>

<ul>
<li><a href="http://www.boxesandarrows.com/" title="Boxes And Arrows">Boxes And Arrows</a></li>
<li><a href="http://uiscraps.tumblr.com/" title="UI Scraps">UI Scraps</a></li>
<li><a href="http://www.uxbooth.com/" title="UX Booth">UX Booth</a></li>
<li><a href="http://www.smashingmagazine.com/" title="Smashing Magazine">Smashing Magazine</a> has a few articles about <a href="http://www.smashingmagazine.com/tag/usability/" title="Posts about Usability on Smashing Magazine">usability</a> and <a href="http://www.smashingmagazine.com/tag/ux/" title="Posts about User Experience on Smashing Magazine">user experience</a> that are worth reading.</li>
</ul>
<p><a class="a2a_button_digg" href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2010%2F04%2Fform-usability-and-ux-goodness%2F&amp;linkname=Form%20Usability%20and%20UX%20goodness" title="Digg" rel="nofollow" target="_blank"><img src="http://blog.geekyjohn.com/wp-content/plugins/add-to-any/icons/digg.png" width="16" height="16" alt="Digg"/></a> <a class="a2a_button_twitter" href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2010%2F04%2Fform-usability-and-ux-goodness%2F&amp;linkname=Form%20Usability%20and%20UX%20goodness" title="Twitter" rel="nofollow" target="_blank"><img src="http://blog.geekyjohn.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a class="a2a_button_slashdot" href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2010%2F04%2Fform-usability-and-ux-goodness%2F&amp;linkname=Form%20Usability%20and%20UX%20goodness" title="Slashdot" rel="nofollow" target="_blank"><img src="http://blog.geekyjohn.com/wp-content/plugins/add-to-any/icons/slashdot.png" width="16" height="16" alt="Slashdot"/></a> <a class="a2a_button_facebook" href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2010%2F04%2Fform-usability-and-ux-goodness%2F&amp;linkname=Form%20Usability%20and%20UX%20goodness" title="Facebook" rel="nofollow" target="_blank"><img src="http://blog.geekyjohn.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fblog.geekyjohn.com%2F2010%2F04%2Fform-usability-and-ux-goodness%2F&amp;title=Form%20Usability%20and%20UX%20goodness"><img src="http://blog.geekyjohn.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://blog.geekyjohn.com/2010/04/form-usability-and-ux-goodness/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

