Google Design Challenge

User Experience, 2018



Challenge Brief

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. Design an experience to help an educator match faces to names, with the goal of shortening the time needed to reach complete un-aided accuracy. Provide a high-fidelity mock for at least one step of this experience.



UX/Motion Design


Sketch, Framer

Screen Shot 2018-03-30 at 11.16.51 AM.png



How might I create a experience to help an educator efficiently match a student's name to their face without too much extra effort input?


A class tool design based on Google Class. With supportive research, diagram, and high-fidelity prototype.



Understand the problem


Imagine you are a teacher at the beginning of a new semester.Exhausted by class preparation and school meetings, you might also be facing feelings of anxiety associated with remembering many students' names.

It is easy to design an experience to help an educator match faces to names. But it is hard to quantitively evaluate the time cost spent on the experience and saved through its successful use.


"Remember that a person's name to that person Is the sweetest and most important sound in any language"

-- Dale Carnegie




Early Exploration

What Are the existed Problems and Solutions in this context?



Competitive Research And insights

What are the exist solutions ?

Screen Shot 2018-04-03 at 12.30.46 PM.png

Interview And Insights

What are the existed journey?

Screen Shot 2018-04-03 at 12.32.07 PM.png

What are the easiest and hardest parts?

Screen Shot 2018-03-26 at 12.56.28 PM.png


How Teacher think and deal with remembering name?

I interviewed seven educators, four college professors, a university administrator and two high school teachers. In case I may already have an 'old school' style compared to primary and middle school students, I also spoke with Sophia, an 11-year-old girl.


Secondary Research

What are the principles and methodologies of remembering names?


Dominic O'Brien’s memory principles

  • Association: The basis of all memory

  • Location: Mental images placed in specific locations are then easier to recall

  • Imagination: Exaggerating your mnemonic images makes them more effective

How to describe a person when you forget his name?

  • We always use personal tags to describe a person, such as position, outlook, accent and hobby

Screen Shot 2018-03-28 at 11.37.15 AM.png

Opportunity area

Group 6.jpg

02. Ideation


Experience journey





Integrate Four functions into Google Classroom

Add Name Hint+ Review Name list+ Check Attendance+ Link Game


The core concept is creating scenes for teachers to repeat students' names in multiple ways.

It creates three interactions: 'name hint', 'name seat' and 'name game' in three different levels, basic, behavior and bonus, through a process that focuses on collaborating between students and teachers.

Check attendance based on the seat locations Review the name list with audio assistant Link the name to face to win top ranking

03. Design Development


Information Architecture

Screen Shot 2018-03-29 at 4.31.17 PM.png

User journey


03. Prototyping & User Test


Test Pre-condition

  1. The class schedule and classroom information could be imported from the school system

  2. The teacher created the class and invited the students to the class or students sign into the class themselves

Paper Test

Test Goal

  1. Test the feasibility of “Add Name Hint” flow, “Sign Seat Flow” and “Review Name List flow"

  2. Test the “Name Linked Game“ as a potential implement

  3. Figure out the most reasonable flow

Screen Shot 2018-04-01 at 10.42.10 PM.png

Interactive Prototype Test


Test Goal

  1. Observe what hint the students would like to record and how long they usually record

  2. Test the most reasonable way for the order change of the name card in the “Name List Flow”

  3. Get feedback of the “Check Attendance Flow”


What I learned

Screen Shot 2018-10-14 at 12.55.33 PM.png



Key Flows

1. Add name hint flow

Screen Shot 2018-09-16 at 11.42.06 PM.png

2. Review name list flow


3. Check attendance flow


Self- Reflection

  • How do I best understand ”shorten the time"? It is hard to quantitively evaluate and compare time spent on the tool and time saved through its successful use.

  • It is interesting designing a tool with the goal of not needing it. 

  • Remembering names needs the collaboration of teachers and students - and even administrators.

  • Seeing as the beginning of a new semester is a short time - rather than launching a totally new product, best to incorporate name-learning features into existing products.