Elvira Hellenpart's Intro to UX Portfolio Project
Throughout the UX Design Program you’ll build out a job-ready portfolio. Below is a breakdown of UX graduate Elvira’s project, VocabApp, created as part of the Intro to UX Design Course, which she completed in July 2018. As a former marketing whizz, Elvira told us why she wanted to make a career change into UX:
“As a marketer between the product and the users, I learned how important user experience is. I was interested in investigating why people would lose interest in the product, which led me to realize the importance of product improvement and reflecting on possible solutions. This is what I want to do: create meaningful products and help companies to get there”.
Introducing her project, Elvira said:
VocabApp is a project I worked on in a UX Design Program at CareerFoundry. I had to research and create a vocabulary learning app from scratch, which has provided me with a solid foundation in UX Design and Design Thinking.
VocabApp is a language learning app which contains exercises based on real-life situations and allows users to customize their curriculum so that they achieve maximum learning effect. In this project, I aim to design a mobile app that empowers people to learn new vocabulary and enable them to put the acquired knowledge in practice immediately, supporting their private & professional goals.
Learning new languages is a challenge for both our minds and our time. We all wish for the most effective solution when it comes to memorizing new vocabulary and achieving our goals rapidly.
It is hard to find an engaging and cost-effective way to learn a new language, which does not feel like a school book and allows people to deal with challenges of everyday life in a short time.
As a UX Designer for this project, my role was exploring the problem, conducting generative interviews, creating proto-personas, and outlining the tasks and flows necessary to design a positive experience for vocabulary learning.
Initially, I conducted a competitive analysis by taking a comprehensive look at other vocabulary learning apps to see what kind of solutions were proposed other competitors had. I not only wanted to gauge what was on the market, but I also wanted to decipher what was working and what wasn’t. It was exciting to discover the gaps in other products, and to kick start the ideation process.
The competitors included Quizlet, Memrise, and Duolingo. I compared the selected apps in terms of features, user-centricity, usability, and visual appearance.
Part of this discovery included talking and listening to people’s real needs, goals, and frustrations. The user interviews helped me take a look at the problem from different points of view, and thus define the problem more accurately.
Based on my user research my user persona Eva was born. She helped me to craft the problem statement, design possible solutions and guided me through the design process.
Task Analysis & User Flows
After determining the main user goals, I picked two tasks which I felt were the most important for my persona, Eva. First, I identified the entry point and success criteria for each task, then I wrote out a task analysis for each of them. Keeping this in mind, I started to create the user flows.
Sketching & Wireframing
I started the design process with paper sketches. It was an exciting part of the process, watching my initial research and ideas come to life, first in the form of wireframes and later in the form of a low-fidelity prototype.
Prototyping & Testing
I built up a low-fidelity prototype with Prott and created a test plan with specific tasks for my users to accomplish. Putting the first rough version in the hands of my users helped me to see if the basic features of the app were working and also where some of the pain points were.
One big challenge was the lack of consistent navigation, especially backwards. In addition to that, users felt that the process of adding notes & adding a new list of words would take too long for them – “Too many steps to take a short note”.
I created new icons with text labels which made the navigation more straightforward. I reviewed the steps of the above-mentioned tasks. I not only tried to reduce unnecessary steps but also tried to create a similar flow for the two features as much as possible, so that the navigation became finally consistent.
I was excited to see people’s reaction when they tried to complete the tasks again. My app performed better this time and I saw more happy faces.
The most interesting part for me was to listen to people, hearing their stories, needs and desires. The most challenging part was creating features for the app based on the obvious and latent needs of the users and the most exciting part was to observe them testing the early prototype and listening to their feedback.
The greatest takeaway for me from this initial project was creating user personas and user flows. My persona helped me to never lose focus on my users’ needs. Building user flows is essential to hash out complex tasks prior to wireframing.