A vocabulary learning app that uses flashcards and gamification
A vocabulary learning app that uses flashcards and gamification
Overview
Vocab-tastic is a vocabulary mobile application that uses flashcards and gamified learning to help users improve their English vocabulary.
Purpose: An introductory project for my UX Fundamental course in CareerFoundry
Duration: 2 months (Part-time)
Role: UX Designer
Methods: Design Thinking
Tools: Pen and paper, Marvel app
What app features will help users to be motivated and engaged in learning new vocabulary?
Problem Statement
It's quite challenging when we want to learn new words and try to recall them. Building our vocabulary is a continuous learning process and should be practiced often to be able to remember them when there's an opportunity to use them. Our users need a tool that is easy to use, fun, and will keep them engaged.
Solution
Build a mobile application that will help users improve their English vocabulary through the use of flashcards and gamification.
USER INTERVIEW
To get a better understanding of my target audience, I conducted 3 interviews with participants who had used vocabulary learning applications in the past.
The result of the interviews was sorted into 3 categories: Doing, Thinking, Feeling.
Click here to view the detailed user interview results.
Main Takeaways:
Foundational Design
WIREFRAMES & PROTOTYPE
I created my low-fidelity wireframes using pen and paper because of its speed advantage and simplicity.
Below images are some examples of my low fidelity wireframes.
For the dashboard page, I added a weekly report section so that the users can easily see the summary of their progress throughout the week.
As for the games page, since there are only 2 game categories ( reading & writing ), I used a tab-style design for simpler navigation.
I then used the Marvel app to create my low-fidelity prototype.
Click here to view the Low Fidelity Prototype.
Testing
USABILITY TESTING
The next step is to test my low-fidelity prototype with potential users. I prepared a test script and a test plan then conducted my usability testing with 3 participants.
I asked them to complete the following four direct tasks when testing the prototype:
All the identified issues were then ranked according to Jakob Nielsen's error severity scale and the result is tabulated in my Usability Test Report.
Jakob Nielsen's rating scale:
Next Steps
This introductory project has given me an overview of the design thinking process. It ended after one round of usability testing but it is far from finished. Thus, my next steps will include converting the sketches into digital wireframes and conducting another round of user testing.
Learnings