wireflow – 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
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
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
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
Books With Bite skteches http://grahamtodman.co.uk/blog/2012/04/books-with-bite-skteches/ http://grahamtodman.co.uk/blog/2012/04/books-with-bite-skteches/#respond Mon, 09 Apr 2012 13:51:35 +0000 http://grahamtodman.co.uk/blog/?p=1287 Website sketches for Hachette publishing to promote their Vampire Young Finction ranges, called “Books With Bite”.

Books With Bite wire flow sketch

]]>
http://grahamtodman.co.uk/blog/2012/04/books-with-bite-skteches/feed/ 0
iPad app concepts for Time Out http://grahamtodman.co.uk/blog/2012/04/ipad-app-concepts-for-time-out/ http://grahamtodman.co.uk/blog/2012/04/ipad-app-concepts-for-time-out/#respond Sat, 07 Apr 2012 13:10:32 +0000 http://grahamtodman.co.uk/blog/?p=1257 Time Out London iPad app concepts

Time Out London iPad app concepts

Time Out London iPad app concepts

User flows

Time Out London iPad app concepts

Time Out London iPad app concepts

]]>
http://grahamtodman.co.uk/blog/2012/04/ipad-app-concepts-for-time-out/feed/ 0
Last.fm Festivals app – wireframes http://grahamtodman.co.uk/blog/2012/03/last-fm-festivals-app-wireframes/ http://grahamtodman.co.uk/blog/2012/03/last-fm-festivals-app-wireframes/#respond Wed, 28 Mar 2012 17:18:11 +0000 http://grahamtodman.co.uk/blog/?p=2213 User flow for festival finder iPhone app
User flow for festival finder iPhone app

Last.fm festival finder iPhone app wireframes

Last.fm festival finder iPhone app wireframes

Last.fm festival finder iPhone app wireframes

Last.fm festival finder iPhone app wireframes

Last.fm festival finder iPhone app wireframes

]]>
http://grahamtodman.co.uk/blog/2012/03/last-fm-festivals-app-wireframes/feed/ 0