Last.FM has just recently undergone a major site overhaul. I love de-constructing websites when they are re-built and trying to gauge the decisions behind why they might have done this or that. There are a lot of large sweeping changes in this re-design, and typically from experience with sites and users, I know that this has the potential to ruffle a lot of feathers with the loyal fans. But that is not so big a deal as long as the changes have been made with the right amount of user testing, based on what users want. After a small amount of time users wonder how they ever got by using the site without the new functionality. But is that the case with Last.FM, and are there other factors that might hamper the acceptance?

The Deconstruction

I’m mainly going to focus on the main navigation and core functionality for this.

First of all, let’s start with a brief (and by no means exhaustive) history of Last.FM.

Homepage

Circa 2005

Circa 2006

Circa 2007

Today

Dashboard

Circa 2006

last.FM dashboard screenshot 2006

Circa 2007

Today

last.FM dashboard screenshot 2008

New layout – The Good

From an Information Architecture point of view overall the layout is better.

They have obviously focused to the tools, and the ability to use last.FM as a tool to find-out more about music that might appeal to the user. This is apparent through the large amount of screen real-estate dedicated to “recommended content”.

The friends list functionality has been expanded, and there is now data available as to what track each of your friends has most recently listened to.

The search functionality is much better. Having the drop-down box that allows a user to search the specific areas of the site.

The top right dashboard drop-down is also quite good. But in my opinion it is too simplified, and not prominent enough. The Circa 2006 top-right dashboard area, from a layout perspective was much better.

The new media player seems much improved, although they probably could have just put the media in a persistent spot in all the pages, and saved a click through.

New layout – The Bad

There are a fair amount of decisions that in this IA’s opinion probably spent too long being discussed in internal focus groups, and have ended up worse off. Or potentially even worse were not discussed at all. Why you would want to know what you have just listened to under your profile is beyond me – surely your ears and brain could tell you the same information a lot faster.

The images of recently added content are very large. This looks OK when the design is viewed all at once in an “entire page format”. But when the browser fold is added they hog a lot of the screen real estate. I have dual 1680×1050 monitors, so it’s definitely not just my screen res.

New layout – The Ugly

I have a real problem with the design. I think that the IA has been executed in an average to satisfactory manner all things considered. But the design doesn’t do it any favors. The banner across the top looks like it was done by a fresh grad who just found the latest cool grunge photoshop brush set on deviantart.com. Where the previous site employed the use of gradients and contrast to “pop” sections of the design out, the new site is flat, and a lot of the content competes for the user’s attention.

Another design bug-bear is that where they previously had a unique and easily recognizable site that had strong brand presence and was very clear. Now they seem to have totally de-sanitised the site to the point where if you linked straight to Facebook (or a number of other minimal flat websites), a user might not realize that they had even changed sites. It has gone overly clean and in many of the wrong ways. The contrasting text colours don’t really complement each other, which would be fine if it was for the sake of contrast and information hierarchy, but they don’t seem to serve this purpose.

The left hand menu is an after-thought. It is small and insignificant and doesn’t seem to hold enough options. It is obviously the “user menu”, but why double up on the dashboard drop-down box and then only include half the items? It just seems clunky.

The summary

The motivation for many of the changes seems to have come from a direction of utilizing the site to create more revenue. Examples of this are as a tool for the music industry to gauge statistics, and sell information, and also the new advertising sections on the site which are much more prominent. I have no problem with sites wanting to make more money, but a lot of this seems to have been executed at the expense of the user and their profile. Surely if their commodity is data, then the idea is to encourage folksonomy, and user input. But they seem to be relying too heavily on the user-side software that simply logs data via itunes or wmp.

Anyway, I hope that things move in a more positive direction with the next re-vamp, as I love last.FM, and have come across quite a few artists whose CD’s I have bought because of them.

I found this case study/ presentation on Flickr today by Juhan Sonin and there were two things about it that really struck me.

Interface design presentation

  1. The first is just how much information there is on the web about any subject you want to know about. So since I’m interested in interface and user experience it’s all there and given an infinite amount of time and resource, I can tap into all of it and become better at what I do. Fantastic.
  2. And the second is that this case study/presentation on interface has become its own effigy, by being converted into screenshot format and uploaded to a site which was originally intended for people to store their holiday snaps etc. etc. It’s a great idea, and I love it how a site or webtool can take on a life of its own as users driven by need, reinvent the brief for which the site was originally designed.

Can the web get any better than this. Yes, yes it can.

let me count the ways…

This article from Smashing Magazine is absolutely brilliant. It talks about layout and rules in different disciplines that can be applied into designing web pages. These being the rule of thirds and the golden ration. There is some extremely compelling writing and examples included also. Images for eye candy and preview, hit the link to go to the actual article.

The Golden Ratio

The rule of thirds

One of the things that I’ve found useful in a content matrix that I’ve been writing is using a character limit guide to see on a page at different font sizes the relative space a certain amount of text takes up. So I thought I would post it up in the manner my blog is accustomed to - ie. Other than anything else it is a repository of useful stuff and my own personal log book that is open to all under Creative Commons.

6 words / 30 Characters with spaces
On the other hand, enjoy life.

9 words / 40 Characters with spaces

On the other one, enjoy life and love it

10 words / 50 Characters with spaces
On the other one, enjoy life and prosper every day

10 words / 70 Characters with spaces
On the other hand, we thoroughly denounce with righteous indignation.

30 words / 172 Characters with spaces

On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire.

50 words / 281 Characters with spaces

On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who?

100 words / 459 Characters with spaces

On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammeled and when nothing prevents our being able to do what?

200 words / 1162 Characters with spaces

On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammeled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains.

Infography

by Ezra

Here’s a couple of nice infographics from Flickr. One of the things that really stands out, is that even though they are in a foreign language you can get a good idea what they are talking about just from the imagery. This is good IA. it reminds me of when I used to read comics without the words as a kid.


infography

Originally uploaded by cherrycore


Infografia

Originally uploaded by dgray_xplane

Next Page »