Let's Talk
info@ngmai.site
UX/UI
December 9, 2021

tape it

tape it is an app for songwriting & audio recording that helps people record, organize and share ideas.

Task

We were asked to create a feature in the app where people can interact and react to a record or mixtape with a good level of emotions in a digital setup

  • Strategy

    UX Strategy

  • Design

    UI/UX Design

  • Client

    tape it

  • My Role

    UX/UI Designer

THE Context

An overview about tape it and its function

tape it is an audio recording tool available on iOS that aspires to compete with Apple’s Voice Memos.

What sets tape it apart from the competition is its simplicity with voice recording as the primary function but also focuses on file organization & chaos management. It also gives users the ability to favorite a record or add notes to recordings. 

The brief we were working on below is about create a new function within the app.

The brief

Create a concept for interactions and reactions

tape it wants to allow users to create playlists (the official given name is mixtapes) and share these with others. Therefore, we need to develop a conceptual function to help users respond and communicate with the mixtape and the recordings included in it when they share those with pals or teammates.

Real people and human behavior should be the core of the concept

OUR PROCESS

Understanding the challenges

In order to do this, we needed to research how people work and collaborate and what their creative workflow today looks like. 

Below is a summary of what we did in our 2 weeks process.

A sniplet of our research play ground

Research Insights

We conducted around 10 interviews with musicians, songwriters, journalists; age 18 – 35, both male and female. All combined with research on other similar apps & creative processes.

0%

Users want to explain their ideas before sending drafts out for feedback

0%

Feedback loop happens in other apps

0%

Users have the need to give feedback on a specific part of the record

The challenges

There are 3 questions that we decide to focus on finding the answers

THE GOAL

"Create something that promoted the creative flow within interactions in the mixtapes, enabled a simple feedback loop and could amplify the feeling of chaos management."

The solution

Comment & thread function at the bottom

We added a comment + thread function both on the mixtape level and the tape level, down at the bottom to make sure it would not take too much space and attention from the creative flow.

The possibility to add a voice message in the comment sections as it was important to be able to feedback the audio with audio when commenting on someone’s or your own work. 

Threads and comment sections added, no chat. So that the simplicity of the app is not compromised.

The solution

Collaborators can add markers & Exact timestamps

Marker is like a bookmark, but in this case, users can use them to mark a specific part in the recording.

We made it possible for other users to put markers into the tape as well, to aid efficient feedback and clear communication as we are navigating the users to be more specific with their feedback.

The solution

Sharing options

You are in charge of what you want to share, and with who. You invite your team members through a link and can decide on the level of access.

You can add people by exclusive link-sharing only – in that way you keep your projects private and personal.

This solution is inspired by the share function from Figma, Miro & Google Drive.

The solution

Focus on efficient communication

Throughout this project, we really tried to focus on efficient communication and feedback – not forgetting that tape it should serve as a tool rather than anything else. We still wanted to make the feedback loop smoother even if the user decides to move to another chat platform. That’s why we added the possibility to copy and share a specific marker.

When you send it through another app it comes with a preview like google maps which re-directs you to that specific marker (or app-store if you don’t have the app already.)

The solution

Possibility to add description at the top

Regarding this, we found some great insight through our research and user interviews. First of all, we realized that everyone’s creative process is very individual which is important to keep in mind. We found that there is a need for being able to explain the idea with the sketch, that’s why we added the description at the top.

The team

Meet our passionate team

— Demi Vincefi
Project Manager & Copywriter

— Mai Nguyen
UX/UI Designer & Researcher

— Karin Nilsson
UX/UI Designer & Copywriter

— Agnes Oldefors
Creative Designer & Planner

— Hameem Sarwar
UX/UI Designer

HIT ME UP

Let's create something amazing together!

Contact Me
Back