Adding a test out and podcast feature making it easier for users to reach their goals.

Overview

Drops is the fastest growing language app in the world specializing in vocabulary building. They take pride in their beautifully designed word games to make language learning fun and easy. In this conceptual case, Drops wants to improve user engagement and retention by implementing new features to help users reach their goals.

The Challenge

Drops is praised for its beautiful visual design with its colorful gradient backgrounds, simplistic look and illustrations for each word. Integrating new features must be done seamlessly without overcrowding and breaking the user-friendliness of the already minimal look of Drops.

Solutions

• Implement a scheduling and reminder system
• Recommend daily mindfulness reminders to meditate
• Create a mindful product that puts users at ease upon use

  • Embed a test out feature
  • Implement a audio podcast feature

Role

UX/UI Designer
Illustrator

Duration

80 Hours

Scope

Mobile App
Visual Design
New Features

Tools

Figma
InVision
Pen & Paper

Process

Button that scrolls to Empathize PhaseButton that scrolls to Define PhaseButton that scrolls to Ideate PhaseButton that scrolls to Prototype PhaseButton that scrolls to Test Phase
Empathize Phase
Define Phase
Ideate Phase
Prototype Phase
Test Phase

Research

To understand what features to implement, the problem space needs to be explored further through market research and empathizing with our target demographic. The scope will include desk research on learning a second language in both tradition and non-traditional methods along with an analysis on Drops’s competitors and taking a deep dive into the users of these apps.

The research goals include:

  • Getting insights to the consumer's experience using (a) language app(s)
  • Identifying pain points of language learning in general and language learning apps
  • Discovering the most common user motivations to using language learning apps
  • Identifying all factors that impact user retention and other opportunities

Methodology:

  • Market Research
  • Competitive Analysis
  • User Interviews

Secondary Research

Market Research was carried out to gain insights of the target markets of language learning mobile apps and to uncover trends and opportunities within the market.

The Market Landscape

  • Key players for language learning apps include but are not limited to Duolingo, Babbel, Rosetta Stone, Memrise, Busuu, Drops and more.
  • Flexibility and cost benefits of online learning of languages have been instrumental in driving the growth of the market. This is largely due to the globalization of the economy and the adoption of cost-efficient tech-based products.
  • Language Learning Products have been split as English and World Languages; English is often referred to as the language of business and therefore is expected to hold the largest share in the market.
  • App usage is divided by institutional learners and individual learners. The segment for Individual learners dominated the most shares in the sphere of the global online language learning market, mainly due to the growing demand to learn a second language, the need for more personalized content, the rising number of foreign university enrollments, and the growing trend to find better opportunities in foreign countries.

On the basis of Language Learning

  • Stages of ESL (English as a Second Language) Class:
    1. Starting: Do listening comprehension activities & vocabulary building
    2. Emerging: Foster writing and composing sentences
    3. Developing: Practice Initial Social Conversations
    4. Expanding: Practice more comprehension and writing
    5. Bridging: Practice more complex oral and written vocab and sentence structures; Develop skills of independent study.
  • Learning a second language requires 3 core elements:
    1. A comfortable learning environment with low anxiety threshold
    2. Meaningful tasks that purposely engage students to learn
    3. Engagement in tasks that are just a bit beyond the student’s current ability
  • Learning a language involves learning the norms of the culture in which the language is used.

E-Learning & Other Methodologies

  • Pros & Cons of E-learning:
    Pros: Flexibility, Lower cost and Mobility
    Cons: Lack of structure, Tech issues and Computer proficiency
  • However convenient and effective a language learning app may be, learners must stick with it and put in the necessary time to make progress. Learners could be encouraged to set daily study goals or to study with a friend.
  • Second language professor Loewen states that “hybrid classes can balance the best elements of online and classroom learning. Face-to-face instructional time can be reserved for communication-oriented activities, while grammar, vocabulary and drills can be done off-site and on devices. Classroom learning also can be supplemented with synchronous video chat or interactive sessions via the Internet that connect students with native speakers worldwide.”

Primary Research

User Interviews

User Interview participants with the below criteria were recruited online for user interviews:

  • 6 survey participants were interviewed
  • 4 Females and 2 Males
  • Between the ages of 21 and 31
  • Current users of Drops or have experience using a language app

After talking with the participants, some painpoints were brought to my attention:

"Lessons feel repetitive and can be demotivating."
“It (visually) looks outdated and cluttered.”
“I need structure but also want to  personalize my learning experience."
Define Phase

Turning Data into Insights

It was now time to condense our research data with empathy to understand the end-user’s common goals, needs and behaviors.

Persona

Konnichiwa!* This is Sara! She will be representing our user interview participants. Sara has a goal of learning Japanese for her grandmother. Sara will guide us through the design process so our decisions throughout the process are aligned with the end-user’s goals and solves their problems.

*Konnichiwa is a Japanese greeting meaning Hello/ Good Afternoon

User Journey Map

To further empathize from Sara's point of view, a user journey map was created to explore opportunities within each stage to improve her learning experience and bring Sara closer to her goals.

