Add a Feature Project
Created for
Created for
Designlab UX/UI Academy
In this add a feature project, I took an existing Duolingo app and seamlessly added an online learning feature. From competitor research and user interviews to building affinity maps, personas, project goals, and feature sets. I mapped out the user flows, designed the sitemap, sketched lo-fi wireframes and hi-fi designs and usability testing.
View Prototype
Project Type
Add a Feature
Involvement
UX/UI Design, UX Research,, Usability Testing
Tools
Figma, Framer
In this add a feature project, I took an existing Duolingo app and seamlessly added an online learning feature. From competitor research and user interviews to building affinity maps, personas, project goals, and feature sets. I mapped out the user flows, designed the sitemap, sketched lo-fi wireframes and hi-fi designs and usability testing.
View Prototype
Project Type
Add a Feature
Involvement
UX/UI Design, UX Research, Usability Testing
Tools
Figma, Framer
In this add a feature project, I took an existing Duolingo app and seamlessly added an online learning feature. From competitor research and user interviews to building affinity maps, personas, project goals, and feature sets. I mapped out the user flows, designed the sitemap, sketched lo-fi wireframes and hi-fi designs and usability testing.
View Prototype
Project Type
Add a Feature
Involvement
UX/UI Design, UX Research, Branding, Usability Testing
Tools
Figma, Framer
Project Overview
Background
Duolingo is a language-learning platform that was launched in 2011, offering courses in over 40 languages. Duolingo is available as a website and a mobile app.
Duolingo is a language-learning platform that was launched in 2011, offering courses in over 40 languages. Duolingo is available as a website and a mobile app.
Problem
There is not a feature that allows users to join online group lessons or study groups.
There is not a feature that allows users to join online group lessons or study groups.
Goals
My goal is to develop a feature that would allow users to join online group lessons and virtual study groups.
My goal is to develop a feature that would allow users to join online group lessons and virtual study groups.
The
Process
Research
Competitor Analysis
User Interviews
Affinity Mapping
Define
User Personas
Project Goals
Problem Statement
Ideate
User Flows
Mid-Fidelity Wireframes
Usability Testing
Design
Component & UI Kit
High-Fidelity Wireframes
Prototyping
Test
Usability Testing
Revisions
The
Process
Research
Competitor Analysis
User Interviews
Affinity Mapping
Define
User Personas
Project Goals
Problem Statement
Ideate
User Flows
Mid-Fidelity Wireframes
Usability Testing
Design
Component & UI Kit
High-Fidelity Wireframes
Prototyping
Test
Usability Testing
Revisions
The
Process
Research
Competitor Analysis
User Interviews
Affinity Mapping
Define
User Personas
Project Goals
Problem Statement
Ideate
User Flows
Mid-Fidelity Wireframes
Usability Testing
Design
Component & UI Kit
High-Fidelity Wireframes
Prototyping
Test
Usability Testing
Revisions
Research
Research
Research
Competitor Analysis
Competitor Analysis
A competitor analysis was conducted on three websites that offer online language-learning courses.
A competitor analysis was conducted on three websites that offer online language-learning courses.
A competitor analysis was conducted on three websites that offer online language-learning courses.
Duolingo was the only platform that did not offer online group lessons.
Duolingo was the only platform that did not offer virtual study groups.
User Interviews
User interviews were conducted with five participants that had tried an online language-learning platform.
User interviews were conducted with five participants that had tried an online language-learning platform.
User interviews were conducted with five participants that had tried an online language-learning platform.
75% of participants thought that the virtual class and online study groups was the best feature.
The features that participants liked most were native speaking teachers, flexibility in scheduling, small class sizes, unlimited classes with subscription, and self-paced options.
Affinity Mapping
"
LIVE is a way to gain unlimited access to native speaking teachers and other students in your same language level."
~Shelby
"
We actively learn in in the online classroom instead of teaching ourselves."
~corey
"
"
LIVE is a way to gain unlimited access to native speaking teachers and other students in your same language level."
~Shelby about Babbel LIVE
"
"
We actively learn in in the online classroom instead of teaching ourselves."
~Dominic about Babbel LIVE
In summary: Introducing a feature that offers users access to flexible, 24/7 online classes led by native-speaking teachers - along with unlimited interaction with peers at the same proficiency level - could boost revenue by enabling a subscription-based pricing model.
In summary: A platform that allows people moving cross country to enter a specific route and search hotels along their route would greatly assist users in an already frustrating time. The search and filter options enable users to easily find hotels that meet any specific need.
Define
Define
Define
User Personas
Two user personas were developed based on research findings to represent the needs of individuals looking for a language-learning platform that offers flexible online classes.
Two user personas were developed based on research findings to represent the needs of individuals looking for a language-learning platform that offers flexible online classes.
Two user personas were developed based on research findings to represent the needs of individuals looking for a language-learning platform that offers flexible online classes.
How might we integrate an online class option to the existing app that will allow users to schedule online language classes with 6 or less other students.
How might we integrate an online class option to the existing app that will allow users to schedule online language classes with 6 or less other students.
Project Goals
Problem Statement
Duolingo currently does not offer an option for users to join small online language learning groups.
Duolingo currently does not offer an option for users to join small online language learning groups.
Ideate
Ideate
Ideate
User Flows
Two user flows were developed and tested to gain insight into how the users navigate the platform.
Two user flows were developed and tested to gain insight into how the users navigate the platform.
Two user flows were developed and tested to gain insight into how the users navigate the platform.
Sign up for Duo LIVE
Sign up for Duo LIVE classes
Mid fidelity Wireframes
Mid fidelity Wireframes
Mid-fidelity wireframes were created to conduct usability testing with five participants, focusing on the user flows. The goal of the first test is to find the pain points in signing up for Duo9lingo LIVE. The goal of the second test is to enroll in an online class using the interactive map.
Mid-fidelity wireframes were created to conduct usability testing with five participants, focusing on the user flows. The goal of the first test is to find the pain points in signing up for Duolingo LIVE. The goal of the second test is to enroll in an online class using the interactive map.
Mid-fidelity wireframes were created to conduct usability testing with five participants, focusing on the user flows. The goal of the first test is to find the pain points in signing up for Duo9lingo LIVE. The goal of the second test is to enroll in an online class using the interactive map.
Sign in/ Create account
Enroll in class
Usability Testing
Enroll in Online Class Flow
100% of participants accomplished the task within 48 seconds.
Enroll in Online Class Flow
60% of participants accomplished the task with no misclicks.
Design
Design
Design
Component & UI Kit
A component and UI kit was developed to streamline the design process and ensure consistency across the platform.
A component and UI kit was developed to streamline the design process and ensure consistency across the platform.
A component and UI kit was developed to streamline the design process and ensure consistency across the platform.
High Fidelity Wireframes
High-fidelity wireframes and a prototype were developed to conduct more in-depth usability testing of the platform.
High-fidelity wireframes and a prototype were developed to conduct more in-depth usability testing of the platform. I wanted further insight into pain points signing up for Duolingo LIVE, and enrolling in an online class after being signed in.
High-fidelity wireframes and a prototype were developed to conduct more in-depth usability testing of the platform. I wanted further insight into pain points signing up for Duolingo LIVE, and enrolling in an online class after being signed in.
Sign up for Duolingo LIVE
Enroll in an online class
Test
Test
Test
Usability Testing
Usability testing was conducted with five participants , and revisions were made based on the insights gathered.
Usability testing was conducted with five participants , and revisions were made based on the insights gathered.
Usability testing was conducted with five participants , and revisions were made based on the insights gathered.
Remove the continue button when signing up for an online class.
Revisions
Revisions
Removed the continue button.
Removed the continue button.
Summary
Designlab UI/UX Academy
This project was the add a feature project for Designlab UX/UI Academy
Main Challenge
I found it challenging to decide which page of the existing website made the most sense to add the new feature due to the fact that the existing website has a distraction free linear flow without distinct navigation.
Key Takeaways
This project contributed to my growth in UX design by teaching me to work within constraints of an existing design system.
Summary
Summary
Designlab UI/UX Academy
This project was the add a feature project for Designlab UI/UX Academy.
Main Challenges
I found it challenging to decide which page of the existing website made the most sense to add the new feature due to the fact that the website has a distraction free linear flow without distinct navigation.
Key Takeaways
This project contributed to my growth in UX design by teaching me to work within constraints of an existing design system.