<?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>User Interface Trends &#187; disabled buttons</title>
	<atom:link href="http://uitrends.com/tag/disabled-buttons/feed/" rel="self" type="application/rss+xml" />
	<link>http://uitrends.com</link>
	<description>A place to catalog, discuss, and rate trends in user interface design</description>
	<lastBuildDate>Wed, 21 Jul 2010 04:38:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1-beta</generator>
		<item>
		<title>Speak To Me!</title>
		<link>http://uitrends.com/2009/10/23/speak-to-me/</link>
		<comments>http://uitrends.com/2009/10/23/speak-to-me/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 15:42:46 +0000</pubDate>
		<dc:creator>Kate Vander Ploeg</dc:creator>
				<category><![CDATA[Trends]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[disable]]></category>
		<category><![CDATA[disabled]]></category>
		<category><![CDATA[disabled buttons]]></category>
		<category><![CDATA[disabled links]]></category>
		<category><![CDATA[disabled states]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[states]]></category>
		<category><![CDATA[visual design]]></category>

		<guid isPermaLink="false">http://uitrends.com/?p=1173</guid>
		<description><![CDATA[Trend: Disabled States Using disabled states for buttons, links and other ui components are an important way to provide feedback to the user. Think about a stop light for a minute; if it were always green then the driver would expect that they could drive through causing collisions with cars going the other way. To [...]]]></description>
			<content:encoded><![CDATA[<h3 class="trend">Trend: Disabled States</h3>
<p>Using disabled states for buttons, links and other ui components are an important way to provide feedback to the user. Think about a stop light for a minute; if it were always green then the driver would expect that they could drive through causing collisions with cars going the other way. To prevent this, the red light steps in to tell the driver they have to wait. Just like stoplights allow traffic to run more smoothly, the disabled state allow UI interactions to be more efficient—the user knows that they don&#8217;t need to waste their time trying to click anything disabled. In addition, it helps hierarchy because applicable actions stand out whereas unapplicable actions push back. Disabling an action communicates important information to the user which, coupled with their interaction with the product, help them to understand how that product works.</p>
<p style="text-align: left">For example, when the link button is disabled (shown, below), I infer I have to do something to allow that button to become active: I have to highlight the text <em>before</em> I am allowed to add the link not click the link button and then tell it what text to insert for the link.</p>
<p style="text-align: center"><img class="size-full wp-image-1195 aligncenter" src="http://uitrends.com/wp-content/uploads/2009/10/image_1.png" alt="image_1" width="553" height="276" /></p>
<p style="text-align: left">
<p style="text-align: left">
<p style="text-align: left">
<p style="text-align: left">Other Examples:</p>
<p style="text-align: center"><img class="size-full wp-image-1213 aligncenter" src="http://uitrends.com/wp-content/uploads/2009/10/post_disable1.png" alt="post_disable" width="553" height="400" /></p>
<p>I think disabling components is a must! Vote &#8216;em up!</p>
]]></content:encoded>
			<wfw:commentRss>http://uitrends.com/2009/10/23/speak-to-me/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
