Find your jam buddies

Android & iOS mobile app

ROLE

UX Designer

STATUS

In progress

BRIEF

Realisation of a personal idea for a digital product that will help users like me to meet people with similar interests.

Name:

Jammer

Created from combination of words: Jam (an informal gathering of musicians to play improvised or unrehearsed music) and Finder (the one that finds)

Goal of the app:

Find and connect with musicians in your area that want to jam and play casually.

Ideas:

  • Make a user profile with the ability to add what kind of instrument they play, their favorite music style, favorite bands, performers etc.

  • Ability for the user to post their videos or sound recordings of them playing.

  • Status bar on user profile to show clearly what are they looking for in the moment

  • Ability for the already connected users to form a group in the app where they can also post ads if they want more people to join.

  • Status bar on the user group profile to show what are they looking for in the moment

  • Private messages between users

  • Global discussion feed where users can post different topics and post comments, share links, gifs etc.

  • Search system with filters or sorting that will provide user relevant suggestions
  • Get notified when someone posts ads that match your interests

Users:

Amateurs or professionals of all age groups who like to play/sing/perform in their free time and are looking for people that share the same interests in order to play together.

User primary goals:

  • Need a way to find people with same interests and connect

  • Need a way to show their skills and interests

  • Need a way to communicate with users through messages

User primary tasks:

  • Create a personalised profile with their skills and interests

  • Search for other users that match their needs

  • Connect with these users and get in contact with them

Design process 1.

This section dives deep into understanding the user (Sergej) by forming user stories and articulating his journey and thus the app requirements.

Understanding the user:

After 8 hours of mentaly exhausted work day Sergej needs to nourish his mind and boost up his creativity. While he has many different ways to do it, the one he enjoys the most is playing his guitar. Even though he enjoys playing his guitar alone he would like, at least once a week to be able to meet with persons that share the same passion and spend quality time playing together with them.

Sergej is:

  • Tired of his 8 hour work day

  • Unfamiliar how to find people to play his guitar with

  • Passionate about playing the guitar

  • Open minded towards meeting new people and playing with them

Sergej’s priorities are:

  • To find people he will be able to play with

  • Easily locate and connect with these people

  • Start a conversation with these people and arrange a gig

Sergej’s pain points are:

  • Lack of good online tools that will help him find the right people

  • Not having enough time to browse multiple websites and read the ads

  • New to the city and has no physical connection with people that share his interests

User stories:

1. When I finish my workday I want to be able to easily find and organise people for the jam session. When I find people I want to be able to have easy and fast communication with them so I don’t lose too much time on organisation of the event. 


2. When I move into another city I want to be able to easily find local people that share the same passion and want to play together.

Sergej’s journey:

The steps Sergej takes before, during and after his involvement with the app.

  • Ends his working day

  • Sits on his couch

  • Takes his phone

  • Opens the app and check for messages (has message from 2 users)

  • Reads the messages

  • Check their profiles

  • Write and send the replies

  • Wait for the response

  • Receive the response and continue conversation in order to organise the jam session

  • Finish the organisation

  • When the scheduled date arrives he sits in his car and drives to play with his new jam mates

Design process 2.

This section states some of the assumptions, requirements, constraints and eventual trade offs that were made.

App requirements:

Based on Sergej’s goals and needs, the app should be:

Reliable:

  • It needs to notify the user when he gets messages

  • When searching it needs to suggest user the closest connection match based on user skills and needs

Fast:

  • Users need to be able to navigate through the app quickly when searching for connections and posting an ad.

  • Users need to be able to communicate quickly through the app private message system

Secure:

  • The user account system needs to prove that their personal information is secured and that no data leak can happen

Usable:

  • Understanding of user scenarios and goals

  • Timely and non-distracting. Help the user to reach its goals.

Assumptions:

The following assumptions were made for this project:

  • Sergej has access to wifi or cellular data so we can assume he has no problems accessing the app.

  • Sergej works 8 hours so he uses the app after work hours (late afternoon, evening)

  • Sergej is organised person so in every moment he knows when he has free time

  • Sergej has a specific music taste and playing style so he knows what he is looking for

  • Sergej is using the app for the first time

App flow:

The following flow was designed to help articulate how Sergej would move throughout the app and reach her goals.

Wireframing:

The focus was on Sergej's three main goals:

  • Creating a profile with his interests

  • Finding people to connect with

  • Send message to the people he found

For an example:


When Sergej creates a profile with his interests it will be easier for the app to suggest him people with similar interests there for finding people to connect with will show the most relevant results and the choice of people who he could message would be narrowed down to the ones that match his profile interests.

Below this text is an image with low fidelity wireframe designs which shows the skeleton of the app and will serve as a guidance in building the main user flow as well as medium and high fidelity mockups and interactive prototype as well.

The whole product will be focused on 5 main screens that represent 5 primary features of the app and its purpose.

The biggest problem in this step was to indentify if the app will be content heavy and how it will affect its speed and usability.

Medium Fidelity Wireframes

Medium fidelity wireframes were designed based on the low fidelity sketches and these five screens show how the main app flow works and how will the visual elements be placed on the screen. I used a lot of material icons so I could have a clear vision of how will they behave with the text and how will the hierarchy look like.

High Fidelity Wireframes

Now that I have structured the app in a way that it can be iterated without too much confusion I designed high fidelity wireframes that show the real face of the Jammer app. The first struggle I had was to decide between the dark or light layout and the main reason why I used dark layout is that our users will use the app after a long working day which means that probably they were sitting in front of the white screen for a long time, which i mentioned early in the study. To make the users more comfortable in the period where they use this app I created all visuals for a dark mode layout.

As mentioned above, these five screens represent the main flow and features of the Jammer app.

In Progress

This project is still in progress and updated constantly. The next steps will follow the design expansion of the main and follow up features that will make this product complete for testing phase.