Gain confidence in real-world communication, fostering fluency and cultural understanding for diverse linguistic experiences.

iOS Mobile App  /  UX Research  /     UX/UI Design  /  Branding  /  Testing

Timeline

2 Weeks    Fall 2023
Solo Student Project;  UX Research, UX Design, Usability testing, UI Design, Interaction Design,  Visual Design, Concept Design

My Role

Figma, Photoshop, Illustrator, Google Docs, Keynote, Quicktime, Google meet, Zoom, Pen&Paper

Tools used

THE GOAL

The goal of the project was to design a mobile application that empowers people to learn new languages effectively and efficiently. Recognizing the challenges of integrating new vocabulary into daily life, the app facilitates short, manageable study sessions that can be conducted on-the-go—whether on a commute, between classes, or during a lunch break. This approach caters to the busy schedules of students, professionals, and lifelong learners who seek to enhance their language skills in a practical, accessible manner.

Communicate effectively
in real-life situations.

Embrace the confidence to speak any language fluently.

Problem

While learning new disciplines or languages, students not only struggle with absorbing jargon and new concepts but also face a significant gap between the language skills taught in educational settings and their practical application in real-world conversations. This disparity often leads to a reluctance or fear of speaking and using the language actively.

The challenge is to understand why this gap exists and how we can bridge it effectively. There is a pressing need for a methodical tool that allows learners to categorize, reference, and study new vocabulary and concepts efficiently, thus enabling them to progress confidently in their language proficiency and to use their skills practically and fearlessly in daily interactions.

Problem Statement

How might we design a mobile app that empowers people to learn to speak new languages?

My Solution

To address this challenge, I designed an online course-cum-app that leverages the capabilities of AI to enhance language learning.

The app features AI tutors that guide users through lessons, facilitate conversations, and provide corrections and support in real-time. This solution not only aids in building fluency and enhancing pronunciation but also supports users in tackling grammatical nuances and expanding their vocabulary daily, ensuring they can speak with confidence.

My Role

As this was a solo UX project, my responsibilities spanned the entire product development lifecycle—from secondary research, conducting competitor and user research to defining user needs and personas. I developed user flows and task analyses, created wireframes and prototypes, and conducted usability testing to refine the interface and interactions.

White Paper Research

In the preliminary stage of my solo research, I uncovered a significant barrier to language learning: language anxiety. This anxiety affects one in four learners and arises from stressful, often embarrassing situations that make individuals feel worried and self-conscious. These emotional responses can severely impede a learner’s ability to engage and progress effectively.

This discovery highlighted the critical need for a solution that not only teaches languages but also builds learner confidence and mitigates the emotional challenges associated with acquiring a new language.

1  in  4

Suffers from language anxiety

Competitive Analysis

In my comprehensive competitive analysis, I focused on dissecting three prominent vocabulary and learning apps that leverage AI as a core learning tool. This emerging technology has catalyzed the development of numerous applications, each offering a unique approach to language acquisition.

Through my research, I uncovered substantial variations in functionality, user experience, and reliability among these apps. I found that the apps are mostly targeted at people who like gamified apps. The interfaces were mostly quite naive, and to my surprise, somewhat girlish & childish. 

Strengts

Thorough Feedback: Some apps provided detailed feedback on user progress and performance, enhancing the learning experience by offering valuable insights and guidance.

Personalized Study Plan: The best-performing apps offered personalized study plans tailored to individual learning styles and goals, maximizing the effectiveness of language acquisition.

Interactive Avatar: One standout feature observed was the integration of interactive avatars, adding a dynamic and engaging element to the learning process.

Weaknesses & Opportunities

Language Diversity: While some apps focused solely on English, others boasted support for over 140 languages, catering to a diverse global audience.

Translation Accuracy: However, I noted instances of inaccurate translations within certain apps, potentially undermining the learning experience and user trust.

UI Design: The user interface varied significantly across apps, ranging from sleek and intuitive designs to more simplistic and childlike interfaces.

User Interviews

To deeply understand the emotions, pain points, and frustrations users experience with language learning apps, I conducted interviews with three adult learners from diverse backgrounds. These interviews were crucial for gathering firsthand insights about our target audience’s experiences, challenges, and desires, enabling us to tailor our final product to meet their specific needs effectively.

During the interviews, I explored the reasons behind their use of existing vocabulary learning apps and the obstacles they encountered. I asked targeted questions to uncover underlying trends and motivations for language learning, such as:

“Could you describe real-life instances where mastering this skill would have benefited you?"

"Can you share a situation where you wished to use this new language or vocabulary?"

The key takeaway was unmistakable:

users sought to learn or maintain language skills primarily for various social interactions. They expressed a desire to communicate effectively in foreign languages during business events, while traveling, relocating to new countries, or celebrating special occasions. A common sentiment was the feeling of isolation when using typical vocabulary apps, which lacked interactive elements that encouraged actual language use.

Social Utility
Users primarily seek language skills for social interactions, such as business events, travel, and special occasions, indicating a strong need for practical language use.

Desire for Interaction
There is a significant demand for more interactive features within apps to avoid the isolation often felt with traditional vocabulary learning tools.

Need for Personalization
Users emphasize the importance of easy navigation and personalized learning experiences tailored to their individual language goals and contexts.

Personas

