Memoria | Laura Vogel – Graphic Design, Illustration and Art

Project Overview

ROLE	UX & UI Design
TOOLS	Figma, Adobe Illustrator, Adobe InDesign, UsabilityHub
STEPS	Competitive Analysis, User Interviews, Personas, User Flows, Wireframing, Prototyping, Usability Testing, Revision

What is Memoria?

Memoria is a mobile flash card learning app, focusing on psychology topics. It is designed for students and people who need to learn terminology, to support them with their studies. Memoria can be used everywhere and replaces physical flash cards. You can customize and create your own flash card decks.

“Learning made easy. All you need to know in one app.”

Process

I started by working out a problem statement. Competitive analysis helped me get an idea of what type of tool I want to create, what already exists out there and how it could be done differently or same.

The following User Interviews helped me to find out actual needs of the users and their motivation and what is important to them.

Problem Statement

Learning can be hard, especially when it comes to memorizing scientific terms. It takes a lot of effort and time to learn something new, and often in our busy lives there are just tiny time windows for that. A tool that allows you to learn and repeat wherever you are can improve the lives and learning success.

User Interviews

SETUP	Via Zoom and in person
STYLE	User Interview
PARTICIPANTS	Six

During the interviews I was curious to find out how and in which settings my interviewees learn. What helps them to memorize things better, which techniques work for them and what would be important to them when it comes to an app that supports them in learning. I found out what helps them to stay motivated, what frustrates them and what could benefit them.

“It helps me to repeat questions that I didn‘t learn in a while, or words that I am stuck with.”
“I like to learn in nature, or at home in quietness, or sometimes on the bus.”
“I felt frustrated when there‘s a paywall that limits you to have certain features.”
“I feel annoyed when there‘s too much text, or an introduction that‘s too longI feel annoyed when there‘s too much text, or an introduction that‘s too long.”
“I feel more motivated when the app invites me via notification to do a quick session.”
“It helps me when the app provides feedback to my learning progress (I like to see where I‘m at, how many days in a row I studied, how I‘m doing compared to before, etc).”
“Learning new vocabulary is difficult, because it‘s something new and not integrated in daily talk.”

Goals

Find out how people learn right now and which techniques they use
Find out which features might be beneficial to their learning success
Learn about the frustrations and difficulties when it comes to memorizing new terms

Requirements and possible features

Repeating questions that one couldn‘t memorize (including them more often in the decks), and words that one learned long ago and might be forgotten
Customizing or editing cards (highlighting & using colors, sketching)
Visuals (illustrations, graphics)
Context (exercises: write down, say out loud; Sentences to fill, gaptext)
Audio function (listening to the words)
Only the most neccessary on the screen, no distractions
Reminders/Notifications to study (do small units, 2 minutes)
Reward after finishing a deck or studying frequently (positive feedback „keep going!“)
Seeing progress (as a progress, or in a calendar seeing your strike of days studying in a row)
No Ads or Paywall that disrupts the flow

Diane

AGE	28
JOB	Psychology Student
ABOUT	Diana is 28 years old and lives in Germany. She is studying Psychology at the University and works part time as a children educator. In her freetime she loves to read and do sports.

“I need small exercise sessions that I can incorporate in my busy daily life.”

Needs

Quick learning sessions
Track her progress
Ability to customize flash cards
Daily reminders

Goals

Be better prepared for upcoming exams
Understanding new study material better through memorizing scientific terms

Sitemap

To keep the focus on the actual learning content, the goal is to minimize the information overload and only place the most important categories.

Colours

Process

Time to put it all together!
Starting with pen and paper sketches, the first digital Wireframes, and finally the Prototype from low-fidelity to high-fidelity.
During the designing process I conducted moderated remote Usability Testing, which helped me fix issues and find out where my design could be confusing for users.
A/B Testing and gathering feedback from other designers has helped me to improve the overall Usability and Accessibility of my prototype.