Overview
Carta, a flashcard app, was designed to give users the ability to learn new vocabulary and concepts by employing the power of spaced repetition.
ROLE
UX Designer
TOOLS
Photoshop, Keynote, Pen & Paper
TIMELINE
4 weeks
The Process
Research
Research Goals
I started by planning the research to find out how to structure it and what information to collect that would eventually assist in offering an incredible user experience. I determined the following research goals essential for creating a great product:
Secondary Research
The first step was to familiarise myself with the topic, so I took online to do a bit of secondary research, reading studies, papers and dedicated forums. I learned about the following:
Those learnings helped me extract some valuable insights:
Competitive Analysis
I looked at a few competitors to see the common solutions regarding flashcard apps, and also to discover any usability issues that could be improved. I discovered the pros and cons of each service, did a UX analysis on their products and summarised my findings.
User Research
I interviewed three people about how they learn, their motivations and frustrations, and their experience with learning apps.
I learned that procrastination, information overload, lack of focus and motivation, and rote memorisation are big problems for our potential users.
Define
I analysed the interview answers and synthesised the data into a User Persona – meet Coco.
So what problems does Coco face?
Problem Statement
How might we design a mobile app that helps Coco learn and remember new things consistently in a fun way without overwhelming her?
To explore possible solutions I wrote a few User Stories.
As Coco, I want...
Solutions
Design
Information Architecture
Based on the defined features I was able to start thinking about the app's structure. By drawing flows I explored different navigation possibilities.
Setting a Reminder
Adding content to a card
The User Flows in turn helped to define the number of screens I would need to design.
Wireframes
Next I did some exploratory sketching in order to visualise the solution, generate ideas and further define the the user flows.
Finally I created a paper prototype to validate the concept.
Test
I conducted four usability tests, testing the following tasks:
The two main problems were
I fixed those problems by greying out the save button, making the flip button bigger and redirecting users to the home screen where they see the test button right away.
Logo Design
Final Screens
Next Steps
Thank you!
Interested in working together?