About

iOS Music Player Redesign

Overview

After using the iOS Music player on my iPhone for several years, I find it really difficult to access albums or songs from the now playing screen. The iOS redesign focuses on an updated style that represents a better a modern approach to User experience and design trends.

Problem

One of the main problem with the current iOS music player was that it took almost 7 clicks to access the albums screen or even to get to the songs screens. The second problem I had with the music player was that I could not really skip the song or perform any acitons to the current song while browsing the albums or artists or any other screen apart from the now playing screen.

Another issue was the feature to add a song to the current playlist from the songs list or to delete the multiple songs was really hard.

Research

After identifying the problem, I did a little research on how other popular music players are designed, also spoke to couple of my friends to understand if they also happen to face the similar problems. Based on my research I found that users are not able to perform certain action because of the limited user experience with the current ios player.

Around 60% of the users wanted to have an option of having the operations performed for a song while they were browsing other screens in the music player. About 40% of the users did mention about finding it really difficult to delete multiple songs and also unable to access the albums easily.

Some of the key things to look for in obersvation is

  • What gets the users to start their task
  • How will the user know that the task is completed
  • what are expected for the user to start the task
  • what are required for them to complete the task

Wireframes

Wireframes are very helpful while creating a design. It shows the dependency between the screens. It helps you to work faster with fewer details to visual elements and focuses more on the user flow and user experience.

The Design

After a long iteration period, it was time for the visual designs. I created all the designs and interactions for the UI.

Gestures and Animations

The new design really solves the problem of accessing the albums, songs and other options. Just swipe left on the now playing screen and you can view all the songs for the current album. Swipe left again and you can perform several other functions including accessing the albums screen.

As you swipe left on the screen the music controls slide down and are easily accesable from any screen on the ios player.

To delete, add to playlist or favorite and song simple swipe left on the song. I also designed a list of alphabets for providing an easy access to locate the songs.

Go Back

previous project next project