sketches – Graham Todman freelance UI / UX product designer

Phrasewise English Learning iPhone and Android app

Graham — Fri, 01 May 2015 19:26:10 +0000

I was asked to do a UX review and help steer the design of Phrasewise, an English learning app. The app was already working well and looking really nice, but had some inconsistencies in the UI metaphor and was lacking the warmth and personality of the character animations that were the main feature of the app.

I ended up tweaking and re-drawing most of the app to give the styling a consistent voice. Some of the more novel interface concepts, which testing had shown were a bit too trixy, were replaced with more standard UI that users would be familiar with from native apps.

The app will launch in the next couple of months.

See some of the content and animations here

Sensoria Fitness iPhone app UI design – Sketches

Graham — Fri, 29 Aug 2014 18:41:18 +0000

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.

Last.fm homepage concepts sketches

Graham — Tue, 08 Jan 2013 11:14:53 +0000

Sketches for the “logged out” homepage of Last.fm. The purpose of the page is: to introduce the service, encourgae signup, and offer a taster of the content. In these initial sketches I was exploring the idea of focusing the page on the different use cases: listening to radio, scrobbling listening history, and music recommendations.

Scrobbler tablet & mobile music app design – sketches

Graham — Tue, 14 Aug 2012 14:52:33 +0000

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.

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…

or even better, here…

Music Hack Day – MOODmongr

Graham — Wed, 18 Jul 2012 20:08:11 +0000

Sketch for an idea for a hack day at Last.fm. The theme is “user profiles”. I’m working on a project with Mark Levy, who leads the Music Information Retrieval team, to chart the mood of a user’s listening over time using new audio analysis tagging. We will be testing it on the team first!

I call it MOODmongr

The results

In general, the moods were pretty even across the year’s listening of my test group; my team mates. This was largely due to the fact that we all have varied music tastes and use radio steams and playlists for variety. However there were a few spikes and points of interest:

Electronic music site logo – fine tuning

Graham — Wed, 30 May 2012 17:07:20 +0000

Electronic music site logo – sketches

Graham — Wed, 30 May 2012 16:58:49 +0000

I’ve been working on the branding of a new product creating a social space for the electronic dance music scene.

The current logo is the old "grpahic equaliser" - I developed that into a more abstract waveform, that then started to look look like the cut-out shape you see in a razor blade.

I have to get the whole DJ cliché out of the way. It was nice that the "J" could be worked into the arm of the deck.

Morphological matrix

After doing some research into the scene and some broad thinking on possible themes that might add personality to the brand, I start to sketch ideas using a “morphological matrix” as a way of organising the ideas, it also helps to make those lateral connections. Here’s the matrix as a whole…

Radio hack day – sketches

Graham — Mon, 07 May 2012 16:11:19 +0000

Last.fm Festivals “Brightest stars of 2012″ infographic – sketches

Graham — Wed, 11 Apr 2012 21:09:28 +0000

My initial idea for the infographic was based around a map, however when the data was ready it turned out the festivals at the top of the list were mostly in the UK and Belgium.

Books With Bite skteches

Graham — Mon, 09 Apr 2012 13:51:35 +0000

Website sketches for Hachette publishing to promote their Vampire Young Finction ranges, called “Books With Bite”.