Being the voice of UX Best Practices

01

INTRODUCTION

I led a team of 6 designers to improve the design of the DEI toolkit on the University’s Intranet Website. This improved design process efficiency by 80%.

Team

Me, Raveena, Hanara, Pat, Jiho, Harshita

Tools

Figma, Miro, Qualtrics

Duration

4 Months

Process Flow

What is a DEI Toolkit?

The HCDE Intranet contains resources, policies, and information relevant for HCDE students, faculty, and staff.

The Inclusive Teaching Toolkit is part of the intranet. It serves as a hub for accessing in-classroom and out-of-classroom resources, best practices, and information related to IDEAS (Integrity, Diversity, Equity, Accessibility, and Sovereignty).

Deliver a well-tested, iterated, and WordPress-ready website for student resources.

Consolidate user research and usability testing information into a single space.

The current prototype was fragmented, lacking an established design system or style guide.

However, multiple people had worked on various iterations, causing the documents to be scattered.

02

HOUSEKEEPING

Figma Cleanup

The project contained over 100 pages. To understand and improve the website, cleaning up the Figma file was the first essential step.

Figma File cleaned up

Creating Styleguides and Design Components

Before starting the design work, I established the University of Washington's style guide and basic design components in our Figma project.

Figma File cleaned up

User Research Analysis

We analyzed hundreds of data points for each of the 10 user flows. My primary focus was on the Homepage and the Classroom Accommodations flow. Additionally, I enjoyed mentoring junior team members.

Research Analysis

02

FIXING THE HOMEPAGE

Before

What was the Problem?

"I cannot even find the time to read through everything, you know? I just want info quick"
  • 80% of the students felt that the card categorization could be improved.
  • The ease of menu navigation received an average rating of 2 on a 5-point Likert scale.

How did we fix it?

I organized a card sorting session with the team, which helped us group and rename submenu items while streamlining the entire site map.

After

02

FIXING THE ACCOMODATIONS PAGE

Before

What was the Problem?

"Order of FAQa seems a little silly, and doesn’t make much sense to me"
  • 70% of users found the content too dense and difficult to read.
  • 86% struggled to understand the use of headings and accordions.

How did we fix it?

I conducted secondary research on how other university websites present accommodations. After getting feedback from the team on the layout, I applied it to make the content blocks visually appealing and easy to read.

After

06

FEEDBACK AND THOUGHTS

Surojit Gosh, Co-ordinator

What this team did for the future of the project and was very useful and important.

My Thoughts

Resource pages on University Website are high traffic, high impact - for a reason.

If you believe change is important, it is important to stand for it.

Also check out..