Discover, recognize and save for your music discovery journey

Project Background

This is a mobile wearable project developed in a user interface class in UC Berkeley. The focus of this class is to take mobile wearable as a constraint to develop a meaningful product for a group of users. This project enthasize on the end-to-end human centered design process. Our team decided to take wearable as leverage to improve the day to day music discovery experiences.

Team - Computer Science and Cognitive Science students
My role - user research, prototyping, user testing, mobile development

Stelarc in action

Define the problem - how might we

To understand our problem space, we created a questionaire to understand what smart wearable means to people, and in what scenarios do they see themselves wearing a smart watch. With the results, our team got together in a "How might we" session to brainstorm on how a mobile watch app may enhance mobile user experience.

From the 50 ideas we brainstormed, our team picked up stelarc.

Our goal

Improve day to day music discovery experience

User research

We used a technique called contextual inquires in which we follow users around to observe how users discover and retrieve songs. This gives us insights on the common needs and painpoint in people's current music discovery experience.

User scenarios

From our research, we synthesised our data into 3 common scenarios. These are the scenarios where users can benefit from a more efficient music discovery experience:

  • Songs playing from the radio while driving: users' hands are occupied
  • Songs playing in a cafe: users are most likely working
  • Songs playing in concert or event: users are enjoying the moment

  • Competitor Analysis

    We looked at Shazam, and Soundcloud as our competitors in the space since both of them have compatible watch apps. Shazam's watch application at the time has a number of user frictions. Users have to open up the watch app, then click "recognize" to activate which motivated us to go for a faster user interactions in our design. Soundcloud focused more on individual music experience with lyrics display on screen which motivated us to create a more personal design.

    User Testing

    After the user research and other analysis, we sketched out our flows, mocked up our low-fi prototype with Framer.js and did a user testing on the prototype.

    Converged focus

    From our user testing, we learned that user cares more about how the song is stored, and our initial feature: voice recording is not very appealing to the process. Thus we converged our ideas and focus on two main features:
    1) recognize song on the go with shake of the wrist,
    2) record metadata of the discoveries such as location, time of the discoveries.

    Design Decisions and Branding

    Logo Design - We did several iterations on our logos after we switched focus to more of a music diary that emphasis more on locations and discoveries.

    Watchfaces Design - For watch, we prioritize speed and clarity. The user should know what is going on and what action to take by just looking at the watchface. In our app, we are asking the user to shake to start the recognition process, we aim to design a clear call-to-action interfaces.