<?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>Swedish fika &#187; Usability</title>
	<atom:link href="http://www.swedishfika.com/category/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.swedishfika.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Sun, 25 Jul 2010 21:57:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Why Putting a Button on Top of Another Button is a Bad Idea</title>
		<link>http://www.swedishfika.com/2009/11/07/why-putting-a-button-on-top-of-another-button-is-a-bad-idea/</link>
		<comments>http://www.swedishfika.com/2009/11/07/why-putting-a-button-on-top-of-another-button-is-a-bad-idea/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 17:14:45 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://swedishfika.com/?p=638</guid>
		<description><![CDATA[I&#8217;ve been using Coda as my main web development tool the last few months and I must say that it&#8217;s a great development tool that makes me work more efficient. It&#8217;s easy to use, you can easily search through all files in a big project and you can publish all your changes to the server [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using Coda as my main web development tool the last few months and I must say that it&#8217;s a great development tool that makes me work more efficient. It&#8217;s easy to use, you can easily search through all files in a big project and you can publish all your changes to the server with just a click or two. When I need to debug server-side code I just swap to Komodo.  </p>
<p><span id="more-638"></span>Coda has a fully featured file browser for your local file system and with just a click you can browse the remote file system on the server. You can easily swap between your local and remote file system by clicking on one of two tabs (one tab for the local file system and one tab for the remote). This is a great feature, it&#8217;s by no means groundbraking since a lot of different tools also has this feature but it really works smoothly in Coda. </p>
<p>There&#8217;s just one thing that bugs me. They&#8217;ve placed a small button on top of the tab for the remote file-system that disconnects the connection to the remote server when you click on it. </p>
<p>It might just be me but it&#8217;s been more than one time that I by mistake has disconnected the remote connection when all I wanted to do was to browse the remote file system. </p>
<p>I guess this is where design, once again, has inflicted on user-friendliness. Coda is in a big perspective a great example on really good user-friendly design and this small flaw is perhaps not so bad. </p>
<p>Anyone else that has thought about this or has another example?</p>
<p>/Simon</p>
]]></content:encoded>
			<wfw:commentRss>http://www.swedishfika.com/2009/11/07/why-putting-a-button-on-top-of-another-button-is-a-bad-idea/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Are You Tired of Captcha?</title>
		<link>http://www.swedishfika.com/2009/05/29/are-you-tired-of-captcha/</link>
		<comments>http://www.swedishfika.com/2009/05/29/are-you-tired-of-captcha/#comments</comments>
		<pubDate>Fri, 29 May 2009 09:03:35 +0000</pubDate>
		<dc:creator>Ida</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://swedishfika.com/?p=440</guid>
		<description><![CDATA[The other day I received a phone call from my mum. She was trying to help my aunt to set up an account on Gmail. My mum knows a little something about the internet and how things work so I was pretty sure they would figure it all out by themselves. Turns out they didn&#8217;t. [...]]]></description>
			<content:encoded><![CDATA[<p>The other day I received a phone call from my mum. She was trying to help my aunt to set up an account on Gmail. My mum knows a little something about the internet and how things work so I was pretty sure they would figure it all out by themselves. Turns out they didn&#8217;t. After trying for hours (no joking..) I got this desperate call from my mum in which she claimed that “they” (I guess she meant the google-people) was erasing her password and every time she tried to do it again they made it harder. </p>
<p><span id="more-440"></span><br />
It figures she was stuck on the word verification were Gmail uses a so called captcha-image. My mum and my aunt are by no way disabled people but even so I tried to make them click on the “wheelchair”-symbol to hear the letters. That didn&#8217;t work. My aunt didn’t have any speakers connected. *sigh*<br />
Story ended with me having to create that account for my aunt cause they simply couldn&#8217;t get the captcha-image right. </p>
<p>In this article I would just like to present a simple way of getting rid of spam without using captcha. And thus help people like my mum and aunt getting cranky over some weird incomprehensible image. I acknowledge that this is not a good solution for big web apps like Gmail (sorry mum) but for a small site it could be an alternative.</p>
<p>Let me start by pointing out that this is not a new solution. It’s been around for a while but I just felt that not so many people know about it. I have tested this on the form on my own web site and so far I never had a single spam in my inbox. </p>
<h3>So what’s the trick?</h3>
<p>Most spam-robots fill in every single input-field in a form. The trick here is to have an input-field that should be left empty to validate. That input-field is hidden with css so &#8220;ordinary people&#8221; with css enabled doesn’t even see the empty field.<br />
Let me put it into code:</p>
<pre class="brush: html">
&lt;label for=&quot;test&quot; class=&quot;hide&quot;&gt;Don&#039;t write anything here!
&lt;/label&gt;

&lt;input name=&quot;spamtest&quot; id=&quot;test&quot; type=&quot;text&quot; class=&quot;hide&quot; /&gt;
</pre>
<p>As you see in the code I put a label on the input that I’m going to hide. This is to be nice to people with css disabled.<br />
After putting up this code you simply hide the input-field and the label with css by using whatever method that suits you. Here&#8217;s an example on how to do it. See the class hide in the code above? Use that one!</p>
<pre class="brush: html">
.hide{
position:absolute;
left:-9999px;
}</pre>
<p>The validating of this is quite simple. An simple if-statement will do the thing. In php it could be something like this:</p>
<pre class="brush: html">
if($_POST[&#039;spamtest&#039;]==&#039;&#039;)
{
      //Go ahead and submit form
      //(after validating the other input-fields of course!)
}</pre>
<p>That&#8217;s it. Please try it out yourself and feel free to comment on this. I would also love to hear other solutions to avoid using captcha in a form.</p>
<p>/Ida</p>
]]></content:encoded>
			<wfw:commentRss>http://www.swedishfika.com/2009/05/29/are-you-tired-of-captcha/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
	</channel>
</rss>