To better empathize with our target audience and shape a tailored learning experience, I developed three distinct personas. These personas represent a range of backgrounds and needs within our user base, ensuring our design addresses diverse challenges and aspirations. Each persona embodies typical user characteristics and scenarios that guide our design process towards more personalized and effective solutions.

Card Sorting

With all of this information in hand, I needed to start prioritising the insights to form a strategy. I started with understanding the users key pain points and prioritising the wants and needs. After that I organised all the data with card sorting to clarify all of the information for better user flow.

I asked myself questions like “What problem am I trying to solve with this?“ “What is the main point of the app? What is the easiest way to get there?”

Task Flow

Next, I delved into the task flow designed to streamline the user experience from opening the app to completing a lesson and providing feedback. By mapping out this process, I wanted to ensure a seamless journey for users as they engage with the language learning platform.

Design Process

I started rapid prototyping with low-fidelity sketches. I tried different methods, like the Crazy Eight and time blocking. I brainstormed solutions for each problem and how to find best solution for each step.

I tried to make the task flow straightforward and minimize the number of clicks, but without compromising the takeaways I had from my research. Users wanted to work toward a goal to maintain their motivation.

Onboarding played a significant role in setting the goal and determining their starting level. To offer lessons for all occasions, my goal was to have two types of lessons: generated and customized. My initial idea was that during the lessons, an AI Avatar would interact with the user, providing useful feedback immediately. More comprehensive feedback data would be provided to users after completing the lesson.

MID-FIDELITY WIREFRAMES

Usability Testing

I started usability testing with three participant. I felt a bit confused, cause I didn’t get much, well, basically any valuable feedback from the users. I decided to continue the testing with two more participant. The end result was the same. I wondered, are the users just being polite to me? To clear my doubts, I decided to conduct the test with one more person. After going through six usability testing, I had to approve the test results. With three out of six users pointed out only one pain point; they were unsure about the button for translating the Avatar's speech.

Iteration

High-Fidelity Wireframes & Prototype

By creating prototypes and conducting user testing, I gained valuable insights into user preferences, pain points, and behaviors. This iterative process enabled me to enhance my design solutions, tackle usability challenges, and ultimately deliver a more user-centric experience.

Brand Promise

We recognise diversity and offer a personalised approach to language learning.

The language learning journey is as unique as the individual embarking upon it. In our app, we recognize this diversity and offer a personalized approach to language learning. Our innovative feature allows users to tailor their learning experience to their specific needs and preferences, ensuring a more engaging and effective learning journey.

Choose Personalized lessons, or custom own topic.

The app offers personalized language learning lessons and custom lessons, empowering users to take control of their learning experience. With personalized lessons, users can insert their own topics, grammar rules, or vocabulary, allowing them to focus on areas most relevant to their learning goals. These personalized lessons are designed based on a thorough onboarding questionnaire, ensuring that the content is tailored to each user's proficiency level and learning objectives.

Choose Your Own AI Avatar

With our personalized language learning feature, users can embark on a tailored learning journey that meets their individual needs and preferences. By offering customizable lessons and intuitive navigation, we aim to empower users to achieve their language learning goals with confidence and efficiency.

Navigation

Through usability testing, we gathered valuable feedback from users. One key insight was that users did not find the bottom navigation necessary, as they primarily used the lessons. As a result, we removed the bottom navigation to streamline the user experience and reduce clutter. Additionally, we introduced a burger menu as an easy and simple way to access all admin area content, ensuring that users can easily manage their personalized lessons and preferences.

Key Takeaways

In reflecting on my journey through this UX design process, I've gained a wealth of knowledge and insights that have significantly enriched my understanding of user experience design. Here are the key takeaways from this invaluable learning experience:

Iterative Testing and Feedback: Iterative testing and feedback loops were essential for refining and enhancing the user experience. I learned that gathering feedback and arranging usability testings as early as possible, will benefit the product design process a lot. By continuously gathering feedback and making iterative improvements, I can address usability issues and optimize the user journey for increased satisfaction.
Personalized Features and Tailored Content: Personalization plays a significant role in enhancing user engagement and satisfaction. By offering personalized features and tailored content, we can create more relevant and meaningful experiences that resonate with individual users. I learned that the most powerful question is “why?”. This question can challenge the interviewees, and the facilitator plays a big role in listening to and analyzing the takeaways behind the words.
Clear Communication and Intuitive Navigation: Clear communication and intuitive navigation are essential for guiding users seamlessly through the platform. By prioritizing clarity and simplicity in design, we can minimize friction and help users achieve their goals more efficiently.

What I would do differently?

I would have conducted a more comprehensive competitive analysis, exploring a broader selection of language learning apps. A deeper dive into a SWOT analysis could have uncovered additional opportunities for the project. However, due to the tight timeline of only two weeks, I quickly transitioned to conducting interviews and user research.

I learned the hard way that colors behave differently on screens than they do in physical samples. Accustomed to working with tangible color swatches, I overlooked the nuances of how colors would appear in JPG mockups. Despite having honed my skills in color theory, this experience served as a valuable lesson in adapting to the tech environment. Fortunately, I gained this insight early in my UX journey, during my first case study.

Overall, this project has deepened my understanding of UX design principles and methodologies, equipping me with valuable skills and insights for future projects in the field. It has been an enriching experience that has prepared me to tackle new challenges and create impactful user experiences in the future.

High-Fidelity Wireframes

Check out similar works

Next Gen Healthcare - Preventing Burnout

Rebranding a Fashion Concept