<?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>Usability Thoughts &#187; buttons</title>
	<atom:link href="http://usabilitythoughts.com/tag/buttons/feed" rel="self" type="application/rss+xml" />
	<link>http://usabilitythoughts.com</link>
	<description>content meets user</description>
	<lastBuildDate>Tue, 08 Jun 2010 14:07:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>So wrong on so many levels</title>
		<link>http://usabilitythoughts.com/so-wrong-on-so-many-levels.html</link>
		<comments>http://usabilitythoughts.com/so-wrong-on-so-many-levels.html#comments</comments>
		<pubDate>Mon, 19 Oct 2009 11:39:31 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Usability fail]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[call to action]]></category>
		<category><![CDATA[forms]]></category>

		<guid isPermaLink="false">http://usabilitythoughts.com/?p=175</guid>
		<description><![CDATA[I have update the &#8220;All in one seo pack&#8221; for wordpress and it insisted that i update the configuration page. I went and checked the page an this is what i have found:

It amazes me how awful is this form made, I think it&#8217;s deliberately made so you fuck up. Let&#8217;s see why:
1. the &#8220;Reset&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>I have update the &#8220;All in one seo pack&#8221; for wordpress and it insisted that i update the configuration page. I went and checked the page an this is what i have found:</p>
<p><img src="http://usabilitythoughts.com/wp-content/uploads/2009/10/seopack.png" alt="seopack" title="seopack" width="499" height="363" class="alignnone size-full wp-image-176" /></p>
<p>It amazes me how awful is this form made, I think it&#8217;s deliberately made so you fuck up. Let&#8217;s see why:</p>
<p>1. the &#8220;Reset&#8221; option in on the right. (I&#8217;m not saying the submit must be on the right, but it&#8217;s the most common that way)<br />
2. the &#8220;Reset&#8221; button is bigger and has the same design as the &#8220;Update&#8221; button. That and 1. makes it most likely to be pressed first<br />
3. both buttons have the same design, hence they are equally important? i don&#8217;t think so, the call to action button must be the &#8220;update&#8221; button. Keep in mind that &#8220;Reset&#8221; is a destructive action.<br />
4. what&#8217;s with the &#8220;>>&#8221; ? the arrows on the first button point to the second, which kindda&#8217; makes the second the call to action, but the arrows on the second? there&#8217;s no extra step, there&#8217;s only a form. </p>
]]></content:encoded>
			<wfw:commentRss>http://usabilitythoughts.com/so-wrong-on-so-many-levels.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Use search buttons</title>
		<link>http://usabilitythoughts.com/use-search-buttons.html</link>
		<comments>http://usabilitythoughts.com/use-search-buttons.html#comments</comments>
		<pubDate>Mon, 19 Oct 2009 08:42:30 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Good practices]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Usability fail]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[labels]]></category>
		<category><![CDATA[search]]></category>

		<guid isPermaLink="false">http://usabilitythoughts.com/?p=171</guid>
		<description><![CDATA[A basic usability test (very cheap also) is logging remote on another person&#8217;s computer and watching him/her use the app/website/tool. It&#8217;s eye opening. 
So I have seen my mother (who is not a computer savy person)  hovering the page in search of buttons. When she searches things she doesn&#8217;t use the keyboard, she presses [...]]]></description>
			<content:encoded><![CDATA[<p>A basic usability test (very cheap also) is logging remote on another person&#8217;s computer and watching him/her use the app/website/tool. It&#8217;s eye opening. </p>
<p>So I have seen my mother (who is not a computer savy person)  hovering the page in search of buttons. When she searches things she doesn&#8217;t use the keyboard, she presses the &#8220;Search&#8221; button, and when that&#8217;s not available she gets confused. If the search field has an arrow image background on the right side, she tries to click that arrow and gets puzzled when nothing happens.</p>
<p><img src="http://usabilitythoughts.com/wp-content/uploads/2009/10/use_search_buttons.png" alt="use_search_buttons" title="use_search_buttons" width="297" height="60" class="alignnone size-full wp-image-172" /></p>
<p>So, <strong>please use search buttons</strong>.</p>
<p>Oh, and please don&#8217;t name them &#8220;Go&#8221; or &#8220;>>&#8221; or stuff like that, name them &#8220;search&#8221;, and even put a magnifying glass on them.</p>
]]></content:encoded>
			<wfw:commentRss>http://usabilitythoughts.com/use-search-buttons.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Links vs. buttons</title>
		<link>http://usabilitythoughts.com/links-vs-buttons.html</link>
		<comments>http://usabilitythoughts.com/links-vs-buttons.html#comments</comments>
		<pubDate>Sun, 26 Apr 2009 19:48:55 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Good practices]]></category>
		<category><![CDATA[VS]]></category>
		<category><![CDATA[actions]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[submit]]></category>

		<guid isPermaLink="false">http://usabilitythoughts.com/?p=40</guid>
		<description><![CDATA[When dealing with webpages, some usability experts say we should use links when the user is gonna get on a different page and buttons when the user makes an action.

Link to another page &#187; &#160; vs. &#160; Submit

I don&#8217;t really care. I don&#8217;t care because users don&#8217;t care. 
Let&#8217;s get things a little further, what&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>When dealing with webpages, some usability experts say we should use links when the user is gonna get on a different page and buttons when the user makes an action.</p>
<div style="border: 1px solid #eaeaea; text-align: center; padding: 20px; margin-top:10px; margin-bottom:10px;">
<a href="#" style="font-weight: bold; color: #009966;">Link to another page &raquo;</a> &nbsp; vs. &nbsp; <button>Submit</button>
</div>
<p>I don&#8217;t really care. I don&#8217;t care because <strong>users don&#8217;t care</strong>. </p>
<p>Let&#8217;s get things a little further, what&#8217;s a button? Does it have to have borders? Different color? </p>
<p>Is a icon followed by a link really a link or a button? I see those things like buttons, others see it like &#8220;fancy links&#8221; or &#8220;descriptive links&#8221; or &#8220;visual links&#8221;. </p>
<p>One thing i agree with, though: forms should have <strong>&#8220;hard to miss&#8221; primary action button</strong>, you cannot put a link there mainly because it will not be a &#8220;primary action&#8221;, there are other links on a page so the weight of a &#8220;submit link&#8221; won&#8217;t be so different.</p>
]]></content:encoded>
			<wfw:commentRss>http://usabilitythoughts.com/links-vs-buttons.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
