.png)
Client:
Tell Tunes
Role:
UX design led
Duration:
4 months
Description:
Tell tunes is an international streaming music and podcast app, but it is also a community maker app! It’s one of the few apps that allows the user to share and listeng to music in the same app. For this project, I decided to use a goal-directed design method which revolves around focusing on our persona creation and goals.
*This project is fictional, as a final project of the Google’s UX Design Certificate from Coursera.
Challenges:
Easy and fast-to-share functionality.
Playback controls always on visualization.
Give the app a sense of comunity.
This website was built in Editor X during the Wix Playground Academy program.
All right reserved Carlos García Garrido.
@gr-carlos
linked in
drbbble
Kick off:
I took a goal-directed approach that proved to be quite effective in our design efforts. I found qualitative research methods to be the most useful, consisting in competitive analysis and usability studies, and most important, our persona hypothesis construction. I started by asking myself some initial questions.
What challenges could we face moving forward?
What is the product, and who is it for?
Which users are the most important to the business?
What do our primary users need the most?
What challenges could we face moving forward?
What challenges could we face moving forward?
Meet the User Persona
Lauren, 24
· Just finished a degree in Fine Arts.
“I belive that work time should be the opposite to stressfull. We all should enjoy the things we do!”
Lauren spends all his morning at the university studing for her master. She’s alone while studing so she likes to share music with friends and siblins, but at the shame time she doesn’t want to waste a lot of time and efford on that task, so sometimes she doesn’t get the share any song.
Stephan, 54
· Teacher in the University of History.
"After a day of work there is nothing better than having time outside, at the street!"
Stephan’s daughters are studing at morning and a bit at afternoon, then they go out with their freinds so the time the family spends together is tight... Stephano and his wife train together at a group of 10 people for 3 years now and they also are friends.
After wireframing, I conducted a usability study so I could define the posible pain points at an early stage. I gather five people (3 woman and 2 man from 20 to 50 years old) so I could have different perspectives and collect very useful information. After that, I used an affinity diagram to separate the data into groups of tasks which were further categorized by high level goals for impreovement in: branding, usability and features. Having this in mind allow me to create insights that helped me interate the design to a much better version.
Branding
Usability
Extra features
Preparing the Journey
I constructed a user flow of what a basic start to finish looks like while sharing a song you’re currently listening to. This will help me in understanding ways users can interact with the product, as well as allowing me to see navigation throught user goals.
Wireflow
After sketching out some p&p wireframes and thinking throught the preliminary flow, I reviewed what was necessary, unecessary, and what areas needed improvement, everything at an early stage. I poured a lot of time in this step to make sure I had the finishing touches on the underlying UX before moving onto the visuals.
Iteration
After creating the prototype from low fidelity wireframes, I prepared a 16 question survey for participants to fill out before we began conducting a usability test. I asked 6 people to run through different scenarios in our protoype in hopes of getting enough feedback to use in the next set of design iteration. I came up with these insights:
I discovered that the search functionality was not clear as it needed to accommodate searching for both music and podcasts, as well as individuals, groups, and events.
The floating button as a playback bar is a feature that is too unconventional and hinders user understanding.
I had to make the application even more dynamic so that you could easily and socially listen to and share the music you're listening to, due to many users were not engaging enough with both ends.
¡Two separated searching functions!
Competitive Analisis
I looked at the most direct competing companies that will affect in the decision making. Tell tunes will have the opportunity to bring a unique experience in the streaming music and podcast by being able to share and listen in a dynamic way in the same app.
Easy and Social Sharing Functionality
The ability to share music should be simple and socially integrated. Users should be able to easily and seamlessly share songs, playlists, or even create musical collaborations with other users.
In additon, I wanted this app to have a unique experience while listening to music in a collaborative way.
Challenge 1
Playback controls
Having this two faced app (streaming music and chat/share funtionality), it was hard to adjust the playback controls bar. It was crutial that the user could see and interact at every moment with the bar. So after looking for the best configuration I got to the easiest solution.
Challenge 2
Give to the app a sense of community
Building a sense of community and social interaction within the app can be a challenge. Designing features that enable users to connect with friends, follow artists, share music, and engage in discussions or comments requires thoughtful UX/UI design.
Challenge 3
Style guide
This is an app for enjoying, relaxing, and experiencing music with friends. That's why it was necessary for the UI to be in dark mode, creating a soothing effect on the user. However, we added vibrant and engaging colors to enhance the experience.
Regarding the logo, I wanted to showcase the app's features with a rounded and friendly typography that maintains constant contact between its letters. As a playful touch, the "t" characters are connected but separated at the same time...
.png)
Tell Tunes
