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

Scrobbler tablet & mobile music app design – wireflows

Wireflows for iPad local playlisting music app
Launch flow and "music moods" playlisting using machine music analysis tags

 

Wireflows for iPad local playlisting music app
Exploring local music collection with listening data sorting and meta.

 

Wireflows for iPad local playlisting music app
Profile screen and music listening stats views

Wireflows for the local music library stats and playlists app I’m working on.

New starter email campaign user flow

New starter email user flow diagram created in Omnigraffle

This is a quick user flow to sketch out an email stratergy for communication with new starters, offering prompts to fill profiles, engage with the service, or hints and tips as a response to (or lack of) user activity.

The flow chart was done in Omnigrafle, with which I have a love/hate relationship. I think the auto alignment features are incredible, but as a designer it feels a bit like backseat driving.