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.

The webby awards site has a really nice flash interface for browsing the 12th annual webby awards nominees and winners. In short all the sites up for a silver spring are represented by a small icon about the size of a favicon. Then there are filters that can be applied located along the bottom of the interface to filter by winner type, media type, trends, and location. There’s been a couple of times where I’ve been browsing the categories to see what’s what, and been frustrated by the long extended pagination of the site. The flash previewer deals with browsing fantastically though.

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.

Hurrah, I finally got my lastgraph user information crunched for lastFM. It is a very cool tool I must say. The poster functionality is superhot and appeals to all the right parts of my data/geek personality.

Lastgraph timeline (click for the full size image)

Lastgraph timeline

Lastgraph poster (click for the full size image)

Lastgraph poster

Lastgraph poster red super detail version (click for the full size image)

Super Lastgraph red


BMW show that they are thinking outside the square with this beautiful concept on skinning cars. It is great to see leading designers and manufacturers continuing on a path of innovation and pushing the boundaries of the everyday. After all, it’s very easy to get caught up in conventions that are outdated because of familiarity. This is something that I need to build into my everyday thinking as an IA. It is extremely important as an IA to know the conventions of the web and design sites around usability. But the real exciting part of the job is finding the opportunities to break conventions in an innovative way. This is what BMW are doing with this design concept. They are shocking people in a really attractive way to think outside the square. This is design on the edge (to use a cliché) where creativity redefines convention. Bravo BMW, bravo.

via [37 signals]

« Previous PageNext Page »