UX Case Study — Learnlingo, Vocabulary Learning & Translation App

Background

I have been a UI/UX designer since the beginning of my design career. There was not much user research-backed design work when I started working as a web designer. The field of design has gradually progressed, and there is a mass requirement of user research in the field of design in tech.

My Role

As a User Experience design student, my role was to perform a task given to me after concluding each lecture. There were tutors and mentors for guidance if required. Some assignments involved basic research, e.g., competitive analysis, and others involved support from some participants, e.g., User Research.

Challenge

To build a Mobile App which empowers people to learn new vocabulary.

Competitive Analysis

I compared the following three mobile apps — Memrise, Babbel & Duolingo. After noting down the pros & cons of each app, I concluded that among the three excellent language learning apps, user experience-wise, Duolingo & Babbel both were great apps. The only difference between the two was that Duoling seemed to be more fun because of their use of kiddish graphics & Babbel was more solemn due to their usage of conventional colors & usage of actual voice recordings. Both seemed to have a great combination of UI & UX — intuitive and clutter-free to use.

Three language learning mobile apps I chose to study

Creating User Persona

I took three user interviews with a goal is to gain insights into the needs and wants of users so that you may better design your app. All three of my participants had experience using similar language learning apps to learn a new language or revise/learn vocabulary.

  • After the discussions, I summarised what my participants were doing, thinking, and feeling.

User Persona — Meet Karan

Karan’s Goals & Challenges

User Stories

  • As a resident, I want to communicate with the locals well to feel a part of the community.
  • As a busy professional, I want to learn in the quickest time possible during my commute to maximize that time.
  • As a tech-savvy person, I want to use an app that is good-looking & straightforward to use, so I have a good user experience.

Job Stories

  • When I get a chance, I want to communicate well with the locals & my colleagues to have better opportunities professionally and socially.
  • When I am commuting, I want to make full use of the available time to learn a new skill/language.
  • When I use an app, I want to see a good-looking, engaging, and easy-to-use app.

Problem Statement

Karan needs to learn German, as he feels that it is essential for him to do so & learning will make a massive difference in his daily life. Due to his busy schedule and struggling to complete his tasks, he cannot integrate learning into his schedule.

Hypothesis Statement

It is creating a learning experience that is easy, intuitive & helps him solve his daily life problems — an application with good user experience & fun to use in less time. Thus, creating an app that has features required by users like Karan.

Task Analyses & User Flow

I followed the information architecture as the next subsequent step, thus defining the structure of my mobile app. According to my user stories, I decided on the two most essential tasks for my primary persona. I created user flows for the primary and secondary tasks, focusing on the “happy path” (i.e., the quickest and most effective way to get from the entry point to success).

Wireframing & Prototyping

I created some preliminary sketches based on the user flow, keeping in mind the feature requirements outlined in the project brief, followed by a clickable prototype.

Usability Testing

I used the clickable prototype with some users for testing my app. I planned some tasks for them to perform within the session. After the session, I created a usability test report, mentioning the severity of each task going from 4 to 1, with 4 being catastrophe & 0 means no usability problem.

Tasks for the users

  1. Open the Learnlingo App, set it up, and see what it delivers on the whole.
  2. Some important bank documents came in at your place with the country’s native language, not your language yet. Try translating those docs using Learlingo.
  3. You are about to go for a backpacking trip to Italy & you want to get a raw feel conversing with the locals and try creating a vocabulary list of the essential words used in Italy.
  4. You work & live in Germany, your colleague was having a conversation with you & used some German words which you didn’t understand the meanings of, try and translate them using Learnlingo.

Problems Discovered

  • Task 1 had a severity level of 1: All the users find onboarding useful & quick.
  • Task 2 had a severity level of 3: Users could figure out the task & do it, though they found some things missing.
  • Task 3 had a severity level of 0: All users could do this task with ease.
  • Task 4 had a severity level of 4: Most of the users were confused in this ask. Some users found the text confusing & others were confused with features.
  • I added the features like translating images, documents, etc.
  • I also tweaked the home screen by extending white space. I made it more intuitive by introducing some missing screens, like adding a new language & proper onboarding.

Next steps

Here is a list of steps that I would like to follow to improve my iOs language learning app — Learnlingo:

  • I would test my high-fidelity wireframes prototype with my users. After the user testing and knowing more about my user’s needs & my product’s value, I would create a brand identity for my app’s design.
  • After the designs are ready, I will test them again for validation before going into development.

My Learnings

  • Learning the importance of the User Experience design process
  • Planning & Execution according to the Design Thinking Process & constraints
  • Importance & types of User Testing
  • All about User Interviews, why & how to conduct them?
  • Storytelling is crucial while presenting any UX project

👩🏽‍💻 Currently Converting research into solutions, creating thoughtful & unified interfaces & systems. 🔍 Also looking for a full-time job in Berlin.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store