Word Magpie:
Exploring UX fundamentals through designing a vocabulary app

The guiding principles of UX and user-centered design fundamentals were used to create the end product of a clickable prototype. For this we did competitive research and user research, created user personas, did task analysis, created user flows, constructing wireframes, prototyping and usability testing.

Project overview

Roles

My Responsibilities:

Mentor: Farley Fernandes

Tutor: Jasmine Abu Sabha

Tools

CONCLUSION

Within the following presentation you will find the biggest decisions made to design the vocabulary app. For further details, after the presentation you will find the case study with more details.

Copy of Exercise 1.7: Presenting Your Work

CASE STUDY

Understanding & Defining

The project brief was to empower people to learn new vocabulary and creating a mobile application with that principle. I decided to start with the initial direction of a flashcard app where users are able to create custom flashcard decks for learning new words.

Key aspects of the users:

Competitive analysis

I started by doing an analysis on vocabulary learning techniques and looking at popular apps already on the market. This helps me understand what solutions already exist. I looked at the pros and cons of 3 language learning apps and wrote down some improvement suggestions. These three points (pros, cons, improvements) helped me guide me on my design solution.

The competitive analysis can be browsed through in the following presentation:

Exercise 1.1: Competitive Analysis

Empathizing

User interviews

To understand the user needs, I started by doing user interviews. I created an interview script and questions, and interviewed 4 people who were interested in learning new vocabulary.

User persona

I then analyzed and collated the data into a proto-persona. This would then help me whenever I needed to make decisions for the app's design. The persona gave me something -- or better yet -- someone to refer to when going through the design process.

Ideating

User stories & Job stories

To get a better understanding what tasks the user would like to complete in the app I created both user stories and job stories.

Problem statement

It's possible to come up or update the problem statement at any point in the design process. For this project, the problem statement revealed itself after creating the user stories and job stories.

You can explore the problem statement and the stories below:

Prototyping

First, I identified the most important tasks that the user needs to be able to complete. For this I aligned with the previously created user stories and persona.

These two user flows helped with coming up with a primitive sitemap and to help creating lo-fi wireframes.

Exercise 1.4: Information Architecture

Wireframing

To be able to test the user flows and overall how the app works in the hands of a real person, I created both lo-fi and mid-fi wireframes.

An early concept of editing and adding flashcards packs and flashcards. Comparison of lo-fi and mid-fi wireframes.

Testing & Refining

Equipped with the wireframes, I made them into a clickable prototype. This was used for the usability test with 4 people. The scope was to test the 2 main user goals of the prototype.

After analysing the interviews, I prioritised all the needed changes with Jakob Nielsen's error severity rating scale.

You can view the current version of the Word Magpie app prototype with all of the changes from the usability test on Marvelapp.

Thank you for reading the case study and engaging with my prototype! This prototype and exploration in the discipline of UX design happened as part of CareerFoundry's Intro to UX course in March of 2023.

If you'd like to get in contact or have any thoughts about the design (or want to send me some great cat memes), I invite you to get in contact.