Langchat: End to End Application
¡Hola!
¿Hola, qué tal?
Всем привет!
A language learning app designed to help anyone speak a language utilizing AI technology.
Привет
Research
Secondary Research
User Interviews
User Persona
Pov’s & HMW’s
Process
Design
Branding
Sketching
Wireframing
Testing
Prototyping
User Testing
Iterations
Role:
UX/UI Design, UX Research, Brand Design
Tools:
Figma, Google Excel, Google Docs
Secondary Research
Research
The Global Language Learning Application market size was valued at USD 3696.78 million in 2022 and is expected to reach a value of USD 8985.18 million by 2028. From individual learners to institutional learners, the landscape of language learning has expanded over the years.
For a better understanding of the current market for language learning, I’ve conducted a competitive analysis for Pimsluer, Babbel, and Duolingo. Pimsluer and Babbel offers a full experience, from courses (each with their own unique teaching styles) to individual learning and institutional learning classes. Both Pimsluer and Babbel offers a range of languages to choose from. Pimsluer focuses on auditory learning, making it easy for users to learn a course while on the go. Babbel focuses on a didactic learning approach, offering online classes, where a user doesn’t feel like they are learning on their own, but more in a structured class setting.
Duolingo has a different approach. Lacking structure and researched based learning style, Duolingo focuses on a game setting, where users pass each lesson in a game-like style, earning badges. Duolingo only offers basic language learning, as the app is not designed for more advanced users.
User Interviews
The goal of the interviews were to understand user behaviors, motives, and habits toward learning a language.
Key Findings:
Why One Learns a Language
50% of participants pick up a language to communicate better with their family, co-workers, etc.
25% of participants learn a language motivated by interest in the culture
25% of participants learn a language to adopt a new hobby
User Persona
With research completed, these two user personas were created for a more humanistic approach. Brian and Stellar come from different backgrounds with different motivations, but both have one common interest: learning a language.
POVs and HMWs
To help the brainstorming process for Langchat, I’ve created POV & HMW statements.
POVs
I would like to explore ways to help individuals learn a language no matter the skill level or busy schedule because everyone leads a different lifestyle.
I would like to explore ways to help individuals feel supported and receive help that they need.
I would like to explore ways to help individuals learn in an environment where they feel they have all the tools they need that a class setting would provide.
How One Learns a Language
50% of participants learn by self-teaching (pop-culture references, listening to music, watching movies, google translate)
25% of participants learn through a traditional class setting
25% of participants have established a foundation in a language from college and continue to practice by reading books, articles and current news
HMWs
How might we allow users to have a flexible and accommodating learning experience?
How might we allow users to have a personal experience, where user progress are tracked while needs are anticipated for each step of the experience?
How might we allow users to have a supportive learning experience, where responses are quick and all questions are answered?
Design
Feature Roadmap
To begin the brainstorming process, I created a short feature set to help align the best features for this project.
Must Have
Sign Up/Log-in
Quick and easy onboarding process to capture user language interests & skills before beginning a lesson
Dashboard
Home page to see the collection of languages and daily check in tracker
Courses/Lessons
Users can set how best they like to learn and how often they would like to hold lessons; personalized lesson plans
Chat bot
Users will get be able to ask as many questions and receive quick feedback; voice recognition for prompts that require an audio response within the lesson; the chat bot will help guide the lessons and over time, will be able to anticipate the users’ needs
Task Flow
Nice to Have
Audiobooks & Podcasts
Users will be able to choose from a variety of audiobooks & podcasts of the language of their choosing for more dynamic learning
Acheivements
Users receive badges for every lesson completed; certificates for completing a language skill
Before beginning sketching, I created an onboarding task flow to help create the flow for the application.
Can Come Later
Community
Users can connect with other users learning the same language and can talk amongst one another with questions
Sketching
Branding
With a rough sketch in mind, I decided to work on the branding of Langchat.
At this stage, I began roughly sketching out and brainstorming the initial design. From the feature set, I began to lean on a specific core aspect, the chat feature, that will lead to the main focal point of my project.
At this stage, I created a simple dashboard with the main features such as check in and word of the day. I was still considering what main function of the dashboard I wanted the users’ to have with the app. Additionally, I decided to focus on the chat as the main feature of how one would be learning a language, so I roughly sketched what the chat room would look like.
Typography
#5B9279
Wireframes
Logo
With branding completed, I began to tackle the onboarding as well as the chat experience.
I went through a variation of welcome screens, as I wanted users to be introduced to Langchat from the first screen, but wanted something simple. I decided to go with the last screen, shown below, as it stayed true to the branding wasn’t too chaotic in deisgn.
I then began building out the onboarding process. I created a short but interactive experience, to mimic a chat conversation within the process, as the chat function is the identity of this project.
#397CF7
#67F3C9
The chat room’s unique feature is that a user can have a conversational experience when learning a language. The chat bot learns over time and will increase each prompt and lesson for the day as the user uses the platform more often. I wanted to portray what a lesson would be like with the screens below.
A color scheme to promote a relaxed learning environment with a stand-out accent color.
#3A6EA5
#ED6A5E
User Testing
A chatbot to help you learn any language at your own pace. The user tests were to ascertain the success of the overall design as well as any iterations that were needed.
Testing & Iteration
VS
The first task was for users to complete the onboarding process. The goal was to understand the overall experience and take note of any feedback.
overall, participants were able to complete the task without any issues
75% of participants found inconsistency with a few placements of text bubbles
25% of participants found that with more time, they would’ve liked to see more of what the chat experience would be like
50% of participants found it fairly easy to enter the chat from the dashboard
Overall, every participant was able to complete onboarding with ease. 75% of participants stated that there was a lack of personality, so I added in a few infographics and modified the layout within the first few screens.
For the next task, I asked the participants to go through a chat experience for the first lesson.
Wrap Up
This was one of my favorite projects to work on. I enjoyed starting from scratch, as there were no design constraints to work with. The research was highly vital, as it began the whole process. Once I began wireframing, I found that feedback was an active part of the journey. It helped me focus my design and find what I was lacking. Creating the prototype brought my idea to life and showcased the idea of learning a language through a chatbot rather than structured lesson plans. Thank you for getting to the end with me!