Skip to main content

Redesigning the MySpace music player

Originally a major competitor to Facebook, MySpace has evolved from a being a place for 'friendships' to an important site in digital music. Like Facebook, artists can create profile pages for fans to follow but artists can also embed songs into a music player for fans to listen to. This functionality has really opened the door for discovering new music (especially for new artists who don't have a label or a means of distribution and marketing). However, MySpace's music player (above) suffers from some usability issues including small controls and an inefficient screen layout.

When advancing through a song, users have to move a very small slider control that requires unnecessary precision. An improved, larger control would be much easier to click and drag than the current small rectangle shape. Also, the two-row layout of songs in the artist's queue is inefficiently designed. A maximum of only five songs can be listed in the queue at one time and then users have to scroll to see more. Compressing the layout of the queue slightly (suggested wireframe below) by using a one-row design would maintain the song information (song name, artist name, # of plays) and '+' control while displaying more songs and improving the user experience of the player.

Comments

Popular posts from this blog

A site map for a music application

For the past several months, I've been working with the CHIRP Radio volunteer tech team to design a mobile solution that allows station DJs to plan out their weekly shows. At a high level, a DJ should be able to browse and select songs from a massive music library, and add them to one or more playlists, which can be used for their shows. The app also has functionality like the ability to read album reviews, view recent activity by DJs in the app, and review a DJ's profile.
A site map is an important artifact when designing any application or website. It shows how the overall navigation should be structured, can be used with end users to validate the taxonomy, and is helpful for developers as a companion to wireframes or mockups.
Below is a site map I recently created for the project. The highest level navigation options are lighter in color, while as the user navigates deeper, darker colors are used to represent those options. The coloring isn't necessarily a known best p…

This Is My Jam - a well-designed, responsive web application

This Is My Jam is a music app that lets users share one song at a time with others. If there’s a song that you absolutely love right now and want to the world to know about it (which I often do), you can select the song, post it to your page and tell the world ‘this is my jam!’. Not only is the app’s value unique but the user experience is good, specifically when it comes to choosing a new jam. 
First of all, the app is responsive, slightly changing the layout of screens according to users’ device sizes. This is important because it delivers a consistent experience from web to mobile (without having to learn or download a separate native app) while the folks at This Is My Jam only have to maintain one web experience that adapts to users’ devices (that is, they don’t have to manage a web AND native mobile experience and all it entails). 
And this isn’t just some responsive web site where the content shifts around - this is a web application, folks, and it’s not easy to do. Web applicatio…

Apple Music UX - why navigation to settings is a challenge

In the first of a series of UX reviews of Apple Music, I focus on navigation, one of the most important UI aspects of any music app. When we talk about navigation, we're referring to a user's understanding where of they are and how they predictably and easily get to various areas or features of an app.

First of all, I really like Apple Music for several reasons: the pictures of artists and large album art, tighter integration with iTunes, improved playlist management on mobile, Beats 1, the potential of Connect and other things which I may write about later.

But when it comes to the navigation, the app suffers in a few ways. I've read (and heard) about some issues with the overall navigation model, that it's difficult to remember where you are and how to get back to where you were. I've experienced the same thing - but I'd like to focus on a few specific things I frequently use: a new option that allows a user to see only tracks downloaded to the phone, and gener…