<?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; icons</title>
	<atom:link href="http://usabilitythoughts.com/tag/icons/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>Windows icon selection fail</title>
		<link>http://usabilitythoughts.com/windows-icon-selection-fail.html</link>
		<comments>http://usabilitythoughts.com/windows-icon-selection-fail.html#comments</comments>
		<pubDate>Mon, 12 Apr 2010 08:18:04 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Usability fail]]></category>
		<category><![CDATA[desktop]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[selections]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://usabilitythoughts.com/?p=193</guid>
		<description><![CDATA[I ran into a usability fail that has to exist from windows 3.1.
Windows arranges it&#8217;s icons/shortcuts/files on desktop column by column. But if you select them with SHIFT (multiple select), it selects them line by line  . 
If you arrange icons by type and you want to delete the pictures, you cannot do that [...]]]></description>
			<content:encoded><![CDATA[<p>I ran into a usability fail that has to exist from windows 3.1.</p>
<p>Windows arranges it&#8217;s icons/shortcuts/files on desktop column by column. But if you select them with SHIFT (multiple select), it selects them line by line <img src='http://usabilitythoughts.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . </p>
<p>If you arrange icons by type and you want to delete the pictures, you cannot do that by selecting them with SHIFT from first to last.</p>
<p>Since I use windows for ages and not realized this until now, i don&#8217;t think it bothers people, but still&#8230; interesting find. </p>
]]></content:encoded>
			<wfw:commentRss>http://usabilitythoughts.com/windows-icon-selection-fail.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Product filters</title>
		<link>http://usabilitythoughts.com/product-filters.html</link>
		<comments>http://usabilitythoughts.com/product-filters.html#comments</comments>
		<pubDate>Mon, 16 Mar 2009 20:49:30 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Good practices]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[filters]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[illustrations]]></category>
		<category><![CDATA[products]]></category>
		<category><![CDATA[visual]]></category>

		<guid isPermaLink="false">http://usabilitythoughts.com/?p=43</guid>
		<description><![CDATA[I was talking the other day about pagination and  David Hamill had a point there, those tiny numbers don&#8217;t send any message to the user, so what&#8217;s the alternative?
Well, a nice solution is the one used in Google Reader, when you scroll down to see the last feeds, if there are more, Google loads [...]]]></description>
			<content:encoded><![CDATA[<p>I was talking the other day about <a href="http://usabilitythoughts.com/usable-pagination.html">pagination</a> and  <a href="http://www.goodusability.co.uk/2009/01/easy-as-123/">David Hamill</a> had a point there, those tiny numbers don&#8217;t send any message to the user, so what&#8217;s the alternative?</p>
<p>Well, a nice solution is the one used in Google Reader, when you scroll down to see the last feeds, if there are more, Google loads a few more and so on. Although this is a very nice idea, it&#8217;s not without disadvantages:</p>
<p>- you might not scroll all the way down and the feeds will not load<br />
- it requires AJAX and that is not really SEO friendly, you want your products to be indexed by search engines<br />
- it doesn&#8217;t work on browsers without javascript capabilities or with js disabled.</p>
<p>The most common alternative remains <strong>product filters</strong>. Just about everyone understands them and they are really easy to use.  As I found some nice ones on <a href="http://www.getelastic.com/creative-filtered-navigation/">getelastic</a> and I knew a few other, I decided to show you <strong>the visual side of filters</strong>.</p>
<p><a href="http://www.like.com/shoes" target="_blank"><img class="alignnone size-full wp-image-44" style="float:left; margin-right: 60px;" title="likecom" src="http://usabilitythoughts.com/wp-content/uploads/2009/03/likecom.png" alt="likecom" width="218" height="342" /></a> <a href="http://www.like.com/shoes" target="_blank"><img class="alignnone size-full wp-image-45" title="likecom2" src="http://usabilitythoughts.com/wp-content/uploads/2009/03/likecom2.png" alt="likecom2" width="224" height="344" /></a></p>
<p>The first one is from like.com (one very very nice site btw) and it shows a shoe filter by style, you can see the visual icons on the left, not everyone knows all the names of the shoe styles, so that&#8217;s really helpful. The next one near it is from like.com also (you can see the resemblance) and it&#8217;s the most easier to make visual filter: showing the actual color near the color name. For the human brain it&#8217;s much faster to see colors than to read words (if you paid attention in science, color is a wavelength variation of light and we distinguish light very fast).</p>
<p><a href="http://www.actionenvelope.com/ae/control/category/~category_id=BUSINESS" target="_blank"><img class="alignnone size-full wp-image-47" title="actionenvelope" src="http://usabilitythoughts.com/wp-content/uploads/2009/03/actionenvelope.png" alt="actionenvelope" width="195" height="205" /></a></p>
<p>I saw the next one on getelastic too, I really liked it and it&#8217;s found on actionenvelope.com. It shows an envelope filter by type/shape. Again, visual clues make the choosing much more effective.</p>
<p><a href="http://www.motors.ebay.com/" target="_blank"><img class="alignnone size-full wp-image-49" title="ebay" src="http://usabilitythoughts.com/wp-content/uploads/2009/03/ebay.png" alt="ebay" width="389" height="234" /></a></p>
<p>This one is my personal favorite, it&#8217;s from Ebay and it shows a little car illustration for every type of car, because some people don&#8217;t know what&#8217;s a &#8220;hatchback&#8221; or a &#8220;coupe&#8221;, i&#8217;m guessing. Although I like this very much, I see a flaw, you can&#8217;t choose two of them if, let&#8217;s say, you want a sedan but you have nothing against hatchbacks too.</p>
<p><a href="http://www.eastbay.com/catalog/productdetail/model_nbr--95901/sku--901326/size--04.0/supercat--shoes/cm--GLOBAL%20SEARCH%3A%20KEYWORD%20SEARCH/" target="_blank"><img class="alignnone size-full wp-image-51" title="eastbay" src="http://usabilitythoughts.com/wp-content/uploads/2009/03/eastbay.png" alt="eastbay" width="415" height="327" /></a></p>
<p>The next one is a color filter with a twist: size. It&#8217;s from eastbay and it works like this: you find a shoe, hover the color variations and see below the available sizes highlighted. Pretty neat.</p>
<p><a href="http://www.preciousglow.com/Category/subcat/134/pre-set-engagement-rings.html" target="_blank"><img class="alignnone size-full wp-image-52" title="preciousglow" src="http://usabilitythoughts.com/wp-content/uploads/2009/03/preciousglow.png" alt="preciousglow" width="555" height="83" /></a></p>
<p>Here&#8217;s another one, from preciousglow.com, it&#8217;s a filter of diamonds by size, if you don&#8217;t know how marquise diamonds look like.</p>
<p><a href="http://www.sonyericsson.com/cws/products/mobilephones?lc=en&amp;cc=gb" target="_blank"><img class="alignnone size-full wp-image-53" title="sonyericsson" src="http://usabilitythoughts.com/wp-content/uploads/2009/03/sonyericsson.png" alt="sonyericsson" width="142" height="155" /></a></p>
<p>The last one from this list is another shape/style filter from sony-ericsson, for the users more phone-naive, if i can call them like that.</p>
]]></content:encoded>
			<wfw:commentRss>http://usabilitythoughts.com/product-filters.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
