Eileen Lee


︎ studying art, psychology, & human-computer interaction @ carnegie mellon

︎ product designer @ godaddy

︎ about me




Negotiation Toolkit︎︎︎

A Rate-Setting Toolkit for Female Online Freelancers


Grow a Garden︎︎︎

An Exhibition themed around Plants & Healing


Collabo ︎︎︎

A Vocabulary Visualization Tool for Collaborative Learning


Internet Cafe︎︎︎

A Digital Cafe Space for Spontaneous Work & Play


Postcards for Friends, Lovers, Enemies, & Exes︎︎︎

An International Mail Project for Friends & Enemies


Pet Adopt ︎︎︎

A Human & Pet Adoption Matchmaking App


Windstax︎︎︎

A Smart Wind Turbine App


Prints, Illustrations, & Comics︎︎︎

Collaborative Work & Prints I am Proud of <3


xX_CutePixels_Xx︎︎︎

An Exhibition on Cute Pixels & 144 Screen-printed Cats





Resume
Instagram
LinkedIn
Email





Collabo

How might we support collaborative learning in remote, hybrid, and in-person classroom environments?


Collabo is a virtual learning tool that utilizes keywords and vocabulary detection to guide collaborative activities for middle school math students. 

Team
1 product manager, 1 programmer, & 1 other designer

My Role
I was a user researcher & designer who did: User Research, User Testing, Interviews, Prototyping, Visual Design, Branding & Illustration

Tools
Figma, Miro, Procreate



Problem  ︎


Especially during the COVID-19 pandemic, teachers are struggling to implement collaborative learning in their classrooms. The latest technology and conferencing platforms, such as Google Meets and Zoom, fail to meet the teachers’ needs of monitoring and guiding collaborative learning.



User Research ︎


After taking a deep dive into the ecosystem of collaborative learning environments by interviewing teachers and reviewing literature on recognizing good & bad collaborative behaviors, we drafted a journey map of the teacher. Where exactly is the teacher struggling with remote collaborative learning?






We learned that teachers struggled the most with monitoring many student groups at once in an online space. Previously, they used their eyes and ears to walk around and check in on each student. But now, when class is online, they struggle to use their intuition and sense to detect when and where there is a problem with collaboration.


“It’s hard for me to monitor what each group is doing, especially on technology. If I could keep track of the students and keep them working on a common goal, that would be perfect.”


- middle school math teacher from Wisconsin

“In a fully online classroom, I can’t tell when students are productive or not. This leads to students complaining when their partner isn’t being productive, but they’ll only wait until the end of class to let me know!“


- middle school math teacher from Texas


From our competitive analysis, we also realized that although there are many tools out there, almost none of them were designed specifically for teacher-student collaboration. They just happen to be used for collaborative activities.




So what is the best way for teachers to sense when students are collaborating well or poorly? In our conversations with teachers, many of them said that they relied on vocabulary and keyword usage to understand student effort and understanding of the subject. If they can’t see how students are working together online, their next best method is to overhear conversations and gauge their fluency and teamwork.






Ideation & Sketches ︎


How might we help teachers sense and understand student fluency of the subject and collaboration?

We brainstormed many different ideas around monitoring, detecting, and intervening in collaboration, but the idea that sparked the most enthusiasm for teachers was being able to visualize how students use vocabulary keywords in their conversations and collaborative activities.






Solution ︎


Our design intervention, “Collabo” is a dashboard that utilizes keyword detection and data collection to help teachers facilitate classroom collaborative activities.


1. Onboarding & Set-up


When teachers first set up an account, they are guided through how Collabo works and prompted to set up classrooms, groups, and keywords.







2. Participation Graphs


Teachers gain insight into student conversations and activity through keyword detection. They can easily communicate with different groups and easily hop from room to room. The can also utilize a “listen-in” feature that lets students know that teachers are checking in on their conversations.







3. Post-Class Summary


Teachers get a sense of student activity and frequency of keyword usage by looking at individual and group summaries after a collaborative session. They gain new insights that help them polish their future lesson plans.









Live Prototype


Try out our prototype here!





Style Guide ︎


Originally based off of GoogleMeets, a popular conferencing platform used by teachers, I created a modern yet colorful visual style for Collabo, along with some fun illustrations of teachers and students!




Reflection


This semester-long capstone project was challenging yet rewarding. I learned a lot in the process about teamwork and design. Here are some of my insights:

1. Contextualize our prototype 1, 5, & 10 years from now


Classrooms are in a state of incredible precariousness. By the time our prototype is built, will teachers still want it? We envisioned our prototype to work in the context of virtual, in-person, and hybrid contexts.

2. Pause and take a step back! Are there any hesitancies that went unaddressed?


When creating our prototype, we stumbled across difficult considerations and conversations around student and teacher privacy, the limitation of equipment and funding for teachers, and nonintrusive voice visualizations and data collection. We wanted to take into account these considerations in our design and took additional steps and pauses in our process to talk with our users and clients.

A special thank you to our clients, Lu Lawrence and Vanessa Echeverria!