Namyu

An app that assists teachers with learning
their students names.

An app that assists teachers with learning their students names.

PROMPT

Design an experience to help an educator match faces to names.

At the beginning of each new semester or school year, teachers are faced with the challenge of remembering names for a large number of new students.

Role

UX/UI

Team

Individual

Tools

Figma, Illustrator

Duration

1 month

SOLUTION

Namyu: An app that shortens the time to learn student's names through games.

Onboarding

Simple process in which educators enter their picture, name, email, and password to get started.

gif
gif

Onboarding

Simple process in which educators enter their picture, name, email, and password to get started.

gif

Classes

All classes can be accessed from the main screen. Classes can also be rearranged, deleted or added.

Name Modules

Educators can practice learning names by testing their ability to recall faces, recall names, and/or match names with faces.

gif

Guess The Face

gif

Guess The Name

gif

Matching Game

gif

Add Class

By adding a class, educators can add an image or color that best descirbes to the subject and the section of their class for recall purposes.

Add Student & Cues

Educators can add students or edit students. Fun facts about students can be used as hints during modules to help with the learning process.

gif
gif

Add Student & Cues

Educators can add students or edit students. Fun facts about students can be used as hints during modules to help with the learning process.

USER RESEARCH

Interviews revealed 3 goals & approaches educators have for learning student names.

I conducted a survey with 14 educators to understand their approach and motivations for learning their students names. Through a synthesis, I created three goals to be applied to the product solution.

💬
Connection

Educators want to form a bond of mutual respect with students

👥
Recognition

Educators have an easier time learning names through cues

👀
Repetition

Educators find success in learning names through repetition

USER FLOW

Ensuring information can be found and tasks can be completed

I organized a majority of information/touch points by classes to minify the difficulty to find class related information for users.

information-architecture-diagram
IDEATION

Letting the ideas flow.

I conceptualized a few different ideas for the design through sketching and moveed foward with the design that worked best for the product.

namyu-ideation
MID-FIDELITY WIREFRAMES

Connecting the userflow with the visual.

After finalizing my sketches, I moved forward with creating wireframes. The goal was to make the design simple and intuitive for educators.

VISUAL GUIDE

Ensuring cohesive design

I created a style guide to help with maintaining consistency throughout the design.

information-architecture-diagram
homepage
homepage
homepage
homepage

homepage
homepage
homepage
homepage

homepage
homepage
homepage
homepage

homepage
homepage
homepage
homepage

homepage
homepage
homepage
homepage

homepage
homepage
homepage
homepage

homepage
homepage
homepage
homepage
REFLECTIONS

What did I learn?

Where's the context?

Moving forward, I'd observe how teachers memorize names in real-time to better engage the process and their experience

🌐
Alternative to inputing names?

I realized that inputing student names is a lot of work and though about the possibility of connecting the app with school's system