UX Case Study — Learnlingo, Vocabulary Learning & Translation App

Background

I knew this much; UX designers rely on data, how people are currently using a product, website, or application. But, I felt a strong need to know the complete UX Design process, user research excites me, and at the same time, it was intimidating. So, I decided to fix that and learn as much as I can about the career I wanted to excel in.

I joined a UX Fundamentals course at CareerFoundry.
I undertook a course project to increase the practical knowledge & techniques to design like a UXer.

My Role

Challenge

I built an iOs app called “Learnlingo”. Below is the UX Design Process I followed:

Competitive Analysis

Three language learning mobile apps I chose to study

Creating User Persona

  • I made a list of direct quotes and general thoughts of my participants while conducting the interview, summarising what users were doing, thinking & feeling.
  • After the discussions, I summarised what my participants were doing, thinking, and feeling.

I realized how valuable this data was before I start building my product. The user interviews gave me insight into each of my user stories, allowing me to understand what the user persona could be like & what it wants to accomplish.

Based on the interviews, I created a proto-persona & 3 user stories. I also composed problem & hypothesis statements to precisely define goals and constraints, moving forward to build my app.

User Persona — Meet Karan

Karan’s Goals & Challenges

“I have a hectic schedule with work & family life. I hardly get any time for learning new skills or follow my hobbies. I try to push myself to learn the German language, as I understand its importance in my daily life.”

User Stories

  • 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 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

Hypothesis Statement

Task Analyses & User Flow

User flow map of Learnlingo app

Wireframing & Prototyping

Here are some initial sketches of Learnlingo app:

Usability Testing

Tasks for the users

  1. 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.
  2. 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.
  3. 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 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.

According to the user interviews, I made the following iterations on the sketches:

  • I improved the conversation flow, added the missing screens like changing languages, giving the user an idea of how can he/she use this feature.
  • 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.

After the iterated screens were put together, this is how the prototype looked:

Next steps

  • As I improved my app sketches, I would like to move on to Wireframing stage & start with the Visual Design Process.
  • 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

  • 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

Hope the case study helps in knowing my User Research Process. If you want to know more about Learnlingo UX Design Process, you can watch my youtube video here.

Give a 👏🏻 if you do & check out my LinkedIn, Cheers! 😀

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