<?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>Complete Usability &#187; Usability and User Experience | Complete Usability</title>
	<atom:link href="http://completeusability.com/category/regrettable-user-experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://completeusability.com</link>
	<description>The big picture of usability and user experience</description>
	<lastBuildDate>Tue, 06 Dec 2011 20:02:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Regrettable User Experience: too much information</title>
		<link>http://completeusability.com/regrettable-too-much-information/</link>
		<comments>http://completeusability.com/regrettable-too-much-information/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 01:17:02 +0000</pubDate>
		<dc:creator>Mike B. Fisher</dc:creator>
				<category><![CDATA[Regrettable user experience]]></category>
		<category><![CDATA[Conversion]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[shopping]]></category>
		<guid isPermaLink="false">http://completeusability.com/?p=1597</guid>
		<description><![CDATA[With gratitude for (and apologies to) James Lileks and his outstanding book &#8220;Gallery of Regrettable Food&#8221;, this is the second in an occasional series called &#8220;Regrettable User Experience&#8221;. In each &#8220;Regrettable&#8221; article I briefly highlight a website or application practice that should be avoided entirely or executed in a very different way. Next on our list [...]
Related posts:<ol><li><a href='http://completeusability.com/regrettable-background-music/' rel='bookmark' title='Regrettable User Experience: website background music'>Regrettable User Experience: website background music</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://completeusability.com/regrettable-too-much-information/" title="Permanent link to Regrettable User Experience: too much information"><img class="post_image alignright" src="http://completeusability.com/wp-content/uploads/2009/09/Beyond-the-Books-by-singsing_sky.jpg" width="150" height="150" alt="Post image for Regrettable User Experience: too much information" /></a>
</p><p><span class="drop_cap">W</span>ith gratitude for (and apologies to) <a title="James Lileks" href="http://www.lileks.com" target="_blank">James Lileks</a> and his outstanding book &#8220;Gallery of Regrettable Food&#8221;, this is the second in an occasional series called &#8220;Regrettable User Experience&#8221;. In each &#8220;Regrettable&#8221; article I briefly highlight a website or application practice that should be avoided entirely or executed in a very different way.</p>
<p>Next on our list is the common but regrettable practice of overwhelming users with information.</p>
<p><span id="more-1597"></span>&#8220;Too much information&#8221; can take many forms.  One of my favorite examples can be seen on the Joann Fabrics website. Consider the map that&#8217;s displayed as soon as a user clicks the Store Locations link from the site&#8217;s home page:</p>
<div id="attachment_1598" class="wp-caption aligncenter" style="width: 386px">
	<img class="size-full wp-image-1598  " title="not-very-usable-map" src="http://completeusability.com/wp-content/uploads/2009/09/not-very-usable-map.jpg" alt="Joann Fabrics default store locator map" width="386" height="200" />
	<p class="wp-caption-text">Joann Fabrics default store locator map</p>
</div>
<p>That&#8217;s a lot of fabric! But unfortunately this display does almost nothing to help answer the high-probability question &#8220;Where&#8217;s the nearest Joann store?&#8221;.  This is <em>way</em> too much information to be useful. To be fair, once users enter a zip code or other search criterion the store locator is adequate, but this map is really out of hand.</p>
<p>I&#8217;ll be covering store locator best practices in another article soon. In the meantime, let&#8217;s look at another example.</p>
<p>This one&#8217;s taken from a discussion forum. This navigation display enables users to easily switch between pages of threads within a section:</p>
<div id="attachment_1599" class="wp-caption aligncenter" style="width: 495px">
	<img class="size-full wp-image-1599  " title="all-148-thread-pages" src="http://completeusability.com/wp-content/uploads/2009/09/all-148-thread-pages.jpg" alt="You can't see it in this image, but this multi-page navigation goes all the way to 148... on " width="495" height="22" />
	<p class="wp-caption-text">You can&#39;t see it in this image, but this multi-page navigation goes all the way to 148.</p>
</div>
<p>It looks familiar and similar to multi-page choices you see on many websites. But here the page numbers actually go all the way up to 148, causing a <em>massive </em>amount of horizontal scrolling. It looks like this:</p>
<div id="attachment_1600" class="wp-caption alignleft" style="width: 2979px">
	<img class="size-full wp-image-1600 " title="all-148-thread-pages2" src="http://completeusability.com/wp-content/uploads/2009/09/all-148-thread-pages2.jpg" alt="Displayling links to all 148 pages is too much of a good thing." width="2979" height="30" />
	<p class="wp-caption-text">Displayling links to all 148 pages is definitely too much of a good thing.</p>
</div>
<p>Yikes. I&#8217;ll be covering multi-page navigation in a future article, but for now let&#8217;s just say this isn&#8217;t the most sensible or efficient way to present these options.</p>
<p>Look at it this way: a glass of water and a fire hose are both capable of quenching your thirst. Which would you rather drink from?</p>
<p>Good, usable information displays deliver enough of the right information without overwhelming users and risking information overload.</p>
<hr />Photo by <a title="Photo by singsing_sky" href="http://www.flickr.com/photos/difei/2654453457/" target="_blank">singsing_sky</a>. Creative Commons licensed.</p>
<p><span style="color: #ffffff;">nv879qa6t4</span></p>
<p>Related posts:<ol><li><a href='http://completeusability.com/regrettable-background-music/' rel='bookmark' title='Regrettable User Experience: website background music'>Regrettable User Experience: website background music</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://completeusability.com/regrettable-too-much-information/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Regrettable User Experience: website background music</title>
		<link>http://completeusability.com/regrettable-background-music/</link>
		<comments>http://completeusability.com/regrettable-background-music/#comments</comments>
		<pubDate>Fri, 24 Apr 2009 18:12:48 +0000</pubDate>
		<dc:creator>Mike B. Fisher</dc:creator>
				<category><![CDATA[Regrettable user experience]]></category>
		<category><![CDATA[Conversion]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[shopping]]></category>
		<guid isPermaLink="false">http://completeusability.com/?p=1250</guid>
		<description><![CDATA[Let me be clear: I'm not referring to websites that employ music as part of user-triggered product demonstrations, slide shows or other multimedia displays. I'm referring to websites that begin playing a soundtrack as soon as you hit the home page, and continue playing it as you move through the site.
Related posts:<ol><li><a href='http://completeusability.com/regrettable-too-much-information/' rel='bookmark' title='Regrettable User Experience: too much information'>Regrettable User Experience: too much information</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a class="post_image_link" href="http://completeusability.com/regrettable-background-music/" title="Permanent link to Regrettable User Experience: website background music"><img class="post_image alignright" src="http://completeusability.com/wp-content/uploads/2009/04/piano1.jpg" width="150" height="150" alt="Post image for Regrettable User Experience: website background music" /></a>
</p><p style="text-align: center;">
<p><span class="drop_cap">W</span>ith gratitude for (and apologies to) <a title="James Lileks" href="http://www.lileks.com" target="_blank">James Lileks</a> and his outstanding book &#8220;Gallery of Regrettable Food&#8221;, this is the first in an occasional series I&#8217;m calling &#8220;Regrettable user experience&#8221;. In each &#8220;Regrettable&#8221; article I&#8217;ll briefly highlight a website or application practice that should be avoided entirely or executed in a very different way. I&#8217;ll also give suggestions on making it <em>less</em> regrettable.</p>
<p>First on my Regrettable list is a semi-rare but still annoying &#8220;feature&#8221;: automatically triggered background music.</p>
<p><span id="more-1250"></span></p>
<p>Let me be clear: I&#8217;m <em>not</em> referring to websites that employ music as part of user-triggered product demonstrations, slide shows or other multimedia displays. I&#8217;m referring to websites that begin playing a soundtrack as soon as you hit the home page, and continue playing it as you move through the site.</p>
<p>There aren&#8217;t a lot of websites these days that employ this &#8220;feature&#8221;, but it can be found here and there. For example I recently visited the Ethan Allen website while looking for a furniture image to use in an article.</p>
<p>As soon as I landed on the Ethan Allen home page, a soundtrack began playing &#8211; and I wondered where this bizarre and not terribly appealing music was coming from. I couldn&#8217;t find a button to stop the music, or a slider to control its volume.  (Side note: They seem to have killed their background music since I visited the site about a month ago).</p>
<p>In any event there are a few reasons why automatic background music is regrettable:</p>
<ul>
<li><strong>It violates the principle of user control</strong>. As I&#8217;ve discussed before in my <a title="Complete Usability: User Operation Prohibited" href="/user-operation-prohibited/" target="_self">article on the User Operation Prohibited DVD tag</a>, it&#8217;s important to grant users a reasonable amount of control over their experience. Playing music automatically bypasses user control.</li>
<li> <strong>It&#8217;s much more likely to annoy than please users</strong>. This is especially true if the music loops or re-starts each time a new page is loaded. Keep in mind, unless you&#8217;re appealing to a very, very narrow group of users <em>that are just like you</em> it&#8217;s extremely likely that your taste in music is not the same as theirs. Also keep in mind that users may already be listening to music when they arrive at your website. For those users the addition of a second sound source will create an involuntary and random <a title="Wikipedia: mash up" href="http://en.wikipedia.org/wiki/Mashup_(music)" target="_blank">mashup</a> that&#8217;s probably not going to win any Grammys.</li>
<li><strong>It can create very awkward moments</strong>. Suppose a user visits your website while in bed with their laptop, their spouse sleeping next to them. Your music starts playing and you&#8217;ve just startled a potential customer and caused them to search frantically for a way to make your website <em>shut up!</em> The same type of situation (minus bed and spouse) could also take place at an office, a computer lab or a library.</li>
<li><strong>It&#8217;s probably not necessary</strong>. I suppose one could argue that background music can add an element of brand identity in the right situations, but given all the drawbacks there are much better ways to reinforce brand identity visually.</li>
</ul>
<p>Of course there are some cases where music can and should be part of the user experience. For example if you&#8217;re selling music (e.g. &#8211; a record store or band website) then it makes perfect sense to offer sound clips or even complete downloads. But importantly, sound clips like this should be <span style="text-decoration: underline;">triggered and controlled by the user</span>, not triggered by default. Even on band websites I don&#8217;t advocate playing the band&#8217;s music unless a user triggers the playback.</p>
<h2>Making background music less regrettable</h2>
<p>There are two good &#8211; and relatively obvious &#8211; ways to address the problem created by automatically triggered background music:</p>
<p>1. Don&#8217;t use it at all<br />
2. Use it but:</p>
<ul>
<li>Default the music player to an &#8220;off&#8221; condition and enable users to turn it on if they so choose,</li>
</ul>
<p>and/or:</p>
<ul>
<li> Display a prominent control to pause or stop it and change the volume. This control needs to be clearly visible on any page that the user can visit while still hearing the music. It should also be large enough that users can easily manipulate it if they need to stop the music or change the volume in a hurry.</li>
</ul>
<p>This will make an otherwise regrettable website feature considerably more usable, and will avoid a great deal of potential user frustration.</p>
<hr />
<p class="fisher-photo-caption" style="text-align: left;">Image credit: <a title="Image by Spud. Creative Commons licensed." href="http://www.flickr.com/photos/shaun/3284113715/" target="_blank">Spud</a>. Creative Commons licensed.</p>
<p>Related posts:<ol><li><a href='http://completeusability.com/regrettable-too-much-information/' rel='bookmark' title='Regrettable User Experience: too much information'>Regrettable User Experience: too much information</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://completeusability.com/regrettable-background-music/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

