Duolingo Redesign

Making language learning more accessible

Overview

Problem

Despite being the most prominent language-learning platform, Duolingo falls short of accessibility standards.

Duolingo has faced criticism for its lack of accessibility features, hindering the learning experience for a significant portion of its diverse user base. To ensure an inclusive learning environment for all, there is a pressing need for Duolingo to elevate its focus on accessibility in their designs.

Solution

In this case study, I give my approach to redesigning Duolingo to enrich the experience for individuals facing dyslexia, visual impairments, and/or hearing impairments. As an added benefit, these enhancements not only accommodate these groups but also elevate usability and enjoyment for all users.

Problem

My role

UI Designer, UX Researcher

Project Type

Self-Initiated

Timeline

Simulated 2-week design sprint

Tools

Figma, FigJam, Draw.io, Miro

Personalized Text Settings

With multiple text options, including a font specifically designed to support users with dyslexia, users can now tailor their experience to be as readable as possible.

Adjustable Audio Speed For Listening Exercises

Users can now customize the audio playback to a pace that suits their needs using our sliding scale. This particularly benefits users with hearing impairments, but will undoubtedly come in handy for anybody learning a new language.

Enhancing the Visual Experience for Colorblind Users

Our selection of correction modes fine-tunes the app's color palette to help colorblind users differentiate colors and ensure that they enjoy an optimized visual experience.
Jump to Results

.  .  .

01. RESEARCH

Preliminary Research

Identifying Accessibility Gaps through Public Discourse

Despite being a wonderful app overall, Duolingo has been widely criticized for its limitations in accessibility. So, my first step was to do some research to understand how exactly Duolingo falls short of accessibility standards, and how we can remediate that.

Usually, I'd go about this by conducting a round of user interviews, but due to time constraints, I was unable to do so with the thoroughness and attention to detail that I would've liked. So, I decided that the next best thing was to scout out reddit forums, particularly r/duolingo, and look for common needs, frustrations, and concerns discussed by users. Here's what I found:
I noticed a pattern - many users favored the website version of Duolingo because they could use browser extensions to customize the experience in ways that make it more accessible to them. This mass migration and reliance on third-party extensions underscores the detrimental impact of Duolingo's lack of native accessibility features. Some users even took it upon themselves to create solutions. Smart, but never something that users should feel the need to resort to.
For some accessibility issues (particularly those affecting people with learning disabilities), a few users argued for the opposite approach, saying that the whole point of learning is challenging yourself. This emphasizes that abilities vary greatly among individuals, as do their attitudes. There is no one-size-fits-all solution. Instead, users need choices that allow them to tailor their experience to suit their needs.
In the end, I found that some of the biggest pain points were the following:

Empathizing With Users

Who Are We Redesigning For?

Following my research, I had a better idea of what user groups I'd be targeting in my redesigns. I looked more into these groups to understand the nature of their impairments, how they impact a user's learning experience, and what their accessibility needs are.
I Users With Dyslexia
Dyslexia is a common learning disability that primarily hinders a person’s ability to read and write. Someone with dyslexia may experience difficulty reading fluently at an average pace, telling similar words apart, and spelling accurately. This means that they often go about these tasks slowly and are particularly prone to mistakes
Factors such as font, color, and spacing can play crucial roles in dyslexic individuals' reading experiences. For example, dyslexic individuals generally read faster when the text has a lower color contrast.
I Users With Visual Impairments
Visual impairments, such as poor vision or color detection, may present significant challenges for users interacting with digital interfaces. Poor contrast, small font sizes, and cluttered layouts can exacerbate these challenges, leading to feelings of frustration and helplessness.
Some users rely on screen readers to access digital content, while others require adjustable size/contrast settings or alternative color schemes to enhance visibility.
I Users With Hearing Impairments
People with hearing impairments may have difficulty perceiving spoken instructions, dialogue, or auditory cues, hindering their ability to fully participate in the audio-based exercises that are so prevalent in Duolingo. Some ways that users may improve their auditory experience include using captions, adjusting playback speed, or employing visual cues (such as lipreading) to enhance audio content.

