<?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>Leala Abbott &#187; webdesign</title>
	<atom:link href="http://lealaabbott.com/wp/archives/tag/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://lealaabbott.com/wp</link>
	<description></description>
	<lastBuildDate>Thu, 05 Apr 2012 19:39:00 +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>Usability and last.fm Pt. 1</title>
		<link>http://lealaabbott.com/wp/archives/14</link>
		<comments>http://lealaabbott.com/wp/archives/14#comments</comments>
		<pubDate>Sat, 17 May 2008 02:30:31 +0000</pubDate>
		<dc:creator>leala</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[IA]]></category>
		<category><![CDATA[last.fm]]></category>
		<category><![CDATA[scenarios]]></category>
		<category><![CDATA[tasks]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://lealaabbott.com/wp/2008/05/17/usability-and-lastfm-pt-1/</guid>
		<description><![CDATA[<a href="http://lealaabbott.com/wp/archives/14"><img align="left" hspace="5" width="150" src="http://lealaabbott.com/images/fall1.jpg" class="alignleft wp-post-image tfe" alt="lastfm page 1" title="" /></a>Ok, so I&#8217;ve decided to get on the last.fm boat. Why do you ask did it take me so long? Well, when I started using it again I remembered why. Simply, I don&#8217;t think I like it. I am a big fan of the Pandora project and prefer that to almost any online music application. However, I was intrigued by last.fm&#8217;s use of social integration (tagging, comments, groups, wiki) and, well, there is a widget I can use with my WordPress blog. As a new user last.fm frustrates me, I get lost within the framework and cannot find my way back to for example &#8220;my favorites&#8221;. I &#8220;heart&#8221; songs and I can&#8217;t find where to locate them again, other than the strange &#8220;playlist&#8221; feature. Furthermore the playlist feature is not a list of &#8220;my favorites&#8221; but rather a list of &#8220;some&#8221; songs I was able to add to yet another… <a href="http://lealaabbott.com/wp/archives/14">Read More &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>Ok, so I&#8217;ve decided to get on the <a href="http://last.fm">last.fm</a> boat. Why do you ask did it take me so long? Well, when I started using it again I remembered why. Simply, I don&#8217;t think I like it. I am a big fan of the <a href="http://pandora.com">Pandora</a> project and prefer that to almost any online music application. However, I was intrigued by last.fm&#8217;s use of social integration (tagging, comments, groups, wiki) and, well, there is a widget I can use with my WordPress blog. </p>
<p>As a new user last.fm frustrates me, I get lost within the framework and cannot find my way back to for example &#8220;my favorites&#8221;. I &#8220;heart&#8221; songs and I can&#8217;t find where to locate them again, other than the strange &#8220;playlist&#8221; feature. Furthermore the playlist feature is not a list of &#8220;my favorites&#8221; but rather a list of &#8220;some&#8221; songs I was able to add to yet another type of list. I consider myself a very savvy Web 2.0 user and if I am having a problem navigating this puppy, I can only imagine whats happening with other folks. </p>
<p>Lets start at the begging with a simple &#8220;tasks and scenarios&#8221;> </p>
<p>I am going to search for my favorite artist, in this case its &#8220;<a href="http://en.wikipedia.org/wiki/The_Fall_%28band%29">The Fall</a>&#8220;. After searching I am taken to a page (seen below) where I can read about the artist, see how many times it&#8217;s been &#8220;scrobbled&#8221; (will get to that later) and listen to the song &#8220;Idiot Joy Showland&#8221;. First, I would like to &#8220;favorite&#8221; this artist, however I can&#8217;t seem to do that. Frustrating and I&#8217;m not interesting in recommending them to a friend right now. </p>
<p><img src="http://lealaabbott.com/images/fall1.jpg" alt="lastfm page 1" /></p>
<p>Also, this is not my favorite &#8220;Fall&#8221; song, so I want to select a different song. My favorite song &#8220;Spoilt Victorian Child&#8221; is way down the list. Once selected I receive an error that &#8220;this track is not available&#8221;, however I can add it to my playlist. This is kind of confusing, but I do it anyway. I realize that I must pick a song that has a play button icon next to it, if I am ever going to hear anything. As I look down, because I don&#8217;t like the four songs that are listed, I realize that my big long list of songs is now gone! Where did it go? Do I now have to use the back button?</p>
<p><img src="http://lealaabbott.com/images/fall2.jpg" alt="lastfm page 2" /> </p>
<p>Dear me, I had to use the back button! I decide to pick from the four songs that last.fm has suggested I play, this however does not take me to another screen like my other selections did, which is nice. I soon realize that the &#8220;visit profile&#8221; is how I can get back to the band page after making a song selection to the main page again. This is a very ambiguous feature as &#8220;visit profile&#8221; could have meant &#8220;my&#8221; profile. I looks as though last.fm was taking the <a href="http://www.facebook.com">Facebook</a> approach and by simply showing me a picture of my band and the &#8220;view profile&#8221; link, I would automatically understand that to mean the artists profile. Oh, ok&#8230; </p>
<p>Since last.fm is either not offering me the songs I like or only live versions of songs I like, I decide to go back to the main last.fm page (seen below) and re-start my experience. It is here that I find my &#8220;recently loved&#8221;. However, again, this feature is not expandable and I can&#8217;t figure out how to get to the big list of my &#8220;loved&#8221; songs. I love looking at what I love, I think most people do or the feature would not exist. I&#8217;ve also now found two things that interest me the &#8220;scrobble&#8221; application and a link that was rather hidden called &#8220;play last.fm radio&#8221;. Ohhh, now I might be getting somewhere. </p>
<p><img src="http://lealaabbott.com/images/fall3.jpg" alt="lastfm page 3" /></p>
<p>After selecting &#8220;play last.fm radio and typing in another one of my favorite &#8220;The Wedding Present&#8221;. However, I am taken to a page (seen below) with the &#8220;Wedding Present&#8221; cutely sitting on a rock wall, but no &#8220;Wedding Present&#8221;. Instead I get the <a href="http://en.wikipedia.org/wiki/The_Charlatans_%28UK_band%29">Charlatans</a>, great band, I even have some of their records, but this is NOT the &#8220;Wedding Present&#8221;. I get that last.fm is assessing my taste in the &#8220;Wedding Present&#8221; and playing other similar artists for me, however, this is really not what I was looking for&#8230;and there is no &#8220;back&#8221; icon, so I guess I am stuck listening to what they throw at me. There is also no way for me to access the playlist and see what&#8217;s already been played. </p>
<p><img src="http://lealaabbott.com/images/fall4.jpg" alt="lastfm page 4" /></p>
<p>Where is the about page? or the FAQ page? I see HELP, but I don&#8217;t feel like I really need &#8220;HELP&#8221;, I would like a long description of what the service is and what they offer, how to use it etc. I think &#8220;HELP&#8221; is ambiguous and I think just like men won&#8217;t pull over to ask directions most people don&#8217;t click HELP. </p>
<p>I am not happy and I am now pretty frustrated with too many links, too many tabbed pages, and not enough results for my input. I think now I am going to go now an install the &#8220;scrobble&#8221; feature and hope it gets better. More on this in Pt. 2, coming soon! </p>
<p><em>P.S. As I am signing off lastfm, as if it knows I&#8217;m leaving in frustration, tries to win me back by playing one of my favorite <a href="http://en.wikipedia.org/wiki/Stone_roses">Stone Roses</a> songs &#8220;Made of Stone&#8221;. I really want to use this web app! I want to share this wonderful song with you guys, with a handy little link. However, I guess that will have to wait!  </em></p>
]]></content:encoded>
			<wfw:commentRss>http://lealaabbott.com/wp/archives/14/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inspiring Designs</title>
		<link>http://lealaabbott.com/wp/archives/8</link>
		<comments>http://lealaabbott.com/wp/archives/8#comments</comments>
		<pubDate>Thu, 08 May 2008 04:27:28 +0000</pubDate>
		<dc:creator>leala</dc:creator>
				<category><![CDATA[webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[inspiration]]></category>

		<guid isPermaLink="false">http://lealaabbott.com/wp/archives/8</guid>
		<description><![CDATA[<a href="http://lealaabbott.com/wp/archives/8"><img align="left" hspace="5" width="150" height="150" src="http://lealaabbott.com/wp/wp-content/plugins/thumbnail-for-excerpts/tfe_no_thumb.png" class="alignleft wp-post-image tfe" alt="" title="" /></a>Some of my recent favorites are: http://www.sachagreif.com/ - I really appreciate the subtle colors that allow the header to pop and the black text seems soothing against the pale brown background. The page is also divided into upper and lower levels, with the lower level having a design relationship with the top nav bar. The font choices are perfect and the section headers are clearly distinguishable from the body content. http://www.webdesignerwall.com/ &#8211; This one is busy done properly. That is, the busyness does not detract from the navigation or layout of the page. The paper textures throughout the design give the page a three dimensional quality. The date tabs before each entry make it very easy to navigate and quickly see where each new entry begins. The body text is not my favorite use of a serif as I prefer a cleaner san-serif for body text. However it does fit… <a href="http://lealaabbott.com/wp/archives/8">Read More &#187;</a>]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal">Some of my recent favorites are:</p>
<p class="MsoNormal"><a href="http://www.sachagreif.com/">http://www.sachagreif.com/</a><span>  </span>- I really appreciate the subtle colors that allow the header to pop and the black text seems soothing against the pale brown background. The page is also divided into upper and lower levels, with the lower level having a design relationship with the top nav bar. The font choices are perfect and the section headers are clearly distinguishable from the body content.</p>
<p class="MsoNormal"><a href="http://www.webdesignerwall.com/">http://www.webdesignerwall.com/</a> &#8211; This one is busy done properly. That is, the busyness does not detract from the navigation or layout of the page. The paper textures throughout the design give the page a three dimensional quality. The date tabs before each entry make it very easy to navigate and quickly see where each new entry begins. The body text is not my favorite use of a serif as I prefer a cleaner san-serif for body text. However it does fit in well with the overall design.</p>
<p class="MsoNormal"><a href="http://www.blogwhatdesign.com/index.php">http://www.blogwhatdesign.com/index.php</a> &#8211; This Blog employs a retro feel and I am always a sucker for this particular color palette. If you are a design firm you better hope that your website is also well designed. The site is a bit too busy for my taste. I would aim to thin it down, however I do feel it does mirror its predecessor the busy vintage ad that it is trying to immolate. The content is a bit cluttered; just take a look at the “services” page. In light of this setback the other main pages, “FAQ”, “Blog” and “Portfolio” are much more in tune with clean design. The main navigation bar is straightforward and easy to use.</p>
<p class="MsoNormal"><a href="http://www.sauromotel.com/">http://www.sauromotel.com/</a> &#8211; This one is just plain cute! It’s little low on front page content, giving the user nothing to really cling onto until they click one of the links. However in doing so, the site is clean and nicely laid out, easy to navigate and simple to explore.</p>
<p class="MsoNormal"><o:p></o:p>I’ve also found that Real Estate and Fashion/clothing websites tend to be the most experimental. Yes, some of these employ my abhorred “splash screen” but they are very graphic heavy and justify the use of the element. Here are a few and some other odds and ends I’ve picked up along the way:</p>
<p><a href="http://www.prospectdenim.com/">http://www.prospectdenim.com/</a> &#8211; Denim company that shows what flash can do. This page allows for users to customize the music which adds to the overall experience.</p>
<p class="MsoNormal"><a href="http://www.history-of-aviation.com/">http://www.history-of-aviation.com/</a> &#8211; Nice ecommerce store, clean layout and very interesting product navigation.</p>
<p class="MsoNormal"><a href="http://www.learnlakenona.com/">http://www.learnlakenona.com/</a> &#8211; Oh man, I love this one. It is so user responsive, that I could just spend hours moving my mouse back and forth over each section. The map is suburb and the color combinations lovely. Navigation is somewhat easy once the user gets used to how responsive the webpage is to mouse movements.</p>
<p class="MsoNormal"><a href="http://www.meomi.com/">http://www.meomi.com/</a> &#8211; This site is the epitome of cute, asian inspired design. This site employs the use of sound for feedback as the user explores the main page.</p>
<p class="MsoNormal"><a href="http://www.prahba.com/en/home.htm">http://www.prahba.com/en/home.htm</a> &#8211; Ahh the beauty of Flash! However, the site is tough to navigate and probably not the best usability site ever, but it sure does look great!</p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Personally, in my opinion, the best design for a town website ever:</p>
<p class="MsoNormal"><a href="http://citizenwausau.com/">http://citizenwausau.com/</a> &#8211; Why did <st1:state><st1:place>Wisconsin</st1:place></st1:state> get it so right and so many others get it so wrong? With the runner up being: <a href="http://www.visitcascadia.com/">http://www.visitcascadia.com/</a> &#8211; too bad, it’s not a real town! <o:p></o:p></p>
]]></content:encoded>
			<wfw:commentRss>http://lealaabbott.com/wp/archives/8/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

