<?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>Monday By Noon &#187; Logitech</title>
	<atom:link href="http://mondaybynoon.com/tag/logitech/feed/" rel="self" type="application/rss+xml" />
	<link>http://mondaybynoon.com</link>
	<description>A resource for Web designers and developers to read about and discuss their craft.</description>
	<lastBuildDate>Wed, 08 Feb 2012 13:49:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>&#8226; Selects, JavaScript, and Usability: Please help.</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20071001%2Fselects-javascript-and-usability-please-help%2F&#038;seed_title=%26%238226%3B+Selects%2C+JavaScript%2C+and+Usability%3A+Please+help.</link>
		<comments>http://mondaybynoon.com/20071001/selects-javascript-and-usability-please-help/#comments</comments>
		<pubDate>Mon, 01 Oct 2007 13:33:33 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[driver]]></category>
		<category><![CDATA[Logitech]]></category>
		<category><![CDATA[Okidata]]></category>
		<category><![CDATA[select]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2007/10/01/selects-javascript-and-usability-please-help/</guid>
		<description><![CDATA[Driver download interfaces drive me nuts. Attaching JavaScript functions to selects, in my opinion, is just plain wrong from a usability standpoint. How can we better improve this implementation that still finds its way to the Internet, on the largest of corporate websites?<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=101&c=226870856' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=101&c=226870856' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>By no means to I consider myself to be a usability professional. On the other hand, I do have an interest in the subject and try to read as much as possible from the true professionals in the field. That doesn&#8217;t go to say that I&#8217;m not allowed to have an opinion on certain things I run into every day on the Web. Everyone using the Web is more than entitled to their opinion regarding what is usable and what just doesn&#8217;t seem right.</p>
<p>There has been an implementation driving me nuts for <em>years</em>. More often than not, it comes hand in hand with a certain type of download, but the implementation I&#8217;m speaking of can be summed up with the following image:</p>
<p><img class="single" src="/images/logitech-driver-download-01.jpg" alt="Image of two selects used to choose a product based on a list of categories in an attempt to download a driver from the Logitech website" /></p>
<p>Anyone who has been a Windows user at any point is probably familiar with this example; driver download interface. This particular screenshot is from the <a href="http://www.logitech.com/index.cfm/support_downloads/downloads/&amp;cl=us,en">Logitech Driver Downloads</a> as of the time of this writing, but the faults in the example sprawl the Internet; general confusion and JavaScript dependency. The same issue can be seen on the <a href="http://www.okidata.com/mkt/html/nf/Drivers.html">Okidata Driver Downloads</a> page as well:</p>
<p><img class="single" src="/images/okidata-driver-download-01.jpg" alt="Image of two selects used to choose a product based on a list of categories in an attempt to download a driver from the Okidata website" /></p>
<p>Both implementations are completely destroyed when using a browser without JavaScript capabilities. The Logitech page appears the same, but the <code>selects</code> aren&#8217;t populated properly, and the Okidata page not only ceases to function, it renders completely different as well:</p>
<p><img class="single" src="/images/okidata-driver-download-02.jpg" alt="Image of poor JavaScript implementation on the Okidata driver downloads page" /></p>
<p>The lack of graceful degradation is bothersome enough for me personally, but what&#8217;s more is that I get annoyed by both of these examples <em>when they&#8217;re working as intended</em>. In my opinion, attaching a JavaScript function to a <code>select</code> is just plain wrong (save validation of some sort, perhaps). I use the Internet every single day, and it still surprises me when I see a page location changing just because I chose an <strong>option</strong> from a drop-down.</p>
<p>A bit of a side note and rant; using a <code>select</code> for site navigation is just plain wrong. Providing a &#8216;Go&#8217; button next to the <code>select</code> used for site navigation, but instead redirecting instantly after the <code>option</code> is chosen is even worse. I understand that many implementations which act in such a way do so on the principle of progressive enhancement, but if you&#8217;re truly trying to progressively enhance, why not remove the button after adding the functionality? I can answer that in saying you would be back at square one using a <code>select</code> for page navigation, which is annoying.</p>
<h2>The most important part: alternatives</h2>
<p>One of my favorite parts of being annoyed with something like this, is trying to think about how I could have tried to do things better. I also like to read the thoughts of others regarding what they would have done, as well as checking out examples of superior implementation. When it comes to driver downloads, I would simply rather see a search field allowing you to search for your product if you feel so inclined, as well as a simple <code>anchor</code> structure which allows me to find the page on which my driver download is available. Something I can bookmark for later because I know with Windows, I&#8217;ll need to find the page again in a few months when I reformat.</p>
<p>More importantly, have you seen any impressive implementations of driver download pages? Does the issue I&#8217;ve described bother you? How would you rather see things implemented? Please, take a minute and leave your thoughts.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=101&c=1243630741' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=101&c=1243630741' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20071001/selects-javascript-and-usability-please-help/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Database Caching 1/48 queries in 0.054 seconds using apc
Object Caching 466/520 objects using apc

Served from: www.mondaybynoon.com @ 2012-02-11 09:06:54 -->
