UX design – 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 Sensoria Fitness iPhone app UX design – Wireframes http://grahamtodman.co.uk/blog/2015/04/sensoria-fitness-tracker-iphone-app-ui-design-wireframes/ http://grahamtodman.co.uk/blog/2015/04/sensoria-fitness-tracker-iphone-app-ui-design-wireframes/#respond Sat, 04 Apr 2015 18:54:20 +0000 http://grahamtodman.co.uk/blog/?p=2412 Sensoria Fitness iPhone app UI design - Wireframes

Sensoria Fitness iPhone app UI design - Wireframes

Sensoria Fitness iPhone app UI design - Wireframes

Sensoria Fitness iPhone app UI design - WireframesV1 Beta

Sensoria wearable tech running iPhone app wireframes

Sensoria wearable tech running iPhone app wireframesSensoria wearable tech running iPhone app wireframes

Wireframes for an iPhone app for Sensoria, a super accurate fitness tracker that tells you how well you run.  Click here to pre-order yours.

]]>
http://grahamtodman.co.uk/blog/2015/04/sensoria-fitness-tracker-iphone-app-ui-design-wireframes/feed/ 0
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
Asset Mapping prototype web app for managing buildings, sites or whole cities http://grahamtodman.co.uk/blog/2014/08/asset-mapping-prototype-asset-geo-tracking-app/ http://grahamtodman.co.uk/blog/2014/08/asset-mapping-prototype-asset-geo-tracking-app/#respond Tue, 12 Aug 2014 20:33:57 +0000 http://grahamtodman.co.uk/blog/?p=2836 Continue reading 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

]]>
http://grahamtodman.co.uk/blog/2014/08/asset-mapping-prototype-asset-geo-tracking-app/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
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
Last.fm charts concept wireframes http://grahamtodman.co.uk/blog/2012/04/last-fm-listening-trend-concepts-wireframes/ http://grahamtodman.co.uk/blog/2012/04/last-fm-listening-trend-concepts-wireframes/#respond Mon, 09 Apr 2012 14:19:41 +0000 http://grahamtodman.co.uk/blog/?p=1307 Concepts for user listening trend graphs for Last.fm showing how much music a person scrobbles from day to day, and how much they are discovering new music or listening to old favourites.

Last.fm listening trend chart design concept wireframes

Last.fm listening trend chart design concept wireframes

Last.fm charts page concept wireframes

Last.fm charts page concept wireframe

]]>
http://grahamtodman.co.uk/blog/2012/04/last-fm-listening-trend-concepts-wireframes/feed/ 0