Project Overview

UX Designer

Role

4 weeks - February 2024

Duration

Tools

Pen and Paper
Photoshop
Figma

Kalam is the first design project I created during the UX Design course with Career-Foundry.

I followed the steps of the Design Thinking Process to develop a low-fidelity prototype, which I then tested with potential users to identify areas for improvement.

Background


Competitive Analysis

To kick off the project, I reviewed three different vocabulary apps to gain insight into what's currently available in the market before developing my own.

#1 vocabulary app: FunEasyLearn

#2 vocabulary app: Magoosh

#3 vocabulary app: Vocabulary

User Research

User Research

User Flow 1

Task Analysis 1

User Flow 2

Task Analysis 2

User Persona

As a Biology Teacher: Karim target is to achieve high level of fluency in English specificity in pronunciation to help him to communicate with his students professionally and on a personal level as well.

What is the problem?

Karim, a biology teacher and medical student, aims to enhance his English fluency and broaden his vocabulary in both biology and medical terminology. Given his busy lifestyle, he needs to learn in small, manageable daily increments.

Developing an app focused on vocal and pronunciation techniques, offering a variety of topics and specialized terminology, along with daily engaging reminders and regular progress updates, will enable Karim to achieve his goal of improving his English pronunciation.

The Solution!

The wireframe of Kalam aims to emphasize vocal and pronunciation techniques while offering additional options and a wide range of topics and jargon.

Low Fidelity Wireframes

Wireframe# 1
Selecting a topic to learn.

  • You just moved to a new country and you want to learn the country’s language, you need an app that offers vocal learning so that you can listen to the vocabulary pronunciations.

  • You are professional, and looking for a vocabulary learning app that focuses on specific topics.

  • You are goal-oriented, you need to be able to track your learning progress so that you can be motivated to persevere.

  • You have got a lot on your plate, working and studying, you want to learn a little bit every day with a small portion so that it would suit your busy schedule.

Usability Scenario Test

Wireframe# 2
Starting daily learning.

Prototype modifications# 1
Changing the register button to the sign-up button to make it less confusing.

Prototype modifications# 2
Remove the pause & stop buttons, replacing them with forward (next word) and back (replay previous word) buttons. Add a search bar on top.

Prototype modifications# 3
Adding forward and back buttons & Clarifications regarding Vocal learning and the options.

Prototype modifications# 4
Incorporating a combination of learning methods, rather than requiring users to choose just one, and providing step-by-step instructions to guide them through the process will make learning easier and help avoid confusion.



What Are the Next Steps?

  • We are going to further develop the functions and the features of the app.
    Run as many usability tests as we need to have an in-depth understanding of what to do next.

  • Add animations, logos, graphics, and effects to enhance the overall app user experience.

  • Adding more learning languages.

  • Adding more learning methods (games or puzzles)

Previous
Previous

Your Dream Home

Next
Next

MediPlanner