Teams for Education

Modernizing online class for an authentic virtual experience

UX StrategyMicrosoft Teams EnterpriseSenior Designer2020
Teams for Education, virtual tables interface showing structured group collaboration

Overview

Role
Senior UX Designer
Platform
Microsoft Teams
Focus
Virtual classroom collaboration
Challenge
Engagement collapsed when classrooms went virtual
Solution
Persistent virtual tables with spatial consistency
Impact
Improved participation, faster group transitions, educator trust
Context

COVID brought millions of new students to online classrooms

At the height of the pandemic, Microsoft Teams became a lifeline for education, used by over 150 million students and educators worldwide. Growth was massive, but it was fragile. Our team was tasked with figuring out how to retain it. Educators were overwhelmed, students were quietly disengaging, and the initial surge was already showing signs of erosion.

The initial ask was about growth metrics, specifically how to keep the numbers up. But through a rigorous design process loop of research, synthesis, and prototyping, we discovered that the real lever for retention wasn't feature additions. It was solving the fundamental user problems that were causing disengagement.

That reframing changed everything. Instead of optimizing for adoption metrics, we focused on what was actually breaking down in the virtual classroom experience. The retention strategy became inseparable from the user experience strategy. My role centered on leading that design process and shaping the interaction patterns that emerged from it.

Problem

Engagement collapsed when classrooms went virtual

Educators were juggling attendance, chat moderation, breakout rooms, and lesson delivery all at once. Students quietly disengaged. Participation felt risky in a room of muted avatars. Teachers struggled to track who was present and who was drifting away.

The online classroom lacked spatial structure. In a physical classroom, students sit in the same seats every day. Teachers scan the room and know who belongs where. Online, that anchor disappeared. Everyone felt interchangeable.

"I don't really like it when the teacher says 'okay you guys can discuss on video' because everyone either starts talking or no one talks, so then there's just awkward silence." - Karen, grade 12

Research

Designing from real classroom behavior

Before designing anything, we ran extensive research with students, parents, and teachers to understand their daily experience inside Teams. I led several of these sessions to map the full day-in-the-life of both educators and students. We observed where engagement broke down, when energy dropped, and what felt emotionally uncomfortable in a virtual classroom. These sessions were not about usability tweaks. They were about understanding how it felt to spend six hours a day in small boxes on a screen.

Once we stepped back and looked at the data, a heartbreaking theme emerged. Students did not just miss content. They missed their friends. They missed social cues. They missed feeling seen. That emotional gap was the real problem.

Solution

Reintroducing structure without turning Teams into a cartoon classroom

We knew smaller group discussion was necessary, but the path was not obvious. Early concepts ranged from simple breakout lists to more literal digital classroom layouts. Recreating physical space inside a business tool initially felt risky. Over multiple iterations, though, the clarity of spatial grouping kept resurfacing as the most elegant option. The idea of consistent seating, visible neighbors, and stable group identity solved multiple engagement problems at once.

We explored how literal the idea of tables should be. One direction visualized full classroom maps with avatars sitting at drawn tables. It was playful but risked feeling gimmicky inside a professional enterprise tool. The opposite direction was purely functional, essentially renaming breakout channels.

We landed somewhere in between. We designed persistent table cards arranged in a grid. Students sat in fixed positions within these tables, with their avatars resting in consistent seats. If a student was absent, their seat remained empty. Teachers could take attendance visually in seconds. Students could see exactly who they were sitting next to.

This approach restored spatial awareness without sacrificing clarity. It was structured enough to feel real, but restrained enough to feel native inside Teams.

The spatial classroom view with virtual tables
The spatial classroom view with virtual tables
Classroom Orchestration

Giving teachers the room back

Virtual tables were only part of the solution. The real breakthrough was enabling teachers to manage the room naturally.

Teachers could start table discussions and monitor the classroom from a global view. From there, they could move fluidly between groups, almost like walking around a physical classroom. They could peek into discussions, support struggling tables, and maintain awareness of overall participation without losing context.

This orchestration layer restored something subtle but powerful: situational awareness. Instead of fragmented breakout rooms, teachers had a cohesive classroom again.

Whole class to table transition
Group Creation

Previously, breakout rooms had to be created dynamically during the meeting. That meant instructional time was lost while groups were assigned and logistics were sorted out.

With virtual tables, teachers could set groups before class. They could assign students to consistent seats and attach materials or instructions to each table in advance. When class began, students entered their assigned groups immediately.

This made attendance easier, transitions smoother, and the start of class far more focused. Preparation moved outside the meeting, which allowed learning to begin without friction.

The group creation and assignment flow
Student View

From the student perspective, the experience reinforced belonging. They saw familiar group members, recognized their seat, and felt accountable to the people around them. That subtle shift made participation feel manageable again.

Student view of virtual tables
Impact
Teachers' reactions to the Class Homepage
Teachers' reactions to the Class Homepage

User interest and delight were strong in research sessions. Teachers reported faster response times when moving between group discussions. Participation became more equitable because students felt safer contributing in smaller groups.

The design patterns later informed enterprise meeting experiences and contributed to the launch of the Class Homepage. Teachers shared positive feedback publicly, describing how the experience felt closer to a real classroom.

Engagement does not come from adding more controls. It comes from removing friction. When you design with empathy first, inclusivity scales naturally. The UI fades into the background where it belongs.