BabbleBee


Language Learning App Design/ Research

Overview

The prompt of this design project was to create an application to solve a personal human-centered problem. In my time of reflection, I had to think about one thing I have been doing that never really worked out, self-learning a new language.

This app was created to allow language learners to have an environment to use the language they are learning in a real context.

Methods

  • Background Research

  • Competitive Auditing

  • Directed Storytelling

  • Prototyping

  • Wire framing

Deliverables

High Fidelity Prototype

Research

To start, I had to ask myself, how do we create a learning app? What helps a user learn the best and why? What are classic methods that already exist that work? I did background research and set up the basic frames and concepts that will allow a user to learn and retain language. This includes traditional lesson planning that have digestible and guided lessons paired with listening, speaking, reading, and writing exercises.

Next, I have to see what the competition is. I did a competitive audit to see competitors’ strengths/flaws. What makes each competitor unique and what did they do well to display their uniqueness? Duolingo was able to express their fun and gamey app well through vibrant colors, interactive features, and competitiveness through the usage of points and leaderboards. Rosetta Stone and Babbel had a very organized and intuitive layout. I also created an image board and analyzed how each app categorized and featured content.

After knowing what the market is, I went and talked to a few language learners through direct storytelling. These interviews focused on WHAT their language goals are and WHY? HOW do we (the app) help them attain that goal? A technique I used was laddering to understand their values (when it comes to learning languages) and what will work best for them in their context.

Finding

Users attributed the success of fully learning a new language to conversations and daily practice with native speakers. This was a key difference that I did not see any apps use to help supplement their users’ learning.

Proposed Solution

Let them talk!

Design Process

After the initial research, these were some key features I want to incorporate:

  • An interactive prototype that will keep users engaged

  • Fun!

    • Colors and graphics are proved to be effective

  • Intuitive

  • Guided flow would allow users to be guided through the lessons without much information

  • A design that helps this is the “lock” feature

  • Chat feature

  • This is a proven way for learners to retain language

Site Map

This sitemap was developed through research that focused on understanding the fundemental requirements to successfully learn a language. This research helped determine the structure of my mobile app-led language learning platform. Through a synthesis of the findings, I found that it was important to categorize the main components in the following manner: a dedicated section for the primary lessons encompassing phonology, morphology, syntax, semantics, and pragmatics of a language. Supplementary lessons that complement the main curriculum, and a personalized "Me" page to monitor and comprehend the user’s progress. Additionally, I have included a chat feature to facilitate the application of newly acquired knowledge and provide a platform for users to practice and engage with the language in a practical context.

User Flow

Wire Frame

Home Page

Learn Page

Me Page

Chat Page

Final Product

Next Steps

  • Work with Language Instructors to not only understand the concepts of learning but to also create materials and lessons that is easy to digest

  • Usability Testing on new and old learners

  • AI chat Research

Previous
Previous

Levelrie

Next
Next

Dodge Nature Center