Duolingo

DUOLINGO 

Adding a Feature to an EdTech App


Role:

UX Research, UX Design

Timeline:

1 Month

Tools:

Figma, Figjam, Whimsical

 
 

INTRODUCTION

Duolingo is a language learning platform that is available as a website and mobile app. It is currently the most popular language learning platform in the world that allows accessibility to the website and app without charge. Duolingo does offer a premium service for a fee.

Duolingo is currently set up as a level system where you practice in different categories set for that level. Each category uses a combination of methods to teach words such as listening to pronunciation, voice recording, creating phrases by clicking on correct words, voice recording and matching pairs using images & texts. As you move on to the next level the difficulty increases.

**Disclaimer - This is a project and not directly affiliated with Duolingo

 

THE CHALLENGE

Tinycard was a flashcard and study companion app to Duolingo but it was sunsetted in 2020. Duolingo currently does not provide a way to review vocabulary outside of the lesson unless they reenter the lesson again to review on their own. Even if the user does enter the lesson some vocabulary repeats more often than others. Adding a flashcard feature within Duolingo will solve this problem by allowing the users to review the new vocabulary from each lesson in addition to allowing the user to have a limited customization of the deck sets.


 

DESIGN PROCESS

 

DISCOVER

Understanding The Competitor and Secondary Research

While learning about Duolingo, my research showed that there was a flashcard feature that was sunsetted in 2020, called Tinycard. After reviewing the Tinycard user based, I started off with the assumption that a flashcard feature would be an effective learning tool to supplement users on their language learning journey on Duolingo.

To help validate a flashcard feature, I conducted a competitor analysis to see if this feature was used among other language learning competitors and to see if there were any existing design patterns for this feature. Since learning a language is so broad, I decided to analysis a mix of language learning apps and flashcard apps.

 

Secondary research on flashcards was the second methodology that used to validate the use of flashcards. Through this research I was able to understand the benefits of using flashcards.

 

DEFINE

The Audience? - Interviews

I conducted one-on-one interviews with those whose were language learners to learn about their current language journey and to learn about their needs, motivations and frustrations.

 

DEVELOP

Who Should This Be For? - Persona

The persona of Tiffany was created to address the user’s needs, goals, frustrations and motivations.

 

How Will This Fit In? - Sketches & Wireframe

Before any sketches were started, I reviewed Duolingo design guideline, information architecture and user flow to get a better understand of how I would integrate the flashcard feature within its current design.

Once I had an understanding of the layout in Duolingo, I started on my sketches to address a few problems I had discovered through the research and interviews.

Figuring out the solutions for these problems:

  1. How to practice flashcards on its own without going through the lesson

  2. Provide a way to customize what type of flashcards can be used

  3. Measure how much words were learned in this specific language

 

I kept most of the original homepage but added a couple of new buttons.

 

For the rest of the screens these were new additions needed for the flashcard features based on other screens seen throughout the lessons.

Progress sketches & wireframe

Review words sketches & wireframe

Flashcard sketches & wireframe

Lesson complete sketches & wireframe

 

What Does It Function? - Prototype

Quick Access

Users have 2 access point to the flashcard features - bottom navigation bar & individual lessons

Vocabulary Progress

Progress tab provides the user with how many words they have mastered, need practice or missed with the ability to view those categories. There is also a goal bar that the user and shows a reward system if the user completes their goal.

Customizations

Users are able to customize their flashcards such as type of practice and number of card for different categories that are connected to their lessons.

 

What Do The Users Think About This Feature? - A Usability Test

 

What Should Be Changed? - Revisions

Based on feedback, I focused on the common confusions and made changes to the UI.

 

DELIVER

How Do The Changes Look? - Final Prototype

 

Conclusions

I started this project with the understanding that any feature I add would have to work with all of the languages that Duolingo had and I had to follow the design guidelines of Duolingo. Having to work with the design guidelines, I had to keep in mind the consistency of my designs for the feature so that it would blend into what was already there.

Given more time I would have liked to have the ability to create customized flashcards and to include more flashcard types. Ideally it would have been valuable to be able to test the prototype with user who have previously used Tinycard to understand their experience with both features.

 

 

View Other Projects

Health & Me Case Study

Mobile - End-to-end App - Product Design - Branding

Mirror Case Study

UX Research - UX design - End-to-end Responsive Webdesign