<?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>Design vs Art Blog &#187; Music</title>
	<atom:link href="http://www.designvsart.com/blog/category/music/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designvsart.com/blog</link>
	<description>Interaction Design and User Experience</description>
	<lastBuildDate>Tue, 08 Nov 2011 08:24:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<cloud domain='www.designvsart.com' port='80' path='/blog/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Using Sound on the Web</title>
		<link>http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/</link>
		<comments>http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 10:42:50 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/' addthis:title='Using Sound on the Web ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Using sound on an application is a very complicated issue. The big problem using sounds, designing websites with them, is that they are difficult to keep private. Everybody knows that unpleasant situation of sound unexpetedely playing while reading something online &#8230; <a href="http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/' addthis:title='Using Sound on the Web '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/' addthis:title='Using Sound on the Web ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p><span style="font-size: x-large; "><b>U</b></span>sing sound on an application is a very complicated issue. The big problem using sounds, designing websites with them, is that <span style="background-color: rgb(255, 204, 0); ">they are difficult to keep private.</span> Everybody knows that unpleasant situation of sound unexpetedely playing while reading something online at the office.&nbsp;&nbsp;</p>
<p><span style="font-size: medium; "> </span></p>
<p><b>When to use sound?</b>&nbsp;</p>
<p><span style="background-color: rgb(255, 204, 0); ">Keep in mind your audience</span>. Sounds are not expected on websites like online newspapers or gubernamental sites. On the other side, they could be accepted on websites for children, music websites, online radios and such.&nbsp;</p>
<p>&nbsp;</p>
<table width="550" border="0" align="center" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td style="text-align: center; ">
<p><img alt="Is the internet making any sound?" width="400" height="320" border="0" align="middle" src="http://www.designvsart.com/blog/wp-content/uploads/sound.jpg" /></p>
<p>Picture by <a target="_self" href="http://www.flickr.com/photos/63146967@N00/">Cpgmattr</a></p>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><span style="font-size: medium; "> </span></p>
<p><b>Is the internet dumb?</b></p>
<p>Sounds could be used not only for advertisement, music and videos but also to improve usability like in the &quot;real life&quot;, in desktop and mobile applications. For example, in the real life, closing a window makes a &quot;click&quot;. Could you imagine a telephone that does no sound when you press a number? <span style="background-color: rgb(255, 204, 0); ">All this sounds are there to tell users that something is happening. These sounds should be as useful in the internet as in the real world.&nbsp;</span></p>
<p>Unfortunately, many websites and web applications don&#8217;t use sounds. For example, Google Mail is not playing any sound when a new email arrives, something that is a default option for every desktop email client.&nbsp;</p>
<p><span style="font-size: medium; "> </span></p>
<p><b>What kind of sound?</b></p>
<p>In every application, desktop or web, <span style="background-color: rgb(255, 204, 0); ">the natural relationship between the sound and the action or information should always be respected</span>. For example, clicking on a button should play a sound that resembles the mouse click, not a dog barking.&nbsp;</p>
<p>These were a few tips using sound when designing a website. My general advice would be to use sound only if it is improving the user experience at you website.&nbsp;</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=385&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/' addthis:title='Using Sound on the Web '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/11/19/using-sound-on-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Popularity Based Organization of Music Charts: Last.fm</title>
		<link>http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/</link>
		<comments>http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/#comments</comments>
		<pubDate>Tue, 06 Nov 2007 05:50:22 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Bad Design]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Popularity-based Organization]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web2.0]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/' addthis:title='Popularity Based Organization of Music Charts: Last.fm ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Music charts are another example of popularity-based organization of information and one of the sites with more of that is Last.fm, the online community for music lovers. The concept is very simple, users listen to music on their iPods or &#8230; <a href="http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/' addthis:title='Popularity Based Organization of Music Charts: Last.fm '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/' addthis:title='Popularity Based Organization of Music Charts: Last.fm ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Music charts are another example of <strong>popularity-based organization</strong> of information and one of the sites with more of that is Last.fm, the online community for music lovers. The concept is very simple, users listen to music on their iPods or online, and last.fm keeps track of the listened songs and artists. Then, they make <strong>charts</strong> with the most listened and compares users&#8217; taste.</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/11/red_logo.jpg" alt="Lastfm Logo 20071106" /></p>
<p>The <a href="http://www.last.fm/user/ciao_alexisb/" target="_blank">main charts</a> are &#8220;Recently Listened Tracks&#8221;, &#8220;Top Artists This Week&#8221; and &#8220;Top Artists Overall&#8221;. Information is combined with artists&#8217; pictures, the design in general is very cool:</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/11/recently-listened.jpg" alt="Recently Listened 20071106" /></p>
<p>Although I love this site I have found two <strong>usability problems</strong>. One is that for some charts some of the information is like hidden, for example, in the chart below is difficult to see the arrows indicating if the artist moved up or down on the ranking.</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/11/top-artists.jpg" alt="Top Artists 20071106" /></p>
<p>The second problem, that you can see on the same picture, is that the charts are updated from time to time, once a week or so. In my opinion, most users would expect to see <strong>this information updated all the time</strong>, or at least to have the option of getting &#8220;The last 7 days&#8221; or &#8220;The last week&#8221;. Probably to get the maximum of the charts in your site you have to keep them updated, so the users will come more often.</p>
<p>.</p>
<p><em><strong>Disclaimer:</strong> with this kind of article I want to point out <strong>usability and interface problems</strong> some sites could have. Please do not take this as an attack, take it as a <strong>free advice</strong>. I would like to make clear that this design problems could happen for many reasons, including lack of time or money.</em></p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=152&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/' addthis:title='Popularity Based Organization of Music Charts: Last.fm '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2007/11/06/popularity-based-organization-of-music-charts-lastfm/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

