Last.fm charts wireframe & user flow

The plan for the new charts page was to make it more dynamic by including location and tag/genre filtering. In addition to this we were considering intergrating personal user listening charts. Although user charts were for a later iteration, this wireframe needed to workout the overall IA to prepare for the later development work.

Last.fm charts wireframes & user flow

Filtering UI wireframe

Last.fm charts UX & visual design

Last.fm Charts style

I’ve been working on a refresh of the “Charts” section of the Last.fm site, including a new filtering options for “Hype”, “Top Artists” and “Top Loved Track”. This first launch only includes filtering by date, a later release will include “genre” and “location” filters, so that you’ll be able to can see the best “electronic” music or “black death metal” in your home town. Have a play at last.fm

Last.fm charts UX and visual design

Last.fm charts UX and visual design

Last.fm artist charts UX and visual design

Last.fm artist charts wireframes and user flows

Last.fm charts UX wireframes and user flows

Last.fm charts UX wireframes and user flows

Last.fm charts UX wireframes and user flows