Jive ♫

With a exceptionally fast paced few days, we have wrapped up week 1. Covering everything from becoming familiar with what a User Experience designer is and how that translates into work to making paper prototypes. With GA, this week we learned how to actively assess and use our UX design chops. Day 2 we were given our first project, we were prompted to design the concept for an app. Breaking us into three sections, a category was assigned to each of us and I was given media player. This post will walk you through my step by step process on how I got the idea for my app, Jive.

Research

In order to appeal to the user we conducted interviews asking our peers their app usage. Going in with a list of 6 broad questions, I began to mentally narrow down my questions after seeing trends in the answers. I asked my interviewees about their most frequented music apps, when they were using them, if they shared music with others, and what they wanted out of a music player.

As someone who is a big music nerd, I came in with expectations. The more people I asked the more I realized each persons views differed from my own. One of the most frequently stated words were

“I like sharing music but not publicly”

Seeing a pattern I moved onto my next step of research, affinity mapping. Writing down everything from my interviews down onto sticky notes I categorized my finds into

context
behaviors
pleasures
pains

As the sticky notes formed stacks, this illustrated clear patterns. Themes like people using Spotify and/or Pandora (although not for sharing), people liked sharing music but would rather do so directly with an individual, and having access to precreated playlists or being able to make their own. This process helped me come up with my problem statement:

I need to be able to listen and share music within one application

Sketching

Once we had figured out our problem statements we moved onto learning how to create lo-fidelity and high-fidelity mockups. We designed our first “draft” or initial mockup of our app.

I came up with the idea to share music within an music app. Selecting the individual you want to receive the given song, and they would be able to hear a quick preview of the song. The user could go to their own playlists or go to the browse page that has pre-created playlists and upon listening to a song that they wanted to share, they would click over to their friends list and send it directly to the person(s) selected. Clearly, there were many iterations to be done. I received great feedback that helped me go into and pick apart what could stay and what needed improvement.

Prototyping/User Testing

Next step was conducting user testing. In order to view how the user would interact with the product, we used a prototyping app called POP. I went into my first user test prematurely, which lead me to go back and develop a spiel and add more interactions. Going in my prepared to my following tests, I got some valuable responses. (Side note: it was interesting to realize that things that I assumed were obvious were not because my users were not involved in the design process). The majority of my users gave me feedback on

the flow: difficulty navigating back to the home screen
needing color so they could visualize more clearly what tab they were on
inbox needed some sort of notification to grab user attention
wanting a way to save songs into a specific playlists
adding playlists for the user who sent the song/playlist

I went in and tweaked; how the preview of a song looked when a user was sent something so that they would save it, ways to navigate back to the landing page, color to indicate tab differentiation.

Scenario: Max is listening to a song he thinks Jane might like. He wants to send it directly to her to avoid public sharing. He also doesn’t want to deal with the fuss of going through multiple platforms in order to share the song.

Flow: Julie sees that Max has sent her a song; She goes into Jive, where she is lands in the browse page, and clicks INBOX >Which takes her to her list of unopened and opened songs that she has received. She then opens the song sent from Max by clicking on the ENVELOPE(or his name) > this will take her to a 30 second preview of the song, which she likes and wants to save so she can listen to it again at some point. She clicks the PLUS SIGN > which outlines that the song will be saved to a playlist called “Max”. She can then go into her playlists and listen to the song again and share it with anyone is she wants.

You can check out my interactive prototype here

Overview

This last week was a whirlwind, but in the best way possible. I feel like I really learned a lot and grasped the information. I’m excited to get to apply my new skills to our following projects!

Show your support

Clapping shows how much you appreciated Melissa Ames’s story.