RunnerUsingPhone_cropped.jpg

itunes - Clean iteration

When was the last time you used the itunes app to navigate your playlist? I tend to use alternative hardware like my headphones or watch to find my favorite song but one day I had neither. I made the mistake of leaving them both at home before my run. The next five miles of running and pressing the wrong buttons highlighted several usability issues with certain screens. The documents below are the results of creating alternate screens to solve each pain point.

The Problem

As an active user, I tend to use the app while in motion. When running, many of the tap zones are nearly impossible to hit correctly without coming to a complete stop. In my iteration, users will have larger tap zones and less repetition.

Objectives

  1. Add functionality to areas of the screen that are currently just for display.

  2. Remove redundancy between screen and hardware controls.

  3. Bring all navigation above fold.

  4. Enlarge buttons and tap zones to reduce mistaps.

  5. Enlarge album artwork.

Pain Points

Step one to this redesign was to put my pain points on paper. As seen above, most of the music player page consists of imagery but the size has left minimal area for function. Certain functions are nearly impossible to use while static so active users have most likely abandoned these areas.

Click the image to enlarge

Below the fold

One very perplexing portion of the design was the decision to hide the shuffle and repeat buttons below the fold. These are two major functions that aid in the listening experience.

Click the image to enlarge

 

Wireframes

Click on the image to enlarge

Mockup

Click on the image to enlarge

 

Mockup Notes

Click on the image to enlarge

second image example

Click on the image to enlarge

 

Taps and flow

“New Look” Promo