Vocabulary Apps don't do a good job at keeping their users engaged and motivated. They often don't include any kind of reward system or offer no real life application. Premade courses are often not relevant to the Users goals and offer no flexible difficulty level.
„Users need a fun and rewarding application that provides relevant and time efficient courses.“
Focusing on keeping the user engaged and motivated by creating a fun and efficient learning experience. Users can choose between premade vocabulary-stacks within a wide variety of real-life-relevant topics and study them at their own pace.
%201.png)
I interviewed 3 participants 1 on 1 while recording our conversations.
As a step to break down all the data I collected during interviews I created an affinity map. Key findings that I wrote down during interviews are arranged on sticky notes and color coded by participant. Similiar findings are then rearranged into groups that visualize and organize them.
On the next slide I present the insights I drew from these findings.
.png)
What's important to the users:
User personas are a fantastic tool for bringing our insights to life and giving our research a face and narrative. This is not only important for the product team and stakeholders, but also makes our research more memorable and relatable.
The following two personas represent our main target audience.
" I want to be able to communicate with locals on my travels to widen my experience and feel more at ease "
User flows are important to keep our focus on the experience of the User while using the App. It shifts the focus from each individual page to the experience as a whole. They are also the first step to discover all pages that are needed without forgetting something important or going overboard.
I sketched out the first iterations of wireframes with pen and paper. Following the user flows I created all necessary screens and designed the UI elements in an intuitive manner. Transferring the paper wireframes to Balsamiq, I created the first low-fidelity prototype.
As a step to test my created wireframes and user flows, I conducted a usability test using a clickable mid-fidelity prototype. This process included recruiting participants, writing a test script, conducting the remote usability tests while interviewing the users and then analyzing the findings.
These are my findings organized into categories and color coded by participant:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Finally I created high-fidelity wireframes and turned them into a clickable prototype using Framer.
The UI follows the basic visual design principles, incorporates emotional design and makes use of grids and spacing. I included some slogans that visualize the purpose of this App and hopefully highlight the usefulness.
.png)
Since this was a short project that I created for the introduction exercise of my Career-Foundry-UX-Course the next steps would include a variety of usability tests to test my design in action and get feedback from users. These tests would include:
.gif)
.png)
.svg)
