Skip to Content
CASE STUDY

Inclusive Teaching Toolkit

Designing a Living Resource for Inclusive Education

Creating accessible resources and tools to support inclusive teaching practices through community-driven design and research methodologies.

UX ResearchCo-DesignDEI Focus
Inclusive Teaching DEI banner

Overview

When I joined the multi-quarter Directed Research Group (DRG) tasked with building the Inclusive Teaching Toolkit, I aimed to create more than just a resource hub—I wanted to design a dynamic, living framework that grows with the HCDE community. Collaborating with faculty, students, and DEI (Diversity, Equity, & Inclusion) committee members, we built a digital toolkit that bridges gaps in inclusive teaching practices, ensuring both students and instructors have accessible, actionable tools at their fingertips.

What is the Toolkit?

A living, modular collection of inclusive education resources co-created by HCDE students and faculty. Designed to support instructors and students in applying equity-centered practices in the classroom.

Why “Toolkit”?

These are adaptable tools—not prescriptive rules. Users are encouraged to take what’s useful and leave what doesn’t apply.

Why “Living”?

The toolkit evolves with the community. Contributions are ongoing, ensuring relevance and sustainability.

Role Overview

Highlights my role as UX Designer & Researcher at UW in a DRG over two academic quarters.

Team

Collaborated with 6 DRG students plus faculty mentors to drive research and design.

Institution

Work anchored in HCDE at the University of Washington with cross-campus stakeholders.

Timeline

Engaged across two academic quarters (2023–2024) for iterative research and design.

Collaborators

Faculty mentors and contributors supported research outcomes and guidance.

My Role

Led UX Writing, Content Design, and Usability Testing. Adjusted the visual hierarchy, language clarity, and the depth of DEI guidance to ensure the toolkit remained usable and respectful across different perspectives.

Anushreya Karir — UX Writer & Content Designer

Focus Areas

UX WritingContent DesignUsability Testing

Project Goals

Guiding principles we used to design the Inclusive Teaching toolkit.

🎯

Design for Clarity

Create clear, scannable templates and modular content blocks that instructors and students can easily adopt.

Accessibility First

Prioritize semantic structure, keyboard interactions, and readable content so the toolkit works for everyone.

👥

Community-Driven

Design contribution flows and governance to make the toolkit editable, discoverable, and maintained by the HCDE community.

🌱

Sustainability

Establish contributor roles, moderation, and lightweight governance so the toolkit remains current and trustworthy.

Problem and Context

Faculty and students in HCDE struggled with fragmented DEI resources—scattered across PDFs, emails, and one-off workshops.

!

Instructors lacked clear guidance on religious accommodations, hybrid learning accessibility, and inclusive feedback systems.

!

Students wanted actionable ways to advocate for inclusivity but found existing resources hard to locate or use.

!

Conversations around diversity often stalled at land acknowledgments without deeper engagement in equity-centered teaching.

Design Challenge

?
How do we design something that adapts over time—without becoming another static document?

Design Process

  1. 1

    Research & Discovery

    Inclusive Teaching - Whiteboard Research 1Inclusive Teaching - Whiteboard Research 2Inclusive Teaching - Whiteboard Research 3
  2. 2

    Design System & Guidelines

    Established a lightweight, accessible design system to keep the toolkit cohesive and easy to contribute to.

    HCDE Branding & Communications

    The brand guidelines for the Department of Human Centered Design & Engineering work to craft a unique identity for the department, while remaining cohesive within the larger University of Washington brand.

    The HCDE visual system uses signature UW elements, such as the signature purple, as well as the Encode Sans typeface. New color combinations, flexible layout options, and explorative visual elements including hand-drawn graphics and collage techniques, build a department-specific tone.

    Color Palette

    Primary brand colors and neutrals used across the toolkit.

    UW Purple
    #4B2E83
    Neutral Light
    #F5F5F5
    Olive
    #7A7046
    Neutral Dark
    #3F3F3F
    White
    #FFFFFF
    Black
    #000000

    Spacing & Layout Guidelines

    • Padding between different content sections: 60px
    • Padding between paragraphs: 16px
    • Padding in dropdown box
      • Between text and top/bottom within dropdown box: 16px
      • Between body text and top/bottom within dropdown box: 20px
    • Padding between heading and body text: 26px
    Padding scale (px)
    60px
    26px
    20px
    16px
  3. 3

    Designing Dual Experiences

    I created a dual-pathway navigation system tailored for instructors and students.

    Key UX Decisions

    • Modular “toolbox” structure
    • Homepage & Mission
    • Instructor and Student Landing Pages
    • Feedback Guide
    • Contribution Form
    • Author Profiles

    Design Metaphor: A toolbox—pick what’s useful, leave what’s not, and always have space to add new tools.

    Inclusive Teaching Toolkit - Top Menu Diagram
  4. 4

    Crafting an Inclusive Voice

    I wrote clear, equity-centered content that empowers users:

    • Welcoming homepage copy
    • Step-by-step contribution guidance
    • Student-focused language
    • Microcopy, tooltips, accessibility notes
    Inclusive Teaching - Key UI Screen

Usability Testing & Iteration

Led structured testing with faculty and students across class years.

Issues and Actions

Issue FoundAction Taken
Back-navigation unclearAdded sticky “Back” button & breadcrumb logic
Low contrast in quote blocksAdjusted color hierarchy & font pairings
Students wanted real-world examplesAdded scenario-based tips for hybrid learning & accessibility
Feedback form wording confusingReworked form logic for clarity
Inclusive Teaching - Design Options UI IterationInclusive Teaching - Task Options UI Iteration

Outcome & Impact

Successfully piloted in Spring 2024

The toolkit was successfully implemented and tested with real faculty and students during the Spring 2024 semester, providing valuable insights for future iterations.

🏗️

Toolkit structure ready for future DRG iterations

The modular design framework provides a scalable foundation that can be adapted and expanded for future Directed Research Group projects and initiatives.

🎓

Sparked faculty interest in syllabus integration

Faculty members expressed enthusiasm for incorporating DEI principles directly into their course syllabi, creating lasting institutional change beyond individual projects.

💬

Positive feedback from students and instructors

Both students and instructors provided encouraging feedback, highlighting the toolkit's accessibility, practical utility, and potential for creating more inclusive learning environments.

What I Learned

1

Inclusive design requires flexibility and iteration

Building truly inclusive experiences isn't a one-time effort—it demands continuous adaptation based on user feedback and evolving needs. The toolkit's modular structure proved essential for incorporating new insights and maintaining relevance.

2

Diverse perspectives reveal hidden accessibility needs

Working with faculty and students from different backgrounds uncovered accessibility barriers I hadn't initially considered. Each perspective brought unique insights that strengthened the overall design and made it more universally usable.

3

Small UX details (like navigation and microcopy) have outsized impact

Seemingly minor elements—clear back buttons, thoughtful form labels, and inclusive language—often determined whether users felt welcomed or frustrated. These details became the foundation of user trust and engagement.