user flow – Graham Todman freelance UI / UX product designer http://grahamtodman.co.uk/blog Wed, 07 Oct 2015 20:00:38 +0000 en-US hourly 1 https://wordpress.org/?v=4.4.2 Last.fm charts wireframe & user flow http://grahamtodman.co.uk/blog/2015/02/last-fm-charts-wireframe-user-flow/ http://grahamtodman.co.uk/blog/2015/02/last-fm-charts-wireframe-user-flow/#respond Tue, 10 Feb 2015 09:24:04 +0000 http://grahamtodman.co.uk/blog/?p=1358 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

]]>
http://grahamtodman.co.uk/blog/2015/02/last-fm-charts-wireframe-user-flow/feed/ 0
Sensoria Fitness iPhone app UI design – Sketches http://grahamtodman.co.uk/blog/2014/08/sensoria-wearable-tech-app-design-sketches/ http://grahamtodman.co.uk/blog/2014/08/sensoria-wearable-tech-app-design-sketches/#respond Fri, 29 Aug 2014 18:41:18 +0000 http://grahamtodman.co.uk/blog/?p=2405 Continue reading 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.

]]>
http://grahamtodman.co.uk/blog/2014/08/sensoria-wearable-tech-app-design-sketches/feed/ 0
Scrobbler tablet & mobile music app design – wireflows http://grahamtodman.co.uk/blog/2012/11/local-playlisting-ipad-iphone-music-app-wireflows/ http://grahamtodman.co.uk/blog/2012/11/local-playlisting-ipad-iphone-music-app-wireflows/#respond Thu, 15 Nov 2012 11:44:36 +0000 http://grahamtodman.co.uk/blog/?p=1697 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.

]]>
http://grahamtodman.co.uk/blog/2012/11/local-playlisting-ipad-iphone-music-app-wireflows/feed/ 0
Prototype music track list UI http://grahamtodman.co.uk/blog/2012/09/prototype-music-track-list-ui/ http://grahamtodman.co.uk/blog/2012/09/prototype-music-track-list-ui/#respond Tue, 11 Sep 2012 15:23:41 +0000 http://grahamtodman.co.uk/blog/?p=1221 Continue reading 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.
]]>
http://grahamtodman.co.uk/blog/2012/09/prototype-music-track-list-ui/feed/ 0
JustGo Music – Beta design specification http://grahamtodman.co.uk/blog/2012/07/justgo-music-beta-design-specification/ http://grahamtodman.co.uk/blog/2012/07/justgo-music-beta-design-specification/#respond Wed, 04 Jul 2012 14:46:35 +0000 http://grahamtodman.co.uk/blog/?p=1677 Continue reading 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

]]>
http://grahamtodman.co.uk/blog/2012/07/justgo-music-beta-design-specification/feed/ 0
Radio hack day – sketches http://grahamtodman.co.uk/blog/2012/05/radio-hack-day-sketches/ http://grahamtodman.co.uk/blog/2012/05/radio-hack-day-sketches/#respond Mon, 07 May 2012 16:11:19 +0000 http://grahamtodman.co.uk/blog/?p=1601

]]>
http://grahamtodman.co.uk/blog/2012/05/radio-hack-day-sketches/feed/ 0
Time Out City Guide iOS mobile apps – user flows http://grahamtodman.co.uk/blog/2012/04/time-out-travel-app-user-flows/ http://grahamtodman.co.uk/blog/2012/04/time-out-travel-app-user-flows/#respond Tue, 10 Apr 2012 10:06:05 +0000 http://grahamtodman.co.uk/blog/?p=1369 Time Out travel app user flow

Time Out travel app user flow

]]>
http://grahamtodman.co.uk/blog/2012/04/time-out-travel-app-user-flows/feed/ 0
New starter email campaign user flow http://grahamtodman.co.uk/blog/2012/04/new-starter-email-campaign-user-flow/ http://grahamtodman.co.uk/blog/2012/04/new-starter-email-campaign-user-flow/#respond Mon, 09 Apr 2012 19:08:16 +0000 http://grahamtodman.co.uk/blog/?p=1211 Continue reading 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.

]]>
http://grahamtodman.co.uk/blog/2012/04/new-starter-email-campaign-user-flow/feed/ 0
Last.fm tablet music discovery app concept sketches http://grahamtodman.co.uk/blog/2012/04/last-fm-tablet-music-discovery-app-concept-sketches/ http://grahamtodman.co.uk/blog/2012/04/last-fm-tablet-music-discovery-app-concept-sketches/#respond Mon, 09 Apr 2012 15:20:28 +0000 http://grahamtodman.co.uk/blog/?p=1322

Last.fm tablet music discovery app concept

Last.fm tablet music discovery app concept

Last.fm tablet music discovery app concept

Last.fm tablet music discovery app concept

Last.fm tablet music discovery app concept

Last.fm tablet music discovery app concept

]]>
http://grahamtodman.co.uk/blog/2012/04/last-fm-tablet-music-discovery-app-concept-sketches/feed/ 0
Social share UI wireframe http://grahamtodman.co.uk/blog/2012/04/share-panel-wireframe/ http://grahamtodman.co.uk/blog/2012/04/share-panel-wireframe/#respond Mon, 09 Apr 2012 14:48:07 +0000 http://grahamtodman.co.uk/blog/?p=1313

]]>
http://grahamtodman.co.uk/blog/2012/04/share-panel-wireframe/feed/ 0