StudyNest

Mobile App - Flashcards

Overview

StudyNest is a flashcard app designed to make studying more effective and engaging through interactive learning methods.

 

Built with students and self-learners in mind, StudyNest combines the simplicity of traditional flashcards with the fun of quick, memory-boosting games.

 

Supports consistent study habits and long-term retention by allowing users to create unlimited custom flashcards, organize them by topic, set study reminders, and reinforce learning through fun, interactive games

 

  • Role: UX/UI Designer
  • Duration: 1 Month

Users need a simple, centralized way to manage their health information and learn how to live healthier lives in one place.

Design Process

Empathize

 

User Interviews

 

Qualitative Research: I conducted interviews with 3 users to understand:

 

  • How users approach learning new vocabulary
  • Explore their frustrations, habits, and tool preferences

 

Some Questions I asked:

  • Are you a student, working, or both?
  • Describe the last time you had to learn new vocabulary. What tools or methods did you use?
  • What frustrates you most when learning about a new topic or new vocabulary?

 

Insights:

  • Participants often forget to review or lose motivation over time
  • Users prefer tools that are easy to navigate or not overwhelming
  • Engaging study methods make studying feel less like a chore

Competitive Analysis

  • Anki Pro
      • Pros:
        • Allowed to pick cards from a library
        • Optional interface change and app icon change
      • Cons:
        • Cards from the library aren't always reliable
        • Too many options / no concrete brain identity
  • Flashcards
      • Pros:
        • Share flashcards option
        • Create my flashcards
      • Cons:
        • Too many ads
        • Too many title names (deck name & cardhold name) are unnecessary
  • Quizlet
      • Pros:
        • Follow someone else's flashcards
        • Optional quizzes, courses, and expert solutions
      • Cons:
        • Not all already decks are credible
        • Flashcard making limit on the basic plan

Define

User Personas

Ideate

User Flow

This user flow helps Sarah quickly set up a reminder, allowing her to stay consistent with her learning despite her busy schedule. By creating a personalized study schedule, she can build better habits and reduce the stress of last-minute cramming.

SiteMap

This sitemap visualizes the core structure of the StudyNest app. Providing users with a simple and organized navigation experience, helping users like Sarah efficiently access key features to support consistent and engaging study habits

Prototype

Paper Wireframes

 

Mid-Fidelity Prototype

 

High-Fidelity Prototype

Testing

Usability Test

I conducted a usability test on 4 individuals. Each session lasted around 8-10 minutes, through Google Meet and Figma.

 

I had the testers complete two tasks using the mid-fidelity wireframe

 

  • Create flashcards
  • Schedule a study reminder

 

Insights

  • Navigation Confusion - Users struggled with back navigation and unclear icons, especially for reminders
  • Card & Reminder Editing - Users wanted to preview and edit cards and reminders after saving
  • Customization & Search - Participants want to name decks and share cards

Reflections

Next Steps

  • My next focus will be on refining the UI of the prototype. I plan to complete the app by adding all remaining interactive buttons and screens for a fully functional flashcard experience.

 

I learned

  • The importance of research and truly understanding who I'm designing for.
  • There's a big difference between simply talking to users and designing with their needs in mind. The more I understand their pain points, the better I can create solutions that improve their experience.
  • Usability testing requires multitasking - observing users, offering assistance when needed, and taking detailed notes.

 

Challenges faced

  • Initially, I designed based on assumptions about user needs. Usability testing revealed that I needed to improve screen transitions for a smoother experience.
  • After receiving feedback, I had to redesign some user flows and create additional screens I hadn't planned for, like the congratulatory screens.
  • Testing was delayed due to scheduling around participants' availability, which required flexibility and patience.

Style Guide

Color Palette

 

The mixture of teal and black as the primary colors of the app gives a perfect balance of calm and focus, making it ideal for a learning environment

  • Teal was used for the background of all the screens
  • Black was used for both the top and bottom navigation

Typography

  • I decided on the typography of my app to be Rubik because it's clean, modern, and easy to read. Giving users a friendly and approachable feel.

Buttons

Icons

Images

Cards

Grids

Thank You

Read more of my case studies

StudyNest

Mobile App - Flashcards

Overview

