Responsibilities
User Research
User Personas and Flows
Information Architecture
Wireframes
Prototyping
Usability Testing
Final Mockups
Tools
Adobe XD
Adobe Photoshop
Usability Hub
Challenge
Many students struggle to find a way to study that is both fun and engaging. Users need a simple and inviting way to learn new vocabulary.
Solution
Design a personalized app that allows users to create their own vocab sets, as well as have sets created by others recommended to them.
Competitive Analysis
Looking into the features of three other vocabulary learning apps on the market allowed me to gain a better understanding of what to include in reviewery. This also helped me to identify what could potentially be pain points.
Interviews
I completed interviews with 5 participants. I sorted their answers into high, mid, and low priority needs to take into consideration when I determine what needs to be included in the app. All of the participants were students at the time of their interview, which is my target audience.
High Priority
Users need a simple way to create new vocab cards and sets so they don’t waste time
Most interviewees learn by doing, so there should be options for users to study in non-traditional ways
Mid Priority
Users need to be able to study for both short and long periods of time depending on their schedule
Users want a visually appealing and intuitive interface
Low Priority
Most users learn better when they set time goals, so there should be a way to do this within the app
User Persona
With the data from the user interviews, I created a persona that portrays the average user. Understanding the persona helped me to make design decisions that put the user at the center of everything.
User Flow
This user flow demonstrated the Cari's journey from initially downloading and opening the app to creating her first set.
Information Architecture
After creating a user flow, I was able to expand on the criteria for reviewery to create a full site map.
Low Fidelity Wireframes
I created low-fidelity wireframes for the primary user flow to get a rough idea of reviewery’s design. These wireframes served as the basis for my final designs, as well as the key screens to be tested.
Usability Testing
I chose to do moderated usability testing with 3 potential users participating over Zoom. Like with my initial user interviews, these tests were conducted with students to stay focused on my target audience. Feedback was consistent between participants, as documented here.
High Fidelity Wireframes
After analyzing feedback from user testing I was able to create high-fidelity wireframes that reflected any changes that needed to be made, as well as clean up the UI.
Final Mockups
The final designs for reviewery!
Concluding Thoughts
reviewery was the first case study I’ve done and I think it turned out good considering I was also learning the UX design process as I went along. This was an introductory project I did for school, and because of this I did not get to expand on it as much as I would have liked to. In the future I would like to add more features to the app, mainly ones that show different ways to study the vocab sets since that is something I discovered is important to users. I would also like to design more he screens that I had planned out in my site map rather than just ones showing the main user flow. Overall, I think this was a great starting point for my UX journey.
