main.jpg

APP DESIGN

THE IDEA

A language learning App that uses content based on the users interests in the language lessons and incorporates popular content products of the digital age, such as quizzes, trivia, games, etc.

Who, What, Why

Learning a new language is one of the most common resolutions throughout the globe, in fact studies show it has consistently been one of the top ten new years resolutions for the past 50 years. Language learning apps have been on the rise for years, however many people desert them early on and don't follow through.

It has been proven that people learn better and retain information better when it pertains to a subject that interests them. Furthermore, as the world changes and technology changes, the younger generations find themselves deserting conventional learning methods and turning to the online world. They are also easily distracted by all that social media has to offer them and spend hours on their phones.

Image by Kinga Cichewicz
Image by Atikh Bana

Name: Kelly Roland

Age: 27

Marital Status: Single

Occupation: Junior magazine editor

BA: Art history and communications

Kelly is the ultimate millennial. She does everything on her phone, maintains an active presence on various social media platforms and is constantly flipping through the various apps. Kelly has always wanted to loved Paris and dreams of learning french and living there for a while. She can't see herself fitting in a physical language course in her busy day and she remembers boring language classes in high school, where she was taught phrases she could never imagine herself using in conversation.

User Persona

Use Case

Kelly finds out about an oppurtunity to be relocated to Paris for a year by her magazine. She decides to finally learn french after years of postponing it to give her a leg up. She scrolls through the options and comes across Talko, an app that is full of all her favorite memes and buzzfeed quizzes, and seems to be geared toward a millennial like her.

Signs up to app

Choose language

Go through sign up wizard that learns your interests in detail.

Start first lessons, learning how the app uses personal interests to teach you.

Advance in app and win rewards.

Q2.jpg

wireframes

Initial sketch

First general sketch of how the app will be built and flow 

20181216_130505.jpg
20181216_130447.jpg
20181216_130517.jpg
20181216_131422.jpg

Other parts of the main app area keep in line with the simplicity the app requires

SIGN UP.png
CHOOSE LANGUAGE.png
difficulty level.png
Daily goal.png
Choose topic.png
Choose_topic_–_specific.png
study plan – 1.png
study plan – 2.png
lesson 1.png
lesson 1 – 2.png
lesson 1 – 1.png
lesson 1 – 3.png
lesson 1 – 4.png
lesson_1_–_11.png
lesson 1 – 5.png
lesson 1 – 6.png

Second stage UX

I divided the UX into three parts- the signup process, the main app and the lessons.

The key factor I kept in mind was streamlined and simplified processes, due to the "busy and distracting" content of the app.

Due to the personalized nature of the app, the sign up process is much longer than most.

My goal was to make it easy, fast and clear so as to not "lose" potential users.

Main app area that presents only the information needed and always shows you where you are at in the learning process.

A lesson grid that is as simple as possible and shows you what stage you are at was crucial due to the "busy" app content

lesson_1_–_15.png
lesson_1_–_14.png
lesson_1_–_13.png
lesson_1_–_12.png
profile page.png
stats.png
lesson_1_–_10.png

Final UI

talko screens.png
t3.png

4

t7.png

The lesson contents are very "busy"- gifs, vidoes, photographs, etc.

so the layout must be as clean and unassuming as possible. When scrolling down the lower menu appears, guiding the user to the different sections

5

Fun and new ways of teaching the material, combined with classic learning techniques

t6.png
t4.png
t5.png

6

Creating anticipation for the usually more mundane parts of a language app- success or failure, by incorporating the usage of popular gifs

t2.png

When the user chooses a language he is assigned a character that helps guide him through the process and teaches him about the app.

2

t9.png
t1.png

3

The registration process for this language app is longer and much more crucial than usual, because this is where the user chooses the interests that will later build his study materials. It was important to keep the user engaged and show him how many steps await him.

t8.png

MAIN COLORS

ICONS

DESIGN ELEMENTS

Each language has a character that accompanies the user during the lessons, for example- Pierre, the french poodle for French

1

Starting immediately with the onboarding, the user gets a sense that this is a more fun and cool language learning app than the others in the market, full of pop culture references and up to date trivia and games 

t10.png
t11.png
t12.png