Product Designer
2 UX Researchers
1 Product Designer
January 2025 - May 2025
Figma/Figjam
Google Workspace
Google Classroom, while widely used for digital learning, lacks built-in support for Individualized Education Programs (IEPs). Teachers are left without integrated tools for custom lesson plans, accessibility features, or progress tracking, making it difficult to deliver personalized learning experiences for students with disabilities.
Task: Design a solution to integrate IEPs into Google Classroom, enabling teachers to manage student accommodations and create inclusive, personalized learning experiences more easily.
We wanted to gain a deeper understanding of the challenges educators face when implementing IEP accommodations in Google Classroom. To explore this, we conducted a site visit to P.S. 217 Roosevelt Island School, interviewed four K-12 Initiative educator, and explored online forums such as r/teachers and r/specialed. Through this process, we uncovered key insights into teachers’ struggles and workstyles.
IEPs are often poorly written and fail to accurately reflect student needs, causing teachers to struggle with their complexity.
Educators want effective tools to track IEP goals and collect data on student progress.
Mixed IEP/non-IEP students with rotating teachers and paraprofessionals for varied needs.
We used our insights to move beyond identifying problems and began shaping actionable, user-friendly solutions for educators. Through an affinity mapping exercise, we organized key pain points into themes, helping us identify three priority areas to focus on in our design:
IEP Overview: Teachers can view student IEPs summaries and apply accommodations.
Progress Tracking: Teachers can track grades and monitor progress with AI insights.
Assignment Integration: IEP settings are applied directly to assignments for efficient accommodation management of different groups of students.
While some IEP goals require in-person strategies, we focused on challenges that could be realistically addressed through a digital platform like Google Classroom and explored solutions tailored to those needs.
I created low-fidelity sketches and medium-fidelity wireframes to consolidate our potential ideas and envision the core features of the application. These included the Student Summary Page, a Goals Page, and an Assignment Integration Page.
I followed Google Classroom's branding guidelines to ensure consistency and seamless integration with its existing design. This includes adhering to its color scheme, typography, and UI components to maintain a familiar and user-friendly experience. By aligning with Google's established design principles, I aim to enhance usability while ensuring our features feel like a natural extension of the platform.
Moving from wireframes to prototypes, the overall format stayed consistent, but a key change was the placement of IEP information. Initially, IEP details were split across multiple sections (The summary feature was under "People", the goals feature was under "Grades", and Additional information was in a new “IEP Report” tab.)
During prototyping, I realized this fragmented approach could be confusing. To streamline the experience, I consolidated all IEP-related information under each student’s profile. Now, whether accessed through People or Grades, instructors are directed to a unified student profile with a mini navigation bar for quick access to IEP summaries, goals, and progress.
When iterating on how I wanted the goals to be displayed, I focused on making the design easy to understand and intuitive to grasp at a glance.
I decided to go with Option 3 because it provides a clear hierarchy and natural flow. By placing the goal name and description above the progress bar, users can first understand the purpose and context before interpreting progress. This layout makes the information easier to scan and ensures the bar feels meaningful rather than isolated.
Option 1: Minimal View
✅Easy to scan fast
❌Can't see the specifics of the goal since theres no description.
Option 2: Side-by-Side View
✅Description provides context for what the progress bar represents.
❌Description feels cluttered and hard to read.
❌Progress bar is horizontally shrunk to have space for description.
Option 3: Context-First Layout
✅Clear hierarchy, as users will read the context first before interpreting the progress bar.
✅Cleaner visual flow.
✅No space competition
When iterating on how I wanted the assignments to be displayed, I focused on making the process of applying sepcialized accommodations effortless for instructors.
I ended up going with Option 2, because it allows me to present detailed IEP settings without cluttering the main assignment creation page. It’s a more scalable solution that supports multiple types of settings, offering greater clarity and control than a simple checkbox.
Option 1: Check-box
✅Simple Toggle
✅&❌ It takes up minimal space until there are more options.
Option 2: Collapsible Button
✅The user can see all the available specialized settings at a glance once they expand the section, which could be more intuitive than a single toggle.
✅More scalable
❌It adds an extra click for the user to get to the settings.
IEP Overview Summaries
Integrating IEP management features into Google Classroom has the potential to significantly reduce administrative burden and improve support for students with disabilities. By centralizing goal tracking, accommodations, and progress monitoring within a familiar platform, the design enhances both accessibility and efficiency for educators. If I had more time, I would have liked to iterate on the prototype based on usability testing with educators.
Throughout the course of this project, I gained valuable insights into both design and accessibility in educational technology. Here are four key things I learned:
How to translate user research into actionable design decisions that address real classroom challenges.
The value of simplifying complex workflows to reduce cognitive load for busy educators.
Techniques for integrating new features into existing platforms without disrupting the user experience.
Feel free to reach out for collaborations or just a friendly hello!
✉️vmc54@cornell.edu | 👩🏻💼LinkedIn | 📝Resume