Forgetful Friends

Mar 2021

 UX Research  |  UI + UX Design  |  Branding 

strip-h.png

DUOLINGO TRAVELER

Duolingo Traveler is a new mode designed for the existing app Duolingo.
It focuses on short-term language learning
and aims to create more convenient traveling experiences for our users.


No more long-term commitment to learning a foreign language months before you travel.
Download                                                        and go whenever you need!

summary

This is a group project for class, and the team needs to design a new user flow as well as a new visual style guide for an existing app within 3 weeks.

The app we chose is Duolingo.

role

Research

Competitive Analysis

Personas

Low & High Fidelity Prototypes

Style Guide

User Testing

Interactive Prototype

Marketing Materials

tools

Pen & Pencil

Paper

Camera / Smartphone

Adobe Suite

Figma

 

DUOLINGO APP ANALYSIS

unnamed.png

Duolingo is an American language-learning website and mobile app.
It features challenges, a game-like learning experience and unlockable language courses.

a1c9712f097feebdd63ab3d53a38764 1.png
image 27.png

current product offerings

1. Long-term study plan from basics to advanced

2. Language exams (which could replace TOEFL)

3. Duolingo stories: reading comprehension

4. Awards and lives to use for your lesson (gamify)

opportunity for improvements

1. Short-term study plan for basic traveling:

A customizable phrasebook for important words and sentences

Easily accessible online and offline



2. Cultural insights related to the phrases for better travel planning:

Japan: you cannot eat on the train

Thailand: you cannot talk about the King in public

Singapore: no littering or chewing gum or you would have to pay a fine



3. Real-time language assistance:

A real-time translation feature ( voice recognition )

 

 

research Process

- interview -

Capture.PNG
IMG_5403_edited.jpg

We decided to begin the research process by performing qualitative user research: interviewing people's language learning experience using Duolingo, as well as their preferred traveling habits. 

The goal was to interview people from a wide variety of age groups, occupations, and ethnicity.
When designing and asking questions, we were extra careful in keeping the questions neutral and open-ended.
We want to eliminate biases as much as possible so that we can accurately identify the user's pain points and problems, thus finding the best solution.

 

takeaways from interview

1. Duolingo is cute but it takes too much time to learn a language.


2. I prefer to google translate phrases when I travel because it’s faster.


3. I love Duolingo and use it to improve my language skills, but I never use it for short-term travels. I prefer google translate.

- personas -

Slide 16_9 - 3.jpg
Slide 16_9 - 4.jpg

- Competitive analysis -

After gathering information from our interviewers, I was in charge of researching the direct and indirect competitors of Duolingo. I picked 3 of the most popular language-learning apps:

1. Babbel ( direct competitor )


2. Rosetta Stone ( direct competitor )

3. Lingoda ( indirect competitor )

 

Paper prototype

- brainstorming -

IMG_5408.jpg

Using the information gathered from the research process, we move on to the design phase starting with a brainstorming session. In this session, we decided to use pen and paper to better capture ideas.

- rEFINING PAGES AND USER FLOW -

Wireframe.jpg

To better understand all the ideas generated from the brainstorming session, we refined the rough ideas and created a user flow of the app navigation. It helped our team to stay on the same page.

- Paper prototype -

We documented our ideas imagining how the user will actually use our app, testing out different actions and motions to move through each page. We want to use this interactive paper prototype to perform a round of user testing to gather feedback. This paper prototype is not only fast to make, but it also nicely demonstrates our ideas and the user flow. We believe that doing so will help us eliminate biases and mistakes.

 

testing & feedback

- testing with our paper prototype -

Using our interactive paper prototype, we presented our app to the class and gathered opinions from 3 teams, each consisting of 3 ~ 4 members. We documented their feedback and below is the insight we get.

Style 11 (1).jpg
Style 11 (1).jpg

- feedback evaluation -

Style 4.jpg
Style 6.jpg
Style 9.jpg
Style 5.jpg
Style 10.jpg
 

Wireframes

Final Two.jpg
 

branding & visuals

- style guide -

final art direction.jpg
final type.jpg
final typography.jpg
 

high fidelity prototype

- final screen design -

Slide 16_9 - 6.jpg

- interactive prototype -

 

marketing ideas

Last but not least, we designed marketing ideas to test out how our product will look like in real life.
Here are some of the ideas we created:

- Instagram stories -

Instagram Marketing.jpg

- Instagram promotion -

Frame 9 1.jpg
Frame 10 1.jpg

- mailing list -

Email Marketing.jpg

- poster & billboards -

Frame 11.jpg
3 1.jpg
Frame 3 (1) 1.jpg
2 1.jpg