Competitive analysis, User Interviews, Ideation, Wireframing, Prototyping, User Testing
Figma, Overflow, Marvel, After Effects
Careefoundry: Valeria Zaide,
Frederico Valensise
To develop a vocabulary learning app that encourages the user to practice regulary.
An experience to learn vocabulary with fun and the feeling of effortlessness.
During my UX Design studies at Careerfoundry, I went through the stages of the UX Process to research a vocabulary learning app.
The result is a rough prototype presenting a learning concept that connects well-established learning techniques with user interest topics.
Competitive analysis,
User Interviews,
Ideation,
Wireframing,
Prototyping,
User Testing
Figma,
Overflow, Marvel
To develop a vocabulary app, I first had to research answers to these 3 questions:
To get to a suitable solution in a defined amount of time, I turned to the stages of the design thinking process.
To know the competition, I carried out a competitive analysis. The Competitors were chosen by the following criteria:
Positioning in the market
Babbel – Market leading (Germany)
Quizlet – Popular middlefield
Flashcard – Niche Product
Paying Plan
Babbel – Premium
Quizlet – Freemium
Flashcard – Free
Insights
It makes a difference if onboarding is "typing in data" or used to introduce the app.
Studying is always motivated by the want or need to tackle something. It is good to address these feelings in the experience. Even though learning is better done playful, the UI should be rather clean than playful.
There are different techniques to learn vocabulary, and it seems it is best when those are combined.
I conducted user interviews in person and on the phone to better understand and determine potential users' pain points and goals.
For a user-centered design approach, I developed a proto-persona that guided my decisions.
Petjas Pain Points
Mobile Learning Constraints
Once you understood the basics of a new language, make the learning content relevant for you. This is the point where this app will take over.
With the wireframes and the prototype, I carried out a usability test.
The state of this prototype is still at an early stage. The following steps would be designing mid-fidelity wireframes accompanied by more usability tests to develop it into a high fidelity prototype with a complete Ui Design and more functionality.
Thank you for your interest in my UX Research Project and for taking the time to go through my design process.