UX Design

Showcasing projects and skills to elevate your company's user experience design.

VocabMaster App

Expert App

User Research

VocabMaster

The Tool to Expand your Vocabulary

How to making learning reliable and accessible anytime, anywhere, while empowering vocabulary growth.

The Problem

The Goal

Empower people to learn new vocabulary.

My Role

Tools used

Project Duration

Pen/Paper

Figma

User Research

UX/UI Designer

1 Month

With so many new concepts and terms to learn and internalize, it can feel overwhelming. That’s where VocabMaster comes in. It’s a tool designed to assist with learning new vocabulary, whether it’s a new language or a specialized set of terms and their meanings.

From competitive analysis and user research to creating personas and delivering the final product, the process always begins and ends with the users. It starts with gathering data through interviews and tests to identify the core problem. Before design concepts even come into play, understanding the users through personas and brainstorming potential solutions is essential. Once features are developed to address the problem, the cycle of ideation and usability testing begins to refine and perfect the design.

Overview

The Process

User Interviews

ICE BREAKERS QUESTION

• How often do you use mobile apps for learning purposes?

• What subjects or topics do you typically study or want to study using flashcards?

• How often do you review study materials or concepts?

• What features do you typically look for in educational apps or like?

USER INTERVIEW QUESTION

• Have you faced any challenges or frustrations while using existing flashcard apps or educational apps in general?

• What motivates you to continue using a flashcard app or any learning app over time?

• Are there any specific features or functionalities you would like to see in a flashcard app that you haven't found in existing ones?

COURO, 23, Aspiring linguaphile

Empathizing with Users

First, how do we put ourselves in our users' shoes? One important way, is by creating user personas.

User Persona

User personas help us to understand our target audience, fostering empathy and guiding user-centered design decisions. Below is a user persona I created based on the data collected of potential users of VocabMaster. This is a fantastic way to find the problem a user is facing.

User Flow

Prototype Wireframes

We gathered alot of data from the interviews, personas, and information architecture. Which lead us to the big question. What does a vocabulary app needs to help users learn new vocabulary quickly and efficiently? And what does that solution look like?

Lets get to the drawing board, literally!

FROM SKETCHES (low-fidelity) to PROTOTYPE (Mid-fidelity)

Lets Test Our Solutions!

USABILITY TESTING

Conducting Usability Test

After recruiting 3 participants, I then ask general questions, these questions are mandatory for introduction and serves as an ice breaker (questions exploring participants background and interests ). For each participant I test a total of 4 direct tasks. To help the user be able to understand the given task, a scenario is presented. Below are a few notes out of many of any interesting findings as the participants navigate each task through each scenario.

Observations and Recommendations

After recruiting 3 participants, I then ask general questions, these questions are mandatory for introduction and serves as an ice breaker (questions exploring participants background and interests ). For each participant I test a total of 4 direct tasks. To help the user be able to understand the given task, a scenario is presented. Below are a few notes out of many of any interesting findings as the participants navigate each task through each scenario.

Usability Test Results

Iteration is essential to UX design, below are designs before modifications and after. As a UX designer the process of re-iterating designs through gathered data from users is what user-centric solutions is all about.

Project Conclusion

Lily, 20, Preschool Teacher

“when I feel like I forgotten a few stuff I like to go back start from the beginning, then I text myself”

“Something that less time consuming, when creating the flashcards”

“A mixture of education and fun that has a reminder a reminder. It Make sure I’m having fun, learn at the same time.”

Dahi, 35, Warehouse Manager

Valuable Insights

Dahi-I avoid learning apps that have a timer. Having to quickly do something within a short time takes my focus away from learning I feel frustrated when I have less time to absorb and make sense in information”

Lily-”I find learning apps that make learning fun. I think if learning is fun It will be more engaging thus retain more information. I feel more willing to engage in learning if I know its going to be an enjoyable experience “

Couro-Seek expert, if they feel overwhelmed about a big project such as purchasing a house

3 participants out of 6

Vocab Master Figma Prototype