CASES

HYPER ISLAND PROJECTS

BRANDING

UX DESIGN

 

UX DESIGN

Team : Steffi Aluoch, Morgan Hassel,
Tomás Pires Da Silva, Svetlana Kostsova
MOCKUP_Phones.png

THE BRIEF

Tape It, a voice note app for musicians,
and by musicians, were looking for a way to incorporate social into an app they were adamant about not making it into a social platform.

The brief was to create a communication design that band members could use
to share voice notes with each other and receive feedback. 

Skärmbild (190).png
Skärmbild (191).png

MY ROLE

My role during this project was Design Lead.
My responsibility entailed making sure that we were aligned on the brief and Agenda, as well as making sure that we were working on our team culture to ensure that we as a team were enjoying the process as well. 

I also acted as an Art Director on the design elements, making sure we were working with the right formats, sizes, and fonts for example.

D



 

PROCESS

How Might We
Workshop

As a team of four, it was a tight fit to be able to manage all the work we needed to have done during the two weeks of the project. 

So we decided to work with the
"Double Diamond" as our guiding star. 

We framed the tasks we had to do around what part of the diamond we were going to be in throughout the project and worked our way closer to delivery as we hit each of our milestones.

Double Diamond white

Competitor Analysis
Desktop research
Client Interview
User Research

Insight Finds
Insight Summary 

Three Different paths

User testing

UX compatible path decided

Dotmocracy 

COMPETITOR & USERS

While doing competitor research we focused on competitors who were providing users with recording options while also having some form of social design. 

Some of the competitors we listed was, Spotify, Soundcloud, Soundtrap, and Tiktok.

We were trying to figure out what the tipping point to a full-blown social platform could be, which lead us to ask questions such as, what makes a social platform social and how can we work with that question to form our answer, and solution

While doing competitor research we also looked at the building blocks of these different platforms, like the placement of the rec button and how their information structure looked. 

We also did User interviews with a variation of questions but found most insights in the responses, you see below where we asked users to write how they share ideas digitally, and how they like to receive feedback as well in the digital space. 

Group SX Twice (Copy) (1).png
Group SX Twice (Copy).png

WORKSHOP

With our Insights gathered it was time to get creative. 
We decided to use the "How might We" format to unlock opportunities and start to form ideas with all of our insights in mind. Here's an overview of some selected post-it notes that became the foundation of our prototyping.

Group SX Twice (Copy) (8).png
Group SX Twice (Copy) (7).png
Group SX Twice (Copy) (4).png
Group SX Twice (Copy) (6).png
Group SX Twice (Copy) (9).png

LO-FI 

For prototyping we worked with trying to solve the "How might we" questions from our ideation.

When creating our Lo-Fi prototypes we worked in a digital format from the start since we already had features from Tape It that we wanted to work around.

Since the project was just two weeks in a small team, we also wanted to work with a Lo-Fi format we easily could test and take into Hi-Fi.

Lofi prototype
prototype
prototype
prototype
prototype

TESTING

We did testing continuously with both
Lo-Fi and Hi-Fi prototyping with users of 
Tape It as well as users who were unfamiliar with the app.

Most of our testing was by using the A/B testing method.  

We tested things such as user flow to see if our ideas made sense and were user-centric enough to keep working on, as well as testing interface design and changes. 


W

Group 59272.png

THE DELIVERY

Group SX Twice (Copy) (4).png
Group 59273.png
Group 59274.png
Group 59275.png
Group SX Twice (Copy) (8).png
Group SX Twice (Copy) (9).png
Group SX Twice (Copy) (7).png

SOLVING THE  BRIEF

We created a communication design that was centered around specific sharing.

A track or a mixtape, in this case, could only be shared through your contact list, where the contact if having downloaded the app, could connect with another user's specific tape.

Once synched with that shared tape,
the receiver would be able to leave feedback by comment, voice notes, and images to different sections of that tape.  

leave
 

After solving the sharing, we needed to ask ourselves, how would you know if a tape belonged to you or someone else. 

We answered that question by creating
"My tapes and shared tapes" to show which tapes belonged to you (blue side) and which were sent to you (green side). 

We then used the same color system for the user to know if they were looking at their own notes on a tape (A-side - blue)
Or looking at feedback from that very same tape (B-side - green).




 

During an interview with the client, they hinted that we could explore outside of the brief as well if we wished to,
as long as we could motivate any changes made.

So one thing we did outside the brief was to center the action button according to the most valuable action on the specific page. Something that the competitors we had looked at were already doing.

Another thing we did was to make the app feel more custom to the user by giving the option to organize with a filter slide looking through their recordings. 


And