Rubato | parishsuhsu

MY DESIGN PROCESS

CUAppDev Design Challenge

- Social Music App Signup Flow-

CUAppDev, Cornell's App Development team put out a design challenge for their social music discovery app, which allows user to post a "song of the day" and then view a feed the songs that their friends posted. The app integrates with Spotify (for searching and saving playlists) and allows facebook sign in. The design task was to:

"Design The Sign Up Experience"

It was a one-week challenge, and I wasn't able to conduct user interviews and discovery. Thus, I approached the design process with more emphasis on market and competitive research.

2. Multi-platform research

CUAppDev: Design signup for our app!

Me:

In-House: go through the app to understand its' essence and knowlegde

Competitive: sign up flows on other apps

Rubato is a musical term referring to expressive and rhythmic freedom by a slight speeding up and then slowing down of the tempo of a piece at the discretion of the soloist or the conductor.

Going through the screenshots provided, I can see that the app wants to remain the laid-back, modern feel of spotify while creating a social feel for connecting with friends.

Hence I picked the name of the app: Rubato

1. Accept the challenge

Pros:

Interactive walk through
Launching page less crowded

Cons:

Takes longer

Decision:

Combine the two so that the tutorial has overlay (contain more information on one page) and step by step (interactive)
User can op-out tutorial at any time

Choices:

Since the app integrates with Spotify, some design elements compliments Spotify’s. This way, targeted audience would have no problem navigating through the app as it feels familiar.
Since based around using social media (specially, facebook), the option of signing up using other means is not as visible.
Some apps choose to have tutorials before Sign-Ups, I believe it makes more sense to have the other way around as many users download apps with a basic knowledge/interest of how the app works. Moreover, this way in the tutorial, we can take care some simple set up as well as use real user data as examples.

Anchor 1

Jump To New Designs

click to download

New Sign Up Flow Screens

I started exploring different sign up flows by downloading multiple apps in the store as well as online design sources. I indicated some of the following notes I liked about them: