TalkTalk: Language Learning App With Integrated AI

TalkTalk: Language Learning App With Integrated AI

TalkTalk: Language Learning App With Integrated AI

App Concept, Product design

Solo Project

Figma, Illustrator

About

About

About

TalkTalk connects people from around the world and removes our language barriers.



TalkTalk will help language learners become fluent by focusing on speaking and writing skills. MAI is the AI assistant who will help correct errors in pronunciation, grammar, and more.

TalkTalk connects people from around the world and removes our language barriers.



TalkTalk will help language learners become fluent by focusing on speaking and writing skills. MAI is the AI assistant who will help correct errors in pronunciation, grammar, and more.

Prototype

Full Case Study

Animated Demos

Animated Demos

Animated Demos

The Problem

The Problem

The Problem

01

01

01

Many people fail at acquiring a second language because they neglect practicing comprehensible output (speaking or writing).

Many people fail at acquiring a second language because they neglect practicing comprehensible output (speaking or writing).

02

02

02

Only 20% of U.S. citizens speak a second language.

Only 20% of U.S. citizens speak a second language.

03

03

03

After passing childhood, many people struggle with becoming proficient in a second language.

After passing childhood, many people struggle with becoming proficient in a second language.

How might we help language learners practice conversational & writing skills using AI?

How might we help language learners practice conversational & writing skills using AI?

How might we help language learners practice conversational & writing skills using AI?

Audience Research

Audience Research

21 participants took a survey regarding their language learning experience.

21 participants took a survey regarding their language learning experience.

100%

100%

of participants found speaking to be the most difficult aspect of language learning.

61%

61%

of participants had difficulties with limited speaking opportunities.

of participants had difficulties with limited speaking opportunities.

Although language learning improved 72% of the respondents' lives,

Although language learning improved 72% of the respondents' lives,

66%

66%

stopped their language learning journey.

90%

90%

of respondents reported being dissatisfied with their current language learning progress.

User Interview 1

User Interview 1

User Interview 1

Bradley

Bradley

Bradley

Software Engineer

Software Engineer

“ I think AI can help language learners. We already see impressive results in generating speech from small amounts of input data. It can create content for learners and do a good enough job to be useful.”

“ I think AI can help language learners. We already see impressive results in generating speech from small amounts of input data. It can create content for learners and do a good enough job to be useful.”

User Interview 2

User Interview 2

User Interview 2

Reesa

Reesa

Reesa

Student

Student

“In language apps, they give you too much info that a beginner cannot understand. It feels kind of useless. They don’t explain what you’re trying to learn well.”

“In language apps, they give you too much info that a beginner cannot understand. It feels kind of useless. They don’t explain what you’re trying to learn well.”

New language learners need a way to easily practice conversational skills because it is difficult to find people to practice with.

New language learners need a way to easily practice conversational skills because it is difficult to find people to practice with.

New language learners need a way to easily practice conversational skills because it is difficult to find people to practice with.

The Solution

The Solution

The Solution

By creating a language learning app that focuses on comprehensible output using a real time AI assistant, users can confidently learn a new language without pressure.

Figma File

Branding & Design

Branding & Design

Branding & Design

After I had TalkTalk's concept validated, I defined our app’s branding and visual design. Throughout this process, I defined the app’s name, color palette, typography, illustrations, and components.

Usability Testing

Usability Testing

Usability Testing

I administered remote moderated user testing where I took notes and collected qualitative data. This is where I found the main friction points and improved the design based on user feedback. I asked users open-ended questions on their experience and what improvements could have been made. Using the feedback I received, I created changes on the final design.

Selecting Prompt

Selecting Prompt

Selecting Prompt

Change 1

Change 1

Testers were confused about whether they should choose a prompt or start directly speaking. Rather than giving them both options on the same screen, the new design gives them the prompt options first.

Testers were confused about whether they should choose a prompt or start directly speaking. Rather than giving them both options on the same screen, the new design gives them the prompt options first.

Showing Errors

Showing Errors

Showing Errors

Change 2

Change 2

Testers noticed that the text was a bit difficult to read, so the font size was made larger. The way the solution was presented was confusing to testers. Putting the side by side was easier to understand. Users were worried about accidentally switching to another screen while typing, so the navigation bar was removed.

Testers noticed that the text was a bit difficult to read, so the font size was made larger. The way the solution was presented was confusing to testers. Putting the side by side was easier to understand. Users were worried about accidentally switching to another screen while typing, so the navigation bar was removed.

Making Appointment

Making Appointment

Change 3

Change 3

Testers suggested allowing users to select their own time and date rather than having predetermined ones taking up the screen. They also wanted to know more about the person before making an appointment.

Testers suggested allowing users to select their own time and date rather than having predetermined ones taking up the screen. They also wanted to know more about the person before making an appointment.

Final Task Flows

Final Task Flows

Final Task Flows

The final flows focuses on creating a fun experience while strengthening users' speaking and writing skills. By using TalkTalk, language learners can receive a personalized experience and learn with ease.

Flow 1

Flow 1

Flow 1

Texting/ writing practice with MAI

Texting/ writing practice with MAI

Texting/ writing practice with MAI

Highlights

Highlights

Users are able to practice their comprehensible output skill, writing, through this flow. MAI, the AI assistant is able to provide real time corrections. Users can choose to correct their texts themselves or have MAI give them feedback.

1. Tap "Text MAI"

1. Tap "Text MAI"

2. Select prompt

2. Select prompt

3. Begin typing

3. Begin typing

4. Tap send button

4. Tap send button

5. MAI responds

5. MAI responds

6. Tap "show errors"

6. Tap "show errors"

7. Recieve feedback

7. Recieve feedback

Flow 2

Flow 2

Flow 2

Speaking practice with MAI

Speaking practice with MAI

Speaking practice with MAI

Highlights

Highlights

Users are able to practice their comprehensible output skill, speaking, through this flow. Like the previous flow, MAI is able to provide real time corrections and choose to see the corrections.

1. Tap "Speak to MAI"

1. Tap "Speak to MAI"

2. Select prompt

2. Select prompt

3. Tap microphone

3. Tap microphone

4. Speak into mic

4. Speak into mic

5. MAI responds

5. MAI responds

6. Tap "show errors"

6. Tap "show errors"

7. Recieve feedback

7. Recieve feedback

Flow 3

Flow 3

Flow 3

Scheduling a call

Scheduling a call

Scheduling a call

Highlights

Highlights

Users noted that they enjoyed having a personalized AI assistant, but still wanted human connection. This flow allows users to connect to others who share the same interests, schedule, and language.

1. Tap "Schedule"

1. Tap "Schedule"

2. Tap on profile

2. Tap on profile

3. Choose call langth

3. Choose call langth

4. Choose date

4. Choose date

5. Choose time

5. Choose time

6. Tap "schedule"

6. Tap "schedule"

7. Recieve confirmation

7. Recieve confirmation

Reflections

Reflections

Reflections

One of the challenges I faced was conducting user surveys. This was my first time making user surveys and had to redo this part several times, but eventually got data that immensely helped my project.

I’ve learned that the design process isn’t always linear and that it is okay to go back a few steps before proceeding. I was able to make this project better because of my mistakes. I am able to better understand how to make my users happier.

One of the challenges I faced was conducting user surveys. This was my first time making user surveys and had to redo this part several times, but eventually got data that immensely helped my project.

I’ve learned that the design process isn’t always linear and that it is okay to go back a few steps before proceeding. I was able to make this project better because of my mistakes. I am able to better understand how to make my users happier.