iPad – 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 App design for iPhone and Android http://grahamtodman.co.uk/blog/2014/08/app-design-for-iphone-and-android/ http://grahamtodman.co.uk/blog/2014/08/app-design-for-iphone-and-android/#respond Fri, 08 Aug 2014 21:43:23 +0000 http://grahamtodman.co.uk/blog/?p=2750 Continue reading App design for iPhone and Android]]> Sensoria Apple Watch app design

Apple Watch app designer

Phrasewise English Learning app

Phrasewise English language learning iPhone app

Phrasewise English language learning iPhone app

Sensoria Fitness Wearables iPhone app

Connects to sensor filled sports wear for iPhone and Android

Sensoria Fitness iPhone & Android app design

Sensoria Fitness iPhone app

Justgo

Music posting app for DJs on iPhone

Justgo music posting app for DJs on iPhone

Justgo music posting app for DJs on iPhone

Grape

Location based social meetup app

Grape iPhone app screens

Last.fm Scrobbler

Playlist app to help you discover you music collection on iOS (iPhone and iPad) and Android

Scrobbler music playlisting iPhone & Android app design

Last.fm Scrobbler iPad and iPhone app - artists view

Last.fm Scrobbler ap for iPad and iPhone - now playing view

Last.fm Scrobbler playlisting iPad / iPhone music app

Last.fm Festival Finder app

Uses your music taste and listening history to find the best summer music festivals for you

Last.fm Festivals iOS iPhone app

Last.fm Festivals iOS iPhone app

Last.fm Music Discover app

Explore your music collection via similar artists on WebOS

Tablet music app

tabletscreen04

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

Time Out City Travel Guide apps

Find the best restaurant and things to do nearby on iPhone

Time Out Travel Guide iPhone apps

iphonetravel1

]]>
http://grahamtodman.co.uk/blog/2014/08/app-design-for-iphone-and-android/feed/ 0
Scrobbler tablet & mobile music app design http://grahamtodman.co.uk/blog/2012/12/last-fm-scrobbler-playlisting-ipad-iphone-music-app/ http://grahamtodman.co.uk/blog/2012/12/last-fm-scrobbler-playlisting-ipad-iphone-music-app/#respond Mon, 10 Dec 2012 16:44:53 +0000 http://grahamtodman.co.uk/blog/?p=1956 Continue reading Scrobbler tablet & mobile music app design]]> Last.fm tablet & mobile iOS iPad & iPhone app – Scrobbler

Available on the app store

Features

  • Enhance your music collection on iPad & iPhone
  • Smart playlists created for your mood and favourite genres
  • Artist galleries and listening stats
  • Scrobble* music to your Last.fm profile
  • See who’s on tour

Last.fm Scrobbler iPad and iPhone app - artists view

Last.fm Scrobbler ap for iPad and iPhone - now playing view

Last.fm Scrobbler iPad and iPhone app - smart playlisting

*scrobble: skrob·bul (ˈskrɒbəll) [verb]
To automatically add the tracks you play to your Last.fm profile with a piece of software called a Scrobbler
If I’m not scrobbling the music I hear, it doesn’t count!

]]>
http://grahamtodman.co.uk/blog/2012/12/last-fm-scrobbler-playlisting-ipad-iphone-music-app/feed/ 0
Scrobbler tablet & mobile music app design – icon family V1 http://grahamtodman.co.uk/blog/2012/11/last-fm-music-iphone-ipad-music-apps-icon-family-v1/ http://grahamtodman.co.uk/blog/2012/11/last-fm-music-iphone-ipad-music-apps-icon-family-v1/#respond Thu, 15 Nov 2012 11:53:58 +0000 http://grahamtodman.co.uk/blog/?p=1942 Continue reading Scrobbler tablet & mobile music app design – icon family V1]]>

Following the iOS design principle of “do one thing really well” we decided to spilt the Last.fm service into three distinct apps which serve clearly different use: radio streaming, exploring and scrobbling your music collection, and finding events to see. This meant coming up with a family of icons that were different enough to be distinct, yet belonged together and clearly reflected the brand.

The solution was inspired in part by the style of exisiting brand illustrations, but simplified and using geometric shapes. Each icon has a loose concept:

Radio: (Obvious!) is personal radio, so radiating waves… no brainer.
Scrobbler: The Scrobbler enhances your local music collection with Last.fm UGC tagging data and creates automated personal playlists. The icon shows inverted triangles, representing  focusing lots of music down to the point of the tracks you really want to listen to.
Events: The icon shows a horizon with points radiating out, representing the points of a globe where you can see your music live.

]]>
http://grahamtodman.co.uk/blog/2012/11/last-fm-music-iphone-ipad-music-apps-icon-family-v1/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
Smart playlisting music app – demo http://grahamtodman.co.uk/blog/2012/10/last-fm-instant-playlisting-by-mood-genre/ http://grahamtodman.co.uk/blog/2012/10/last-fm-instant-playlisting-by-mood-genre/#respond Mon, 08 Oct 2012 15:39:42 +0000 http://grahamtodman.co.uk/blog/?p=1925 Continue reading Smart playlisting music app – demo]]> I’ve been working with our MIR team (Music Information Retrieval) on the new instant playlisting engine, designed to provide instant playlists from collections of any size.

The guys have created a playlisting demo which you can try out against your Last.fm profile. Please ty it out give us your feedback. You can also read Mark Levy’s background to the technology on the Last.fm blog.

My part in this has been to think about the user experience and ensure that the catagories we choose to create fit with the natural expectation and behaviors that people use when making their own playlists. This engine will form part of a new iOS product I’m designing for Last.fm.

]]>
http://grahamtodman.co.uk/blog/2012/10/last-fm-instant-playlisting-by-mood-genre/feed/ 0
Scrobbler tablet & mobile music app design – sketches http://grahamtodman.co.uk/blog/2012/08/local-playlisting-ipad-iphone-music-app-sketches/ http://grahamtodman.co.uk/blog/2012/08/local-playlisting-ipad-iphone-music-app-sketches/#respond Tue, 14 Aug 2012 14:52:33 +0000 http://grahamtodman.co.uk/blog/?p=1644 Here are some sketches on an iOS app I’m currently working on, laying out possible ways to interact with your local music collection using listening data.

Last.fm iPad music app - playlisting sketch

Last.fm iPad music app - your artists sketch

Last.fm iPad music app - artist detail sketch

Last.fm iPad music app - play mode sketch

Last.fm iPad music app - profile sketch

Last.fm Scrobbler iPhone iOS sketches

Last.fm Scrobbler music app for iPhone sketch

iPad app sketches - first iteration
This first sketch was a quick pass of how to lay the app out using floating frames, before I moved onto simpler and more interesting interactions.

I like to sketch here…
20120723-124538.jpg

or even better, here…

20120718-212818.jpg

 

]]>
http://grahamtodman.co.uk/blog/2012/08/local-playlisting-ipad-iphone-music-app-sketches/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
iPad app concept sketches for Time Out http://grahamtodman.co.uk/blog/2012/04/ipad-app-concept-sketches-for-time-out/ http://grahamtodman.co.uk/blog/2012/04/ipad-app-concept-sketches-for-time-out/#respond Sat, 07 Apr 2012 12:38:07 +0000 http://grahamtodman.co.uk/blog/?p=1244 Continue reading iPad app concept sketches for Time Out]]> In my last few months at Time Out I was asked to create some concepts for a Time Out London iPad app. The designs were intended as a discussion point for possible commercial opportunities such as advertising and paid-for content, but also to have something visual to get excited about.

Time Out are the best known for providing “What’s on” information for London to help people find something to do, but they also have strong editorial content on life in London, such as: opinion pieces, cultural commentary and reviews.

The brief I was given for this app concept was that it should feel like a magazine, but have a prominent search facility, however as started mapping out the use cases (below)  I quickly came to the conclusion to  that there should be a browsable magazine style app (this was a whole year before Newstand and Adobe’s iOS publishing tools), and a separate productivity app for finding things to do. In general, apps are best when they are focused on one purpose or solving one user goal, which makes for a simpler UI. For me, the use case of a productivity tool and a sit back and browse a magazine felt somewhat at odds with each other.

Time Out London iPad concept sketches

Time Out London iPad app concept sketches

Time Out London iPad app concept sketches

Time Out London iPad app concept sketches

]]>
http://grahamtodman.co.uk/blog/2012/04/ipad-app-concept-sketches-for-time-out/feed/ 0