Mobile - UX/UI


 presentation link
Tool - Illustrator / Aftereffects / Socket.io / JAVASCRIPT / Invision

This is a mobile app that solves the world’s greatest problem…who gets to control the music playlist?
Jam-Jam is a multi-user mobile app that shuffles multiple music playists automatically through a simple competitve game.


I love music and we all love music. Music is always on in our lives. Music is powerful as it can change  the mood of the environment and the people that reside in it.

These shared musical spaces bring out strong emotional connections between each listener. Hip-hop, jazz, classical; All these different genres deliver all different emotions and moods, depending on where we are and who we are with.


However, sometimes an annoying situation happens when we are listening to music together with friends. Someone needs to control the music but it is hard to satisfy everyone because we all have different musical tastes.

If there are more than two people in the same room who have different musical tastes, Who will control the music?

There are several music services that people usually use these days, Spotify, apple music, youtube, they all have their own way to collaborate music list with others, but I wanted more fun and dynamic interaction and make people to participate in a real time.
These thought led to my next question.


How can I shuffle music playlists in a fair and equal way?
Based on this question, my goal was to find an answer to  this small dilemma in my own playful way.
I ended up with two key words,

"Competition"  +  "Shuffle"

Making people to compete for their music!
But I wanted the users to focus on the music-listening experience rather than the competitive action.

So I chose a simple and dynamic “shaking” interaction for the game.
It is fast and dynamic, so that users may quickly associate this action with the process of mixing music.

User case


Imagine you are chilling with your friends in your place having a home party or relaxing in Central Park or driving to somewhere.
You guys want to turn on some music, but whose music? There must be some people who want to control the music or maybe no one.

Make everyone to participate to share their music tastes. If someone wants to play his/her music more, than they should win the game,
and if someone doesn’t want to play his/her music, than let them just relax.


here is an example:

1. There are 3 players playing this app.  each player has 10 songs in their list.

2. The game will start and they will have to shake their phone as fast as they can within 5 seconds.

3. The game will start and they will have to shake their phone as fast as they can within 5 seconds.

4. Based on the score of each player, they will get different numbers of music to play.

5.  The app will shuffle the songs that the players created in the beginning and play the music automatically.

the highest scores from the game will get more opportunities to play his/her music.

User Flow

1. User will log-in or sign-up with their Spotify account.

2. Players will be able to get their playlist from Spotify and
add their music to their jam-jam playlist at the beginning of the game.

3. Next, there will be a create room and join room page.

4. One player will create a room with room name, player number,
room code and other players can join that room using the room code.

5. Players have to shake their phone as fast as they can within 5 seconds.
The game plays only once in the beginning, So if the player doesn’t shake fast,
they will only listen to few of their music for entire party.

6. After the game, they will be able to see the score and the ranking of the game
and based on that ranking It will generate the mixed music playlist.

7. Music will be played automatically and all of the Players can check the playlist.

8. If they like the music list, they can save it and get information
about the list whenever they want.
This is a quick video that shows the entire flow.

quick documentation


spotify API for the music  +  accelerometer sensor value for the game + Socket.io to connecct the players in realtime.

User test


At the very beginning, when I only had a very rough idea, I did a paper play test to see how the concept works to other people and see how the situation flows.


Next, I made a prototype using Invision that I can simulate my design like a real app, so users can actual interact with the page and see how it works without my explanation.


Tested with Invision version + working prototype.

I hope this playful experience can encourage people to share their music with friends and be happy while listening to music together.