Timeline
Type
Role
Tools
Overview
About the Event
Adobe College + Sonos Creative Jam was a design competition for student designers across the United States, Canada, Australia, and New Zealand. Teams had a week to work, and all submissions were scored by a judging panel of professional designers and product managers.
Prompt
The challenge is to identify a target market and area of need, and design an accessible third-party mobile app where people can easily discover and share their love of music with others in the same space, in-person, whether or not they have a music service subscription or digital library.
Our Concept
Music sharing is a social experience. Doreso values the feelings and thoughts that people share through music at specific times and in specific places. Someone in the same space with you might resonate with your music. Doreso turns music sharing into an exploration of the mutual love of music, helping people better resonate.
Our Ranking
We are the 🔝Top 20 out of 350+ teams :)
Overview
About the Event
Adobe College + Sonos Creative Jam was a design competition for student designers across the United States, Canada, Australia, and New Zealand. Teams had a week to work, and all submissions were scored by a judging panel of professional designers and product managers.
Prompt
The challenge is to identify a target market and area of need, and design an accessible third-party mobile app where people can easily discover and share their love of music with others in the same space, in-person, whether or not they have a music service subscription or digital library.
Our Concept
Music sharing is a social experience. Doreso values the feelings and thoughts that people share through music at specific times and in specific places. Someone in the same space with you might resonate with your music. Doreso turns music sharing into an exploration of the mutual love of music, helping people better resonate.
Our Ranking
We are the 🔝Top 20 out of 350+ teams :)
Brief
About the Event
Adobe College + Sonos Creative Jam was a design competition for student designers across the United States, Canada, Australia, and New Zealand. Teams had a week to work, and all submissions were scored by a judging panel of professional designers and product managers.
Prompt
The challenge is to identify a target market and area of need, and design an accessible third-party mobile app where people can easily discover and share their love of music with others in the same space, in-person, whether or not they have a music service subscription or digital library.
Our Concept
Music sharing is a social experience. Doreso values the feelings and thoughts that people share through music at specific times and in specific places. Someone in the same space with you might resonate with your music. Doreso turns music sharing into an exploration of the mutual love of music, helping people better resonate.
Our Ranking
We are the 🔝Top 20 out of 350+ teams :)
Context
About the Event
Adobe College + Sonos Creative Jam was a design competition for student designers across the United States, Canada, Australia, and New Zealand. Teams had a week to work, and all submissions were scored by a judging panel of professional designers and product managers.
Prompt
The challenge is to identify a target market and area of need, and design an accessible third-party mobile app where people can easily discover and share their love of music with others in the same space, in-person, whether or not they have a music service subscription or digital library.
Our Concept
Music sharing is a social experience. Doreso values the feelings and thoughts that people share through music at specific times and in specific places. Someone in the same space with you might resonate with your music. Doreso turns music sharing into an exploration of the mutual love of music, helping people better resonate.
Our Ranking
We are the 🔝Top 20 out of 350+ teams :)
Problem Statement
Current Situation
Music is a communication tool, different music carries different emotions and thoughts of people. Music sharing is a social experience where people get to know each other better by learning about each other's musical tastes and what they're listening to.
Problem
However, with the diversification of media forms, people's attention is distracted by various multimedia information, and pure music sharing is not easy to gain attention.
At the same time, when people share music with others, they worry that the other person will not appreciate the music they share. When listening to music shared by others, sometimes pretending to like it even if they don't can make them feel stressed.
Hey Charlene, how might we enhance the UX of the writer dashboard to make it more children-friendly and appealing while also meet the business goals of Dreamwriters?
Outcome
70% of the testing users said they would writer and read books more often with the redesign.
100% of the testing users said they would engage more with the redesign.
Endorsed by stakeholders at Dreamwriters.
Design Approach
Research
Surveys and interviews revealed poor visual hierarchy, low discoverability, and lack of appeal to children in current designs.
I first sent out survey to parents to understand what's important to their children while composing and reading artwork. I received 67 survey responses. Then five semi-structured interviews were conducted with children and their parents to find out what they expect to see on the writer dashboard, and why the current version is underutilized.
Findings
- 1. Children don't find the current dashboard appealing.
- 2. Children most likely to continue with their unfinished stories or write a new book after they log in.
- 3. A lot of times, if there is no unfinished story, they don't know what to do next, so they quit.
- 4. Parents hope their kids can get recommendations on artworks to read to get some inspiration.
Design Opportunities
How could I translate these research findings into design opportunities?
Competitive Analysis
Different learning platforms utilize space and organize content in different ways, depending on their target learners and the learning content they provide.
I looked at some competitors' dashboards to get inspirations. Below were what I took away:
1. Having a main menu at the top or left helps to navigate.
2. Presenting information on the homepage using modular blocks makes the best use of space.
3. Grouping quick links in one place to prioritize them, making key features more accessible to users.
Ideation
💡 Prioritize key features and reorganize the dashboard infrastructure with the PM.
Since we want key features to stand out, we first need to determine which features are the most important.
💡Ideation for Navigation and layout
For the goal of improving visual hierarchy, we came up with the following options for how we can layout navigation bar as well as contents on Dashboard. There were distinct pros and cons for each option. After discussing with the PMs and engineers, we decide to do the Top Navigation + Grid View option.
💡Ideation for Visual Appeal and Call-to-Action
Designing for kids is a radically different ballgame than designing for adults. Based on previous research and my previous working experiences with kids, they love bright colors, make their action straight away, and want feedback on everything they do.
Design Decisions
User Testing
I used the prototype to conduct 10 usability tests to gauge user impressions of the updated dashboard experience and understand whether they feel it is an improvement over the current experience.
I received good and surprising reactions and also some areas of improvement which I later implements into the final design.
Next Steps
- 1. Improve responsiveness on tablet.
Problem Statement
Current Situation
Music is a communication tool, different music carries different emotions and thoughts of people. Music sharing is a social experience where people get to know each other better by learning about each other's musical tastes and what they're listening to.
Problem
However, with the diversification of media forms, people's attention is distracted by various multimedia information, and pure music sharing is not easy to gain attention.
At the same time, when people share music with others, they worry that the other person will not appreciate the music they share. When listening to music shared by others, sometimes pretending to like it even if they don't can make them feel stressed.
Overview
About the Event
Adobe College + Sonos Creative Jam was a design competition for student designers across the United States, Canada, Australia, and New Zealand. Teams had a week to work, and all submissions were scored by a judging panel of professional designers and product managers.
Prompt
The challenge is to identify a target market and area of need, and design an accessible third-party mobile app where people can easily discover and share their love of music with others in the same space, in-person, whether or not they have a music service subscription or digital library.
Our Concept
Music sharing is a social experience. Doreso values the feelings and thoughts that people share through music at specific times and in specific places. Someone in the same space with you might resonate with your music. Doreso turns music sharing into an exploration of the mutual love of music, helping people better resonate.
Our Ranking
We are the 🔝Top 20 out of 350+ teams :)
Problem Statement
Current Situation
Music is a communication tool, different music carries different emotions and thoughts of people. Music sharing is a social experience where people get to know each other better by learning about each other's musical tastes and what they're listening to.
Problem
However, with the diversification of media forms, people's attention is distracted by various multimedia information, and pure music sharing is not easy to gain attention.
At the same time, when people share music with others, they worry that the other person will not appreciate the music they share. When listening to music shared by others, sometimes pretending to like it even if they don't can make them feel stressed.
Solution
1. Increase the exposure of the sharing
- Find the music sharing experience around you based on your location.
- Your sharing can be exposed to the people in your space, increasing the likelihood that it casn be heard and liked by someone else.
.png)
.png)
.png)
2. Match music tastes
- Select your music tastes during the onboarding process.
- Check your shared tastes before sharing music to others.
3. Select music from the recommendation list
- Share songs that he/she might like from a data-driven list of recommended songs.
.png)
.png)
4. Connect to multiple streaming services
- The barriers between different music services are broken down.
The final product
Final Product
Outcomes
93% of the testing participants would like to use my app.
Most of the participants said ForU was the app they wanted to have as a high school student.
A net promoter score of 85.
5% of respondents are detractors, 5% are passives, and 90% are promoters.
Design Approach
Progress
💡D1: Understanding the Problem
Due to time constraints (1 day), our team was only able to interview people around us. We interviewed 10 people in total, including our classmates and friends. We asked them to describe their recent in-person music sharing experience.
The two most frequent mentioned pain points are:
- When sharing music with friends, they are frustrated that their friends do not like the music.
- Their friends can not listen to the songs they share because they use different music streaming services.
💡D2: Job To Be Done
Based on the interview results, my team came up with several Job To Be Done (JTBD)：
- When sharing music with others, I want to know their favorite genre of music, so I can make sure that the songs I share suit their tastes.
- When sharing music with others, I want to tell them what I'm thinking at the moment, so that I can make them understand why I'm sharing.
- When people share music with me, I want to quickly access those songs, so that I can save time.
💡D3: User Flow
Based on the JTBD, we created four key user flows of our app.
.png)
💡D3 + D4: Wireframe
We began with lo-fi wireframes to test out different versions of screens and to create a visual outline of each section of the app.
We then transitioned to Adobe XD, where we referenced styles from Adobe XD UI Kits to create hi-fi wireframes.
.png)
💡D4 + D5: Testing and Improvements
We did three rounds of quick testing using our hi-fi wireframe.
Based on testing feedback, we quickly iterated our design with two major improvements:
💡D5: Style Guide+ Logo Design
We want music sharing to be a simple and powerful experience, and we hope our app can give our users a warm and retro feel. After referring to some designs on Dribbble, we chose the yellow and brown as our primary colors.
As our app wants to help people better resonate with each other in the music sharing experience. We named our app "Doreso", which means "do the resonation". When we designed the logo for the app, we made the letter D in the shape of an ear, symbolizing listening to music.
💡D5 + D6 + D7: Prototype
User Research
Interviews revealed 3 pain points in students' university searching experience.
I conducted semi-structured interviews with 6 students, among which 4 were high school seniors and 2 were college freshmen, to understand their experience from begin searching different universities to making the final decision.
Design Opportunities
How could I translate these pain points into design opportunities?
Competitive Analysis
Existing products addressed some of the pain points, but no one product did it all.
Through research, I found there were not many Chinese local competitors, the only competitor only had very basic functions that cannot fully touch the user pain points.
Then I analyzed some competitors from other countries, even though their college application process are different from China, I got many insights, which I transferred into my design later.
Opportunity #1
How might we motivate students to do university searching and matching regularly?
Opportunity #2
How might we make information searching process more efficient?
Opportunity #3
How might we make it easier for students to manage information?
Testing & Improvements
Guerilla Usability Testing + Usability Testing + Community Feedback
I did one round of guerilla usability testing using my sketches and wireframe with 5 people with the goal of getting initial feedback on designs I’ve made and learning what users like about my designs and what aspects of my design are a bit less intuitive.
After the prototype been developed, I did two rounds of usability testing with 10 people to understand the kinds of problems users might run into when interacting with my product, as well as how satisfied the users will be with the design.
Based on feedback from 15 other peers + mentor feedback, I iterated my design over the span of 4 weeks - with some improvements. Below are some major ones.
.png)
.png)
Success
measurement
Although Doreso is a concept work for a design competition. My team designed it with the sincere hope that it can become a successful product someday. So we also think about how to measure the success of it if it's a real product.
Since the primary purpose of Doreso is to share and listen to music, which is used a couple of times a week. The daily and monthly active user (DAU and MAU) rates are the Key Performance Indicators (KPI) of its success.
Other metrics and goals to track for success include:
1. Session duration
How long each user spends on Doreso, as well as how they use that time in it.
2. Number of sessions per user
How many times each user shares music to the public. How many times they share music to specific people nearby.
3. Customer satisfaction rate
Final Screens
Style Guide
Before creating the style guide, I listed out several key words that represent what I want my app to be:
- Simple & Friendly
- Reliable & Effective
- Dream chasing & Exploration
.png)
Colors
With so many colleges and so much information, the process of exploring colleges can be mysterious to high school students, and my app is like a dream catcher, helping them catch the best colleges.
I chose a combination of blue and purple to embody this feeling. At the same time, the combination of blue-violet and white presents a simple yet effective and reliable feeling.
Typography
Considering the amount of information to read and the screen size of a typical mobile phone, I chose Nunito Sans, which is highly readable, as my font. And I chose six different sizes to better show the information hierarchy.
Components
To make the app less daunting and more friendly, I designed most of the components with curly edges.
.jpg)
Link to my full Figma work file here.
Success Benchmark
Results
Egestas dui id ornare arcu odio. Ornare lectus sit amet est placerat in egestas erat imperdiet. Aenean vel elit scelerisque mauris pellentesque pulvinar. Mauris a diam maecenas sed enim ut sem viverra.
76% user retention on first beta release
Egestas dui id ornare arcu odio. Ornare lectus sit amet est placerat in egestas erat imperdiet. Aenean vel elit scelerisque mauris pellentesque pulvinar. Mauris a diam maecenas sed enim ut sem viverra.
Key Takeaways
We appreciate the opportunity to participate in this creative jam held by Adobe. My team worked really hard under the time constraints. Our skills of design thinking, project management, and team collaboration are enhanced during the competition week, On that note, a few things I’ve learned:
- Work under constraints. Since we only have a week to come up with a solution, we can't make everything perfect. But just like in the real world, design is a sequence of decisions made to balance goals and constraints. Besides, making plans and communicating in a timely manner will make teamwork more efficient.
- Research and test, don't assume. Even under time constraints, we got many insights from our interviewees and testing results. Without user research and usability test, even if we can generate a lot of ideas, there will be no guarantee that they will lead to usable designs, as these ideas would not be grounded in real user needs.
You may also like...
.png)
.png)
You may also like...
You may also like...
You may also like...