TalkTalk: Language Learning App With Integrated AI

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

3 Months

About

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 our 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 our 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 our AI assistant who will help correct errors in pronunciation, grammar, and more.

The Problem

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).

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.

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.

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?

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

Background Research

Background Research

Background Research

Background Research

21 participants took a survey regarding their language learning experience.

Only 10% of respondents reported being satisfied with their current language learning progress. Language learning improved 72% of the respondents’ lives, but 66% of them stopped learning.

21 participants took a survey regarding their language learning experience.

Only 10% of respondents reported being satisfied with their current language learning progress. Language learning improved 72% of the respondents’ lives, but 66% of them stopped learning.

21 participants took a survey regarding their language learning experience.

Only 10% of respondents reported being satisfied with their current language learning progress. Language learning improved 72% of the respondents’ lives, but 66% of them stopped learning.

What aspect of language learning was the most difficult?

What aspect of language learning was the most difficult?

What aspect of language learning was the most difficult?

What difficulties do you face when on a language learning app?

What difficulties do you face when on a language learning app?

What difficulties do you face when on a language learning app?

User Interview 1

User Interview 1

User Interview 1

User Interview 1

Bradley

Bradley

Bradley

Bradley

Software Engineer

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.”

“ 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

User Interview 2

Reesa

Reesa

Reesa

Reesa

Student

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.”

“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.

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

Low-Fidelity Wireframes

Low-Fidelity Wireframes

Low-Fidelity Wireframes

Low-Fidelity Wireframes

These are the first iterations of the wireframe flows. User testing was conducted and I took notes of what parts of the flows they had difficulties with.

These are the first iterations of the wireframe flows. User testing was conducted and I took notes of what parts of the flows they had difficulties with.

These are the first iterations of the wireframe flows. User testing was conducted and I took notes of what parts of the flows they had difficulties with.

Flow 1: Practice new language through texting skills with AI

Flow 1: Practice new language through texting skills with AI

Flow 1: Practice new language through texting skills with AI

Flow 2: Practice new language through speaking skills with AI

Flow 2: Practice new language through speaking skills with AI

Flow 2: Practice new language through speaking skills with AI

Flow 3: Schedule video call with a real person

Flow 3: Schedule video call with a real person

Flow 3: Schedule video call with a real person

Usability Testing

Usability Testing

Usability Testing

Usability Testing

After completing user testing, I compiled my notes and made changes to my final design based on the feedback I recieved.

After completing user testing, I compiled my notes and made changes to my final design based on the feedback I recieved.

After completing user testing, I compiled my notes and made changes to my final design based on the feedback I recieved.

Selecting Prompt

Selecting Prompt

Selecting Prompt

Selecting Prompt

Change 1

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.

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

Showing Errors

Change 2

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.

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

Making Appointment

Change 3

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.

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 Design

Final Design

Final Design

Final Design

The final designs can be viewed below and in the prototype. MAI is the AI assistant that helps users practice their language skills.

The final designs can be viewed below and in the prototype. MAI is the AI assistant that helps users practice their language skills.

The final designs can be viewed below and in the prototype. MAI is the AI assistant that helps users practice their language skills.

Practice new language through texting skills with AI

Practice new language through texting skills with AI

Practice new language through texting skills with AI

Practice new language through texting skills with AI

Flow 1

Flow 1

Flow 1

Users will be able to text MAI in order to practice comprehensible output and input through writing/reading. MAI gives users the option to view or fix their error before proceeding in the conversation.

Users will be able to text MAI in order to practice comprehensible output and input through writing/reading. MAI gives users the option to view or fix their error before proceeding in the conversation.

Users will be able to text MAI in order to practice comprehensible output and input through writing/reading. MAI gives users the option to view or fix their error before proceeding in the conversation.

Practice new language through speaking skills with AI

Practice new language through speaking skills with AI

Practice new language through speaking skills with AI

Practice new language through speaking skills with AI

Flow 2

Flow 2

Flow 2

Users will be able to talk to MAI in order to practice comprehensible output and input through speaking/listening. MAI gives users the option to view their error or fix their error first before proceeding in the conversation.

Users will be able to talk to MAI in order to practice comprehensible output and input through speaking/listening. MAI gives users the option to view their error or fix their error first before proceeding in the conversation.

Users will be able to talk to MAI in order to practice comprehensible output and input through speaking/listening. MAI gives users the option to view their error or fix their error first before proceeding in the conversation.

Schedule video call with a real person

Schedule video call with a real person

Schedule video call with a real person

Schedule video call with a real person

Flow 3

Flow 3

Flow 3

Users will be able to schedule video calls with real people. MAI is the stepping stone to creating social connections.

Users will be able to schedule video calls with real people. MAI is the stepping stone to creating social connections.

Users will be able to schedule video calls with real people. MAI is the stepping stone to creating social connections.

Reflections

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.

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.