StudyNest is a flashcard app designed to make studying more effective and engaging through interactive learning methods.

 

Built with students and self-learners in mind, StudyNest combines the simplicity of traditional flashcards with the fun of quick, memory-boosting games.

 

Supports consistent study habits and long-term retention by allowing users to create unlimited custom flashcards, organize them by topic, set study reminders, and reinforce learning through fun, interactive games

 

  • Role: UX/UI Designer
  • Duration: 1 Month

Users need a simple, centralized way to manage their health information and learn how to live healthier lives in one place.

Design Process

Empathize

Define

Ideate

Prototype

Test

1

2

3

4

5

Empathize

 

User Interviews

 

Qualitative Research: I conducted interviews with 3 users to understand:

 

  • How users approach learning new vocabulary
  • Explore their frustrations, habits, and tool preferences

 

Some Questions I asked:

  • Are you a student, working, or both?
  • Describe the last time you had to learn new vocabulary. What tools or methods did you use?
  • What frustrates you most when learning about a new topic or new vocabulary?

 

Insights:

  • Participants often forget to review or lose motivation over time
  • Users prefer tools that are easy to navigate or not overwhelming
  • Engaging study methods make studying feel less like a chore

Competitive Analysis

  • Anki Pro
      • Pros:
        • Allowed to pick cards from a library
        • Optional interface change and app icon change
      • Cons:
        • Cards from the library aren't always reliable
        • Too many options / no concrete brain identity
  • Flashcards
      • Pros:
        • Share flashcards option
        • Create my flashcards
      • Cons:
        • Too many ads
        • Too many title names (deck name & cardhold name) are unnecessary
  • Quizlet
      • Pros:
        • Follow someone else's flashcards
        • Optional quizzes, courses, and expert solutions
      • Cons:
        • Not all already decks are credible
        • Flashcard making limit on the basic plan

Define

 

User Personas

Ideate

 

User Flow

 

This user flow helps Sarah quickly set up a reminder, allowing her to stay consistent with her learning despite her busy schedule. By creating a personalized study schedule, she can build better habits and reduce the stress of last-minute cramming.

 

SiteMap

 

This sitemap visualizes the core structure of the StudyNest app. Providing users with a simple and organized navigation experience, helping users like Sarah efficiently access key features to support consistent and engaging study habits

 

Prototype

 

Paper Wireframes

 

Mid-Fidelity Prototype

 

High-Fidelity Prototype

Testing

 

Usability Test

I conducted a usability test on 4 individuals. Each session lasted around 8-10 minutes, through Google Meet and Figma.

 

I had the testers complete two tasks using the mid-fidelity wireframe

 

  • Create flashcards
  • Schedule a study reminder

 

Insights

  • Navigation Confusion - Users struggled with back navigation and unclear icons, especially for reminders
  • Card & Reminder Editing - Users wanted to preview and edit cards and reminders after saving
  • Customization & Search - Participants want to name decks and share cards

Reflections

 

Next Steps

  • My next focus will be on refining the UI of the prototype. I plan to complete the app by adding all remaining interactive buttons and screens for a fully functional flashcard experience.

 

I learned

  • The importance of research and truly understanding who I'm designing for.
  • There's a big difference between simply talking to users and designing with their needs in mind. The more I understand their pain points, the better I can create solutions that improve their experience.
  • Usability testing requires multitasking - observing users, offering assistance when needed, and taking detailed notes.

 

Challenges faced

  • Initially, I designed based on assumptions about user needs. Usability testing revealed that I needed to improve screen transitions for a smoother experience.
  • After receiving feedback, I had to redesign some user flows and create additional screens I hadn't planned for, like the congratulatory screens.
  • Testing was delayed due to scheduling around participants' availability, which required flexibility and patience.

Style Guide

 

Color Palette

 

The mixture of teal and black as the primary colors of the app gives a perfect balance of calm and focus, making it ideal for a learning environment

  • Teal was used for the background of all the screens
  • Black was used for both the top and bottom navigation

Typography

 

  • I decided on the typography of my app to be Rubik because it's clean, modern, and easy to read. Giving users a friendly and approachable feel.

Buttons

Icons

Images

Cards

Grids

Thank You

Read more of my case studies

StudyNest

Mobile App - Flashcards

Overview