Crafting Personas

Keeping Users at the Forefront Using Personas

I assembled all my findings up to this point in the form of two user personas. Moving forward, I'm keeping Tom and Anya in mind for every design decision I make.

Competitive Analysis

How Do Users Navigate Duolingo’s Accessibility Gaps?

We discovered earlier that many users use the help of browser extensions to navigate Duolingo's accessibility gaps. As such, I decided to try some of the popular ones to gain firsthand insight into how common pain points can be remedied, even if only to a certain extent.
Some key accessibility-enhancing features are:
Now that I have a better understanding of the effectiveness and popularity of specific accessible features among my user base, I'm much better positioned to brainstorm ideas on how I can enhance Duolingo's native design to improve its accessibility.

.  .  .

02. IDEATION

Brainstorming

Exploring & Prioritizing Accessibility Features

My first feature idea was a universal solution: add on/off toggles for all exercise types, allowing users to tailor their lessons to their personal preferences. However, I wondered: aside from enabling a user to skip a certain exercise, how can we improve the experience of said exercise so that the user may no longer need to skip it? Guided by this question, I jotted down every idea that came to mind and grouped them accordingly to what user demographic they'd be most beneficial for.
Next, I had to narrow down and select only a handful of features to include in my redesign, so I evaluated these ideas using a value vs. effort matrix. My goal here was to settle on at least one feature for every target group, and ranking them based on user impact and technical feasibility helped me do so.
It was important to keep context in mind as I went about this, as certain accessibility features made less sense in the context of Duolingo. For example, speech-to-text would certainly make it easier for the hard-of-hearing to answer a verbal question, but that defeats the purpose of spoken language. What I want instead is to provide aids that preserve the nature of the exercise and merely make it more manageable, such as an audio speed slider. This way, we preserve the exercise's learning benefits.
After some thought, I settled on the following core functions:

.  .  .

03. REDESIGNS

Results

From Wireframes to Final Accessible Designs

After leveraging my research findings to hone in on core functionalities to implement, I drafted wireframes and casually showed them to peers to gather informal feedback. Then, with the feedback to guide me, I transitioned to digital tools and created high-fidelity prototypes of my redesigns. Check 'em out!

01

|  Inclusive Text Customization

To address readability issues commonly reported by users with dyslexia or poor vision, we implemented several solutions. First, we provided a variety of font options including OpenDyslexic, a font specifically designed to be a readable as possible for individuals with dyslexia. Additionally, users can also personalize their font size and weight. Altogether, this comprehensive approach empowers users to optimize the app's readability.

02

|  Adjustable Audio Playback Speed

When it came to listening exercises, there were only two options for audio playback speeds: regular and slow. Users wanted more control over playback speeds beyond these limited options, so we implemented a sliding scale for precise adjustment and tucked it away in the settings page to maintain a clean interface. The rationale behind this is that users will likely only adjust their speed once or twice, so having the slider be immediately visible for every listening exercise is a redundant and inefficient use of space.

03

|  Tailored Color Grading for the Colorblind

To enhance the Duolingo experience for users with colorblindness, we aimed to introduce a form of color customization. I initially considered allowing users to choose from pre-defined color schemes, but after consulting potential users, I pivoted towards implementing color correction modes designed to compensate for certain types of colorblindness. This approach is akin to those found in iOS and Android operating systems and promises greater reliability in addressing colorblindness.

04

|  Flexible Lesson Plans

Ultimately, the recurring theme in this case study is that users want a greater ability to personalize the app to their needs. This was no less the case when it came to lesson plans and learning methods. To give users more autonomy over their lesson plans, we made it a possibility to switch any type of exercise on or off by adding toggles in the preferences page. For added convenience, we also added a playback speed slider under "listening exercises", enabling users to modify it outside of a lesson.

.  .  .

04. KEY TAKEAWAYS

This project was particularly fun because it marked my first time redesigning within an established design system an its constraints. Plus, immersing myself in a project centered around accessibility taught me valuable lessons that will surely stick with me in my future works.

Here are some of the main insights I'm taking away from this project:
Made by me with <3