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

Asset Mapping prototype web app for managing buildings, sites or whole cities

Asset Mapping wireframe

Timeline_View-AssetMapping-GTdesign-20140114

Wireframe prototype for Asset Mapping. If you are responsible for a new building development or are in charge of city planning, keeping track of the installation and maintenance of hundreds of security cameras, air conditioning units, lights, etc is a massive juggling act. Asset Mapping is an app that centralises all assets feeds and displays everything on an easy to use map and timeline of repairs.

A mobile or tablet version of the app would help contractors find the right place to fit an asset, and it will be easier to find and repair an asset that needs servicing later.

The app creates a real time secure Google map of the physical assets of new developments or buildings or even cities, such as: security cameras, air conditioning units, etc. The CAD file or plan of the development is given Google map coordinates. The app then links up with real time API feeds of the status and location of all assets in one place.

My main role here was information architecture and to prototype the interface. My approach was to break out a navigation structure by themes, separating the modes of viewing the information (by: list / map / table / time) from the hierarchy of asset information (site / zone / level / asset type ).

It is a very complicated piece of software with lots of moving parts, made simple by use of sorting, filtering and folder style navigation.

See Assetmapping.com for more information.

Asset Mapping prototype asset geo tracking app

Project_New_Start-AssetMapping-GTdesign-20140123

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.

Tablet music discovery app – concepts & user-flows

Tablet ap concept - main "artist" grid view

Brief: Conceptualise and a music discovery app for WebOS. Timeline: 1-2 weeks.

Concepts, wireframes and visual design for a Last.fm music discovery app. Currently without a stable home (As of 18 Aug).

Artists screen

Tablet app concept - slideshow playing mode

Tablet app - "Artists listener stats view"

Tablet app - "Cold start" view - a tool to quickly add artists to your library

Wireframes below – the notes have ben removed (so I don’t have to worry about too many typos out in the wild ; ) !

Tablet app - major screens map

Cold start experience – a way for new users to quickly add artists to their library

Exploring artists and recommendations

Exploring artist’s biography, images and top tracks

Playing personalised radio with slide show and listening stats overlay

GUI doc

Initial sketches of the interaction model

Browsing music artists using touch gestures model 1

Browsing music artists using touch gestures model 2