<?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>Full On Design &#187; Usability</title>
	<atom:link href="http://www.fullondesign.co.uk/category/design/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://www.fullondesign.co.uk</link>
	<description>Design &#38; Web Technologies</description>
	<lastBuildDate>Mon, 21 Jun 2010 16:45:51 +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>Are tags on a blog post a waste of time?</title>
		<link>http://www.fullondesign.co.uk/design/usability/1356-are-tags-on-a-blog-post-a-waste-of-time.htm</link>
		<comments>http://www.fullondesign.co.uk/design/usability/1356-are-tags-on-a-blog-post-a-waste-of-time.htm#comments</comments>
		<pubDate>Sat, 20 Feb 2010 16:49:04 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.fullondesign.co.uk/?p=1356</guid>
		<description><![CDATA[I recently received a question regarding why I have taken down the tags on my posts. The reason was because watched a video from google (Also embedded below) which made me wounder how much they are benefiting (and being used by) my users. After a brief test (I watched how many people were using the [...]]]></description>
			<content:encoded><![CDATA[<p>I recently received a question regarding why I have taken down the tags on my posts. The reason was because <a href="http://www.youtube.com/watch?v=A96yDPqa2rs">watched a video from google (Also embedded below)</a> which made me wounder how much they are benefiting (and being used by) my users. After a brief test (I watched how many people were using the tag pages) I found that very few users actually were using them.</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/A96yDPqa2rs&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/A96yDPqa2rs&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p>The best way to summarize what I found would be:</p>
<p><em>For every 246 human users clicking a link on a page, 1 would be clicking a tag link.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fullondesign.co.uk/design/usability/1356-are-tags-on-a-blog-post-a-waste-of-time.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making Zebra Stripes with CSS3</title>
		<link>http://www.fullondesign.co.uk/design/usability/1227-making-zebra-stripes-with-css3.htm</link>
		<comments>http://www.fullondesign.co.uk/design/usability/1227-making-zebra-stripes-with-css3.htm#comments</comments>
		<pubDate>Fri, 30 Oct 2009 22:01:35 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Amp]]></category>
		<category><![CDATA[Background Color]]></category>
		<category><![CDATA[Brackets]]></category>
		<category><![CDATA[Colours]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Css Reference]]></category>
		<category><![CDATA[Css3]]></category>
		<category><![CDATA[Element]]></category>
		<category><![CDATA[Lt]]></category>
		<category><![CDATA[Nth Number]]></category>
		<category><![CDATA[pseudo-class]]></category>
		<category><![CDATA[Sitepoint]]></category>
		<category><![CDATA[Stripping]]></category>
		<category><![CDATA[Ul]]></category>
		<category><![CDATA[Zebra]]></category>
		<category><![CDATA[Zebra Stripes]]></category>

		<guid isPermaLink="false">http://www.fullondesign.co.uk/?p=1227</guid>
		<description><![CDATA[Zebra Stripping is the technique of having different colours per each line on a list. It generally is considered to help users read large tables of information; however there is evidence suggesting the effectiveness of zebra stripes is somewhat overrated. Having said that, in CSS3 it&#8217;s very easy to implement so it&#8217;s worthwhile adding. To [...]]]></description>
			<content:encoded><![CDATA[<p>Zebra Stripping is the technique of having different colours per each line on a list. It generally is considered to help users read large tables of information; however there is <a href="http://www.alistapart.com/articles/zebrastripingdoesithelp/">evidence suggesting the effectiveness of zebra stripes is somewhat overrated</a>. Having said that, in CSS3 it&#8217;s very easy to implement so it&#8217;s worthwhile adding.</p>
<p>To add Zebra Strips to a list, all you need to do is adding the following pseudo-class to the end of the CSS element you wish to edit:</p>
<p>
<pre class="brush: css;">
ul#example_list li:nth-child(odd) {
 background-color:#FFF;
}
</pre>
</p>
<p><span id="more-1227"></span></p>
<p>In this example, I&#8217;ve used an unordered list element. The data in the brackets refers to the &#8220;nth&#8221; number to affect, for example putting &#8220;(even)&#8221; will affect every even &lt;li&gt;. You can also put number in, for example &#8220;(3)&#8221; would affect every 3rd &lt;li&gt;.</p>
<p>Below is a link to a working example of the code in action (Feel free to copy &amp; share).</p>
<p><a href="http://www.fullondesign.co.uk/examples/zebra_strips_in_css3/zebra_strips_in_css3.html"><img class="aligncenter size-full wp-image-1229" title="zebra_strips_in_css3" src="http://www.fullondesign.co.uk/wp-content/uploads/2009/10/zebra_strips_in_css3.png" alt="zebra_strips_in_css3" width="103" height="108" /></a></p>
<p>If you want to read a bit more about the nth-child pseudo-class I recommend the <a href="http://reference.sitepoint.com/css/pseudoclass-nthchild">sitepoint CSS reference</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fullondesign.co.uk/design/usability/1227-making-zebra-stripes-with-css3.htm/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>5 Tips for Starting a Website</title>
		<link>http://www.fullondesign.co.uk/design/usability/1134-5-tips-for-starting-a-website.htm</link>
		<comments>http://www.fullondesign.co.uk/design/usability/1134-5-tips-for-starting-a-website.htm#comments</comments>
		<pubDate>Tue, 11 Aug 2009 00:08:03 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.fullondesign.co.uk/?p=1134</guid>
		<description><![CDATA[Here are a few quick and easy tips to remember about starting a website, which should make your website more successful. 1. Quality is better than Quantity This tip can be put in several contexts. Content wise, if you have thousands of pages essentially saying &#8220;I&#8217;m great&#8221; in thousands of ways you have wasted your [...]]]></description>
			<content:encoded><![CDATA[<p>Here are a few quick and easy tips to remember about starting a website, which should make your website more successful.</p>
<h3>1. Quality is better than Quantity</h3>
<p>This tip can be put in several contexts. Content wise, if you have thousands of pages essentially saying &#8220;I&#8217;m great&#8221; in thousands of ways you have wasted your time creating them. Instead make a single easy to find page, which engages the user quickly and gets to the point.</p>
<p>Traffic wise, it&#8217;s better to have a small audience which engages with your content (or will pay for it) then a large audience who do not engage with your content and end up just increasing server costs. A notable example of a Company which has decided to focus on serving the 10% of their audience who will pay for content is <a href="http://news.bbc.co.uk/1/hi/business/8186701.stm">News Corp</a>.</p>
<h3>2. Start Small</h3>
<p>When you start you may want to do everything under the sun. Unfortunately in most cases this leads to websites stalling in development. For example many websites spend years &#8220;Under Construction&#8221; and when they are finally released their product or service is outdated or uncompetitive.</p>
<p><span id="more-1134"></span></p>
<h3>3. Focus on your Niche</h3>
<p>Don&#8217;t try to be everything, otherwise your resources to provide a good product will too stretched. Instead focus on what you are interested in or what you are good at; your content will reflect this.</p>
<h3>4. Test your website</h3>
<p>I really cannot stress this enough. Having a website which is visually displeasing or fails to work will affect your long term performance. Make sure you check your website works in as many browsers as you can and if possible, get a friend to take a look at it.</p>
<p>You may find it useful to visit <a href="http://www.webpagesthatsuck.com/">WebPagesThatSuck.com</a>, for ideas on what not to do while making a website.</p>
<h3>5. Be Creative</h3>
<p>Do something unique, no one wants to see another knock off of Facebook or YouTube. Have something which is a solution to a problem on the internet. For example, Twitter stopped the need for people to post one line blog posts.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fullondesign.co.uk/design/usability/1134-5-tips-for-starting-a-website.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CAPTCHA Based On Image Orientation</title>
		<link>http://www.fullondesign.co.uk/coding/938-captcha-based-on-image-orientation.htm</link>
		<comments>http://www.fullondesign.co.uk/coding/938-captcha-based-on-image-orientation.htm#comments</comments>
		<pubDate>Fri, 05 Jun 2009 17:38:15 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[CAPTCHA. Image Orientation]]></category>

		<guid isPermaLink="false">http://www.fullondesign.co.uk/?p=938</guid>
		<description><![CDATA[A few months ago 3 Google employees explored an innovative approach to CAPTCHA (What’s Up CAPTCHA? A CAPTCHA Based On Image Orientation). Essentially they suggested that having a user orientate an image into its upright position is easier for users (typing difficult to read text can be problematic) and harder for computers. A computer finds [...]]]></description>
			<content:encoded><![CDATA[<p>A few months ago 3 Google employees explored an innovative approach to CAPTCHA (<a href="http://www.richgossweiler.com/projects/rotcaptcha/rotcaptcha.pdf">What’s Up CAPTCHA? A CAPTCHA Based On Image Orientation</a>). Essentially they suggested that having a user orientate an image into its upright position is easier for users (typing difficult to read text can be problematic) and harder for computers.</p>
<p style="text-align: center;"><img src="http://www.fullondesign.co.uk/examples/CAPTCHA_Based_On_Image_Orientation/26463.png" alt="Computers find it hard to figure out what this is" /><br />
 <em>A computer finds it really difficult to know if this is correctly orientated.</em></p>
<p>Here is a version I wrote which to can use on your website.</p>
<p><a class="view_demo" title="CAPTCHA Based On Image Orientation Demo" href="http://www.fullondesign.co.uk/examples/CAPTCHA_Based_On_Image_Orientation/CAPTCHA_Based_On_Image_Orientation.php" target="_blank">View Demo</a> <a class="download" href="http://www.fullondesign.co.uk/wp-content/uploads/2009/06/captcha_based_on_image_orientation.zip">Download</a></p>
<p>This script makes use of jQuery to allow the user to rotate the images and a little PHP to check the image was rotated into the correct position.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fullondesign.co.uk/coding/938-captcha-based-on-image-orientation.htm/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