StudyNest is a flashcard app designed to make studying more effective and engaging through interactive learning methods.

 

Built with students and self-learners in mind, StudyNest combines the simplicity of traditional flashcards with the fun of quick, memory-boosting games.

 

Supports consistent study habits and long-term retention by allowing users to create unlimited custom flashcards, organize them by topic, set study reminders, and reinforce learning through fun, interactive games

 

  • Role: UX/UI Designer
  • Duration: 1 Month

Users need a simple, centralized way to manage their health information and learn how to live healthier lives in one place.

Design Process

Empathize

Define

Ideate

Prototype

Test

1

2

3

4

5

Empathize

 

User Interviews

 

Qualitative Research: I conducted interviews with 3 users to understand:

 

  • How users approach learning new vocabulary
  • Explore their frustrations, habits, and tool preferences

 

Some Questions I asked:

  • Are you a student, working, or both?
  • Describe the last time you had to learn new vocabulary. What tools or methods did you use?
  • What frustrates you most when learning about a new topic or new vocabulary?

 

Insights:

  • Participants often forget to review or lose motivation over time
  • Users prefer tools that are easy to navigate or not overwhelming
  • Engaging study methods make studying feel less like a chore

 

Competitive Analysis

  • Anki Pro
      • Pros:
        • Allowed to pick cards from a library
        • Optional interface change and app icon change
      • Cons:
        • Cards from the library aren't always reliable
        • Too many options / no concrete brain identity
  • Flashcards
      • Pros:
        • Share flashcards option
        • Create my flashcards
      • Cons:
        • Too many ads
        • Too many title names (deck name & cardhold name) are unnecessary
  • Quizlet
      • Pros:
        • Follow someone else's flashcards
        • Optional quizzes, courses, and expert solutions
      • Cons:
        • Not all already decks are credible
        • Flashcard making limit on the basic plan

Define

 

User Personas

Ideate

 

User Flow

 

This user flow helps Sarah quickly set up a reminder, allowing her to stay consistent with her learning despite her busy schedule. By creating a personalized study schedule, she can build better habits and reduce the stress of last-minute cramming.

 

SiteMap

 

This sitemap visualizes the core structure of the StudyNest app. Providing users with a simple and organized navigation experience, helping users like Sarah efficiently access key features to support consistent and engaging study habits

 

Prototype

 

Paper Wireframes

 

Mid-Fidelity Prototype

 

High-Fidelity Prototype

Testing

 

Usability Test

I conducted a usability test on 4 individuals. Each session lasted around 8-10 minutes, through Google Meet and Figma.

 

I had the testers complete two tasks using the mid-fidelity wireframe

 

  • Create flashcards
  • Schedule a study reminder

 

Insights

  • Navigation Confusion - Users struggled with back navigation and unclear icons, especially for reminders
  • Card & Reminder Editing - Users wanted to preview and edit cards and reminders after saving
  • Customization & Search - Participants want to name decks and share cards

Reflections

 

Next Steps

  • My next focus will be on refining the UI of the prototype. I plan to complete the app by adding all remaining interactive buttons and screens for a fully functional flashcard experience.

 

I learned

  • The importance of research and truly understanding who I'm designing for.
  • There's a big difference between simply talking to users and designing with their needs in mind. The more I understand their pain points, the better I can create solutions that improve their experience.
  • Usability testing requires multitasking - observing users, offering assistance when needed, and taking detailed notes.

 

Challenges faced

  • Initially, I designed based on assumptions about user needs. Usability testing revealed that I needed to improve screen transitions for a smoother experience.
  • After receiving feedback, I had to redesign some user flows and create additional screens I hadn't planned for, like the congratulatory screens.
  • Testing was delayed due to scheduling around participants' availability, which required flexibility and patience.

Style Guide

 

Color Palette

 

The mixture of teal and black as the primary colors of the app gives a perfect balance of calm and focus, making it ideal for a learning environment

  • Teal was used for the background of all the screens
  • Black was used for both the top and bottom navigation

 

Typography

 

  • I decided on the typography of my app to be Rubik because it's clean, modern, and easy to read. Giving users a friendly and approachable feel.

 

Buttons

 

Icons

 

Images

 

Cards

 

Grids

Thank You

Read more of my case studies