Some opportunities were identified for the current state of the app based on user data including:

  • Improving the session experience
  • Empowering users to personalize their learning experience
  • Enhancing the experience of other menu items such as collections and visual dictionary
  • Giving users the incentive or sense of purpose to practice what they’ve learned

The Problem

Using the insights from our research data, I used the “How Might We” method to create the basis needed to tackle the right problems. Over Zoom and Miro, 2 designers, a developer and I brainstormed as many possible solutions within a short timeframe, presented our ideas, and voted on the best idea using the red dots as shown below.

Thanks to the brainstorming session, I was able to narrow down the main features.

Determining the Features

With the help of a real developer, the features were determined by their ability to provide the highest value with the least effort:

Due to the limited time frame of the project, the following features were decided for implementation:

  • Test Out Function
  • Podcasts that unlock when (their respective) topics are learned
Ideate Phase

Low Fidelity Wireframes

It was now time to hit the drawing board and come up with ways to bring these features to life.

Test Out Function

Because the test out function directly correlates to the topic screen, this was our starting point. As I was sketching out the flows, I wanted to be mindful about Drop’s minimal design and avoid cluttering the app with unnecessary elements so I kept the topic screen as is and instead used the existing elements on the screen.  

What I had in mind from the flow was that once an element within the  topic card is selected, it directs the users to that specific topic screen with a test out button. From there, the user would test out in the same way as they would practice but will need to avoid making too many mistakes in order to pass.

If the user passes, they will no longer need to review it unless they intentionally wish to by visiting that specific topic card. If the users fail, they will be prompted to either practice more and retry.

The task creation screen (left) shows the basic functions of scheduling a reminder by entering a title and selecting a specific date and time.

Although it isn’t part of the Must-Have Features, the Notes screen (right) was roughly sketched because I was inspired at the time and wanted to keep it for a future iteration.

Podcast

For the podcast feature, I decided to add it as an item in to the bottom navigation item. I then sketched out additional screens such as the list of audio lesson topics, the audio screen and a screen filled with helpful transcripts or a summary of the lesson.

The podcast feature screens were inspired by  music mobile apps such as spotify and apple music.

UI Kit

Shown below is the limited UI kit specific to the new features that were implemented for this project. Creating the nonexistent podcast item and screen was interesting because working with gradient colors is not the ideal choice when it comes to accessibility so I had to be careful that the elements and contents communicate well to the majority.

Prototype Phase

High-Fidelity (Limited) Prototype

Since this is a brand new product, prototyping sooner will reveal any assumptions and creates the chance to fail fast and fail forward without over-investing time and effort on the first iteration.

Check out the prototype here.

Test Phase

Usability Testing

In order to determine whether the new features work well with the app, it was time to put it in front of real people and test to understand what works well or what can be improved. The test was conducted with 4 drops users over a recorded Zoom call where they were given scenarios to complete specific tasks.

The test objectives include:

  • Testing the overall quality and ease of use regarding the navigation and flow to complete a task
  • Testing how easily the user can understand how the features work
  • Identifying any areas of frustrations, hesitation or confusion (pain points)
  • Observe how users feel about the new features and if they seamlessly integrate with the existing app

Tasks:

Task 1: Test out of a specific topic  (users will meet the success screen)
Task 2: Test out of a different topic (users will meet the “did not pass” screen)
Task 3: Look for the podcast feature and how you would use it

Wins:

  • All participants felt that the new features were already part of the app (seamless integration)
  • All participants felt that the podcast feature was very straightforward and easy to find
  • Almost all participants appreciated the little summary available for each podcast
  • All participants rate the podcast experience a 7/7

Observations

  • Almost all participants clicked the big apparent “continue” button on the topic screen in order to test out
  • Almost all participants do not use or think about clicking the (i) information icon
  • Almost all participants felt confident about testing out the second time around

Key Insights:

  • All participants could not find the test out feature right away because it was hidden behind the (i) icon within each topic card
  • 50% of participants looked for indication of the length of time per podcast

Next Steps

There are still things that can be tested and improved on, including but not limited to:

  • Conducting usability test on the revised prototype to see if it works well
  • More testing, iterating and enhancing the new features

Conclusion

Doing this project was research intensive as there are many existing features that can solve similar problems and the brainstorming helped with bouncing off ideas and identifying biased assumptions.

What I enjoyed 😁
The group brainstorming session was fun as it helped me generate as many ideas in a short amount of time and challenged me to think about tackling problems from different angles.

My favorite moments 😊
As a lover of all things cute and illustrations, my favorite moments include creating the cute smileys from the user journey map and the podcast icon in the bottom navigation menu.

My least favorite moment 😭
I am not very fond of mundane tasks such as having to document the recorded zoom sessions in detail... but it was definitely worth it as I like getting the key insights and feeling a sense of accomplishment!

Room for Improvement 🤔
One thing I do want to improve on moving forward would be to get feedback on deliverables as soon as possible such as the user journey map so I can avoid spending too much time on one deliverable.