user experience – 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 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
Time Out City Guide iOS mobile apps – card sorting exercise http://grahamtodman.co.uk/blog/2012/04/time-out-travel-app-card-sorting-exercise/ http://grahamtodman.co.uk/blog/2012/04/time-out-travel-app-card-sorting-exercise/#respond Tue, 10 Apr 2012 11:21:00 +0000 http://grahamtodman.co.uk/blog/?p=1376 To get some inspiration and user focus for design the Time Out City Guide apps I interviewed users about their use of information while travelling, and then asked them to sort cards to arrange possible travel app features in order of importance.

Time Out travel app card sorting exercise

]]>
http://grahamtodman.co.uk/blog/2012/04/time-out-travel-app-card-sorting-exercise/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 charts UX & visual design http://grahamtodman.co.uk/blog/2011/12/last-fm-new-charts-ux-and-visual-design/ http://grahamtodman.co.uk/blog/2011/12/last-fm-new-charts-ux-and-visual-design/#respond Mon, 12 Dec 2011 15:46:17 +0000 http://grahamtodman.co.uk/blog/?p=1005 Continue reading Last.fm charts UX & visual design]]> Last.fm Charts style

I’ve been working on a refresh of the “Charts” section of the Last.fm site, including a new filtering options for “Hype”, “Top Artists” and “Top Loved Track”. This first launch only includes filtering by date, a later release will include “genre” and “location” filters, so that you’ll be able to can see the best “electronic” music or “black death metal” in your home town. Have a play at last.fm

Last.fm charts UX and visual design

Last.fm charts UX and visual design

Last.fm artist charts UX and visual design

Last.fm artist charts wireframes and user flows

Last.fm charts UX wireframes and user flows

Last.fm charts UX wireframes and user flows

Last.fm charts UX wireframes and user flows

]]>
http://grahamtodman.co.uk/blog/2011/12/last-fm-new-charts-ux-and-visual-design/feed/ 0
Testing in the lab at Flow Interactive http://grahamtodman.co.uk/blog/2011/07/testing-in-the-lab-at-flow-interactive-2/ http://grahamtodman.co.uk/blog/2011/07/testing-in-the-lab-at-flow-interactive-2/#respond Wed, 06 Jul 2011 11:11:28 +0000 http://grahamtodman.co.uk/blog/?p=711 Continue reading Testing in the lab at Flow Interactive]]> My favorite place: testing stuff in the lab behind a one-way mirror. I moderated a couple of the sessions, which were with existing LFM users. We hired the excellent user research fascilities at Flow Interactive in Clerkenwell, mostly because they have air-con and a fridge full of coke.

20110706-123235.jpg

We made notes on post-its, one observation per note, with quotes from users to back up observations. We used rolls of brown paper to collect and store the notes for taking away later, the paper was divided into the broad themes we were testing. Back at the office we sorted the post-its more thoroughly into columns under more exacting topics. Several people were taking notes so we had to de-dupe, however it was important to keep similar comments if made by different users, as this indicates that the issue might be more common to a wider group.

The death of a thousand notes

20110708-105931.jpg

Affinity Sorting

The next step is to do an “affinity sort” to look at each comment individually and sort them into groups based on perceived patterns, rather than features. It’s important to start quite freely and not to place a heading above the group or draw a conclusion too quickly. It’s basically finding groupings based on a gut feeling that different users were having similar issues. In this research session we were testing different features, such as “Events & Festivals” and “Artist Library”. In afinity sorting I noticed that a user who couldn’t find  their recommended events was probably having a similar issue to a user who couldn’t find their recommended artists in the “library” section. These two notes were moved from their former “feature” headings into a new group called: “Issue with finding personal recs”. The issue had nothing to do with events or radio, it was a issue around users needing a uniform place to access all their personalised info.

BEFORE: Basic sorting by feature or topic

20110712-114148.jpg

AFTER: Sorted by affinity – patterns emerge

Affinity sorting notes from a user experience research session.

]]>
http://grahamtodman.co.uk/blog/2011/07/testing-in-the-lab-at-flow-interactive-2/feed/ 0