Skip to main content

The MOG slider

MOG is a social networking site for people obsessed with music. In addition to connecting users with similar music tastes, they can create blog posts and manage their own profile pages. The site recently launched MOG All-Access which provides (for $5 per month) unlimited artist radio and on-demand listening (choosing any song you want at any time).

After searching for and selecting an artist or song, the music player launches containing one of the best features of the MOG user experience - a slider control that lets users narrow or expand the variety of an artist radio station. Initially, the slider is positioned all the way to the left playing only songs by that artist but, by moving the slider to the right, it incrementally increases the amount of similar artists in the queue. It works really well and gives users effecient control over their music while letting them also discover new artists.

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…