<?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; usability</title>
	<atom:link href="http://blog.geekyjohn.com/tag/usability/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>Tue, 06 Apr 2010 11:26:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</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 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 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 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 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?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2010%2F04%2Fform-usability-and-ux-goodness%2F&amp;linkname=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/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://blog.geekyjohn.com/2010/04/form-usability-and-ux-goodness/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Don’t Click Here &#8211; Placing Links in Context</title>
		<link>http://blog.geekyjohn.com/2009/01/dont-click-here-placing-links-in-context/</link>
		<comments>http://blog.geekyjohn.com/2009/01/dont-click-here-placing-links-in-context/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 01:27:18 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Shared]]></category>
		<category><![CDATA[context]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[Semantic]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://blog.afterlight.net.au/?p=95</guid>
		<description><![CDATA[If you’re interested in reading this article, click here. On second thought. Don’t. It’s a common usability problem. Links that don’t mean anything. How are you using links on your website? Don’t Click Here &#8211; Placing Links in Context &#124; Build Internet. A short article to let us know it&#8217;s ok to not tell people [...]]]></description>
			<content:encoded><![CDATA[<blockquote>If you’re interested in reading this article, click here. On second thought. Don’t.

It’s a common usability problem. Links that don’t mean anything. How are you using links on your website?</blockquote>

<p><a href="http://buildinternet.com/2009/01/dont-click-here-placing-links-in-context/">Don’t Click Here &#8211; Placing Links in Context | Build Internet</a>.</p>

<p>A short article to let us know it&#8217;s ok to not tell people to &#8220;click here&#8221;. If the links are clear enough, the user doesn&#8217;t need to be told where to click!</p>
<p><a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2009%2F01%2Fdont-click-here-placing-links-in-context%2F&amp;linkname=Don%E2%80%99t%20Click%20Here%20%26%238211%3B%20Placing%20Links%20in%20Context" 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 href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2009%2F01%2Fdont-click-here-placing-links-in-context%2F&amp;linkname=Don%E2%80%99t%20Click%20Here%20%26%238211%3B%20Placing%20Links%20in%20Context" 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 href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2009%2F01%2Fdont-click-here-placing-links-in-context%2F&amp;linkname=Don%E2%80%99t%20Click%20Here%20%26%238211%3B%20Placing%20Links%20in%20Context" 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 href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2009%2F01%2Fdont-click-here-placing-links-in-context%2F&amp;linkname=Don%E2%80%99t%20Click%20Here%20%26%238211%3B%20Placing%20Links%20in%20Context" 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?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2009%2F01%2Fdont-click-here-placing-links-in-context%2F&amp;linkname=Don%E2%80%99t%20Click%20Here%20%26%238211%3B%20Placing%20Links%20in%20Context"><img src="http://blog.geekyjohn.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://blog.geekyjohn.com/2009/01/dont-click-here-placing-links-in-context/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Userfly: Usability From Your Actual Users</title>
		<link>http://blog.geekyjohn.com/2008/12/userfly-usability-from-your-actual-users/</link>
		<comments>http://blog.geekyjohn.com/2008/12/userfly-usability-from-your-actual-users/#comments</comments>
		<pubDate>Tue, 09 Dec 2008 03:17:53 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Shared]]></category>
		<category><![CDATA[Sitepoint]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://blog.afterlight.net.au/?p=76</guid>
		<description><![CDATA[Chris Estreich, a senior engineer at classifieds site Oodle today soft-launched a new site aimed at web developers called Userfly. Using JavaScript, Userfly captures and records browsing data from your visitors and lets you plat it back as a movie later. The site is really rough — this is a very beta release — and [...]]]></description>
			<content:encoded><![CDATA[<blockquote>Chris Estreich, a senior engineer at classifieds site Oodle today soft-launched a new site aimed at web developers called Userfly. Using JavaScript, Userfly captures and records browsing data from your visitors and lets you plat it back as a movie later. The site is really rough — this is a very beta release — and probably isn’t quite ready for any press coverage, but I was so impressed by the demo (and had a lot of fun playing with it), that I couldn’t resist.

<a href="http://www.sitepoint.com/blogs/2008/12/09/userfly-usability-from-your-actual-users/">SitePoint » Userfly: Usability From Your Actual Users</a>.</blockquote>

<p>Very cool site if you want to optimise your site&#8217;s usability.</p>
<p><a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2008%2F12%2Fuserfly-usability-from-your-actual-users%2F&amp;linkname=Userfly%3A%20Usability%20From%20Your%20Actual%20Users" 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 href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2008%2F12%2Fuserfly-usability-from-your-actual-users%2F&amp;linkname=Userfly%3A%20Usability%20From%20Your%20Actual%20Users" 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 href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2008%2F12%2Fuserfly-usability-from-your-actual-users%2F&amp;linkname=Userfly%3A%20Usability%20From%20Your%20Actual%20Users" 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 href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2008%2F12%2Fuserfly-usability-from-your-actual-users%2F&amp;linkname=Userfly%3A%20Usability%20From%20Your%20Actual%20Users" 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?linkurl=http%3A%2F%2Fblog.geekyjohn.com%2F2008%2F12%2Fuserfly-usability-from-your-actual-users%2F&amp;linkname=Userfly%3A%20Usability%20From%20Your%20Actual%20Users"><img src="http://blog.geekyjohn.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://blog.geekyjohn.com/2008/12/userfly-usability-from-your-actual-users/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
