Case Study
Vocabulary Learning App
Overview
-
Larry is a fun and friendly app to help students learn vocabulary for any subject
-
The objective was to create a product that would be delightfully encouraged the user to study both by themself as well as with friends and classmates
-
It was important to create an experience that was mentally effective in terms of retaining the information, while also creating an experience that was easy and quick to open in and jump right into, much like the way people currently use social media, so we want to mimic those patterns in a sense
-
This was an app I designed as a student, and then later returned to improve certain elements.
What I did
-
Conducted user research
-
Competitive analysis
-
Usability testing
-
Created wireframes and prototypes from low-fidelity to high-fidelity
First Steps
Competitive Analysis
-
To begin, I checked out a handful of apps in this space including Duolingo, Quizlet.
User Interviews - interview questions and participant notes
Click image to enlarge
User Persona
User flows
Then I created some user flows to think through tasks such as creating cards, and using group mode.
Initial sketches and ideas
Then I did some sketches to generate and think out ideas related to:
-
What should be on the home screen
-
How to go about groups and sessions
Paper prototype and testing
I quickly put together a paper prototype to some early feedback​
Usability Test Plan / Results and lessons learned
First digital wireframes
​
-
I then talked to people that were current students, as well as students who had finished school within the last 1-2 years. My thinking with this was that recent students may provide feedback that was reflective on their time spent as a student, which may inspire different attitudes than current students
-
Main takeaways included:
-
People want simple and easy​
-
A "fun" or "cute" interface, but not something overly animated or cute. They found this to be necessary, distracting at times, and gimmicky
-
Hi-fidelity wireframes
After the marvel prototype was tested, I continued the project in Adobe XD and created high-fidelity wireframes that addressed the feedback I got.
Next Steps
-
Hi-fidelity mockups will be added to as I continue developing the UI of this application with help from preference test results
-
I also plan to add the full information architecture, and style guide​