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

Sensoria Fitness iPhone app UI design – Sketches

Sensoria wearable tech running iPhone app sketches

Sensoria wearable tech running iPhone app sketches

Sensoria wearable tech running iPhone app sketches

I’m very excited to be working with Heapsylon on an iPhone app for their amazing Sensoria, a super accurate fitness tracker that connects your iPhone to a smart sock and sensor that tells you how well you run. Wearable technology and smart fabrics are a fascinating new form factor, and as a runner I’m very keen to get hold of a prototype as soon as I can. Click here to pre-order yours.

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.

Prototype music track list UI

Last.fm track list player UI design

New playable track list UI style for artists and catalogue pages.

Objectives:

  • Make a distinction betwen full playable tracks and 30 second previews
  • Create a player module to play all tracks avaible
  • An expandable ajax panel to get track info, stats and content in position to increase engagement.
  • Add improved e-commerce features, including the ability to buy a list of tracks in one.

JustGo Music – Beta design specification

http://grahamtodman.co.uk/blog/wp-content/uploads/2012/06/JustGoMusic-Feed-v4.png

Responsive design for navigation

Here is some work I’ve been doing on the Beta site for JustGo Music, which has just gone live. We’re worknig in agile, so designing by component rather than finished pages. The UI designs feature responsive behaviour for tablet and mobile, and a baseline grid to align posts across columns. See justgomusic.com

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.