Logo of the University of Washington - Bothell.

UW Bothell COVID-19 Site

TL;DR

Our team redesigned the UW Bothell COVID-19 information page to better support students navigating pandemic-related changes. We focused on clarity, accessibility, and usability by simplifying the layout, reorganizing information architecture, and validating our solutions through usability testing. The final result was a more intuitive and informative platform that meets the needs of students returning to campus.

Timeline

Janurary 2022 - March 2022

Genre

Website Redesign

Context

As universities adjusted to the evolving realities of COVID-19, students relied heavily on digital resources. At UW Bothell, the COVID-19 webpage became a crucial hub for campus updates, policy changes, and support services. Our project focused on improving this resource to reflect current student needs.

Hunt Statement

We set out to understand how UW Bothell students interact with COVID-related web resources during the transition back to in-person learning. Our goal was to uncover what information matters most to them and design a site that streamlines access to that content while supporting an intuitive user experience.

Research

We conducted a comprehensive review of the UW Bothell COVID-19 site and performed user-centered research, including surveys, card sorting, and ethnographic analysis. This helped us understand both the structure of the current page and the needs of our primary users.

Original State of Website

The existing COVID-19 webpage lacked clarity and structure, making it difficult for students to find relevant updates and policies. We focused on reorganizing key areas—mental health, health policies, FAQs, and eating spaces—while maintaining alignment with the broader UW site.

Personas

We created three personas to represent our users: a current student (primary), a prospective student (secondary), and a faculty member (secondary). These personas helped us align design decisions with specific goals, needs, and pain points.

Primary Persona

Secondary Persona

Secondary Persona

Scenarios

We outlined four user scenarios to frame how different individuals might seek COVID-19 information, helping us identify pain points and map out ideal site behaviors for common tasks.

Experiencing Symptoms → Paul has been experiencing some mild coughing and fatigue, which he knows are potential symptoms of COVID. He needs to find out whether he should stay home, and what the UW requires him to do if he tests positive for COVID.

Returning to Campus → Paul is about to return to campus after being in online classes the previous quarter, but he isn't sure what the requirements are for coming to class in person. He needs to find out what he'll need to do before coming to campus.

Finding Safe Eating Spaces → Paul wants to know where he can eat on his lunch break safely. He needs to find out where the Designated Eating Spaces on campus are.

Worried About Campus Safety → Paul lives with someone who is at greater risk of COVID and is worried that coming to campus could be a risk to their health. He needs to find out about what the UW is doing to keep the campus clean and safe.

Journey Map

To better empathize with user frustrations, we mapped the experience of Paul Hawk, a current student, as he navigated the site. This highlighted moments of confusion and led to ideas for improved content structure and clarity.

User Questions

We developed a set of research questions to stay focused on key user needs. These helped us avoid scope creep and ensured our efforts addressed usability gaps directly tied to COVID-19 communication.

What pieces of COVID information are our users looking for most often?
Is the information on the site easy to read and parse?
How easy is it to navigate to specific pieces of information?
Is it easy to understand where to find topics at a glance?
Are there any pages or sections of text of the site that get little to no attention at all?
How much of the available information is actually being read and remembered?
How easy is the site to use, in general?

Data Gathering

Our research utilized surveys, card sorting, and ethnographic study. These methods gave us a mix of qualitative and quantitative insights to inform the design process.

Card Sorting

Card sorting helped us reimagine the site’s information hierarchy. By grouping content into intuitive categories, we identified themes and redundancies, paving the way for a cleaner, more navigable structure.

User Surveys

Through a 10-question survey, we gathered demographic data, usage patterns, and feedback on site clarity and usefulness. The survey confirmed that many students struggled with information overload and link-heavy design.

Ethnographic Research

Understanding Gen Z’s digital behaviors guided our design approach. Gen Z users favor fast, clear, and mobile-friendly information—insights that shaped our layout decisions and information delivery methods.

Research Result Findings

Survey responses and user feedback highlighted three key issues: an overwhelming number of links, unclear navigation, and visual fatigue. These insights directly informed our design goals and wireframe planning.

User Wants

From our analysis, students expressed a strong preference for concise content, improved visual hierarchy, and faster access to resources—all of which were prioritized in our redesign strategy.

Guidelines

A prevalent section was the guidelines, as the COVID situation is constantly changing, and they wanted a dependable source to keep up with the latest information.

Map

Users wanted a map for questions that asked for the type of information they would like and recommendations for the site. The users found theDesignated Eating Spaces confusing for those unfamiliar with the campus. The list of room numbers and areas was rendered meaningless without an understanding of the different buildings and layouts.

Masks

Users requested more information regarding finding face masks on campus and how to care for them. Users disliked the PDF file that’s included regarding the use of face masks. Users recommended adding mask information to quick links and having it listed as a quick resource for users to access.

Updates

Several users wanted updates on the COVID-19 website about the ongoing COVID and campus prevention plan regarding the pandemic. However, this page existed under the title of “COVID-19 Communications” where UWB archives past and current updates.

General Layout

Simple visuals with less overwhelming text and more meaningful photos and icons. The users struggle with the tons of text on the current page and often glance over the information they’re looking for in the sea of text. This could be solved with visuals to display the information in away that is more digestible and easy to understand at a glance.

Quick Links

The quick links in the current site are seen as positive with users, however, they could be improved with better visuals. This could be solved if we replaced quick links with a card system where users can access information more easily.

Clear Navigation

The links were all blue text that the user could click on. So, it was hard for the user to differentiate between the navigation that opened a link versus the navigation that scrolled to an anchor on the page.

Statistics

Although there was only one user that left a comment, we believe that it was still worth mentioning. There was a user that wanted statistics to help gauge covid cases on campus. This adds information to the UWB COVID site, helping users see the rate of danger on campus.

Usability Testing - Current Site

We conducted six usability tests on the existing site. Testers frequently struggled to complete basic tasks due to poor layout and unclear labels, reaffirming the need for a comprehensive redesign.

Our tests revealed that students were frustrated by dense text, inconsistent labeling, and hidden resources. However, they also responded positively to clearer entry points and suggested visual cues for navigation.

Users must read through large chunks of text to find important information ->
The most noticeable trend among all the test users was that they found the amount of reading they had to do to find important information cumbersome, or even frustrating. Users spent significant time scrolling up and down the page trying to figure out which heading they should be looking at, and then even time reading blocks of text in their entirety to find a link embedded within, or sometimes just to understand if the paragraph was relevant to their goal or not.
Users consistently struggle to find certain pages ->
Another common – and more urgent – trend was that users consistently struggled to find certain pages, such as the Communications page, which contains news and updates, and the" What do I do if I feel sick?" section.
Users rarely notice the navigation sidebar ->
Another reason for this is that users barely noticed the existence of the navigation sidebar. They instead relied on the Quick Links or links within the page's text to bring them to the pages listed there, which made navigation take longer and made the navigation path more difficult to repeat.
Users don't recognize the index as an index ->
Similarly, users had trouble recognizing the topic index on the main page as what it is – an index. An index is meant to give an overview of the page's content so the user can understand what the page contains without scrolling through the entire thing, but users rarely used it that way, instead of spending time scrolling up and down the page.
Redundancy of links leaves users confused and uncertain ->
The redundancy of certain links added to users' uncertainty and confusion over the page's navigation. Certain pages are linked several times throughout the page, but with inconsistency in the wording of the links. Some links with different wording go to the same page, while others with nearly the same wording go to completely different pages.
Designated eating spaces directions are hard to follow for new students ->
Our final key insight was that test users who had rarely or never been to campus expressed that the directions on the Designated Eating Spaces page are a bit difficult to follow. The page relies heavily on listing room numbers and landmarks to mark where the eating spaces are, which was easy to understand for current UWB students who knew the campus fairly well.

Information Architecture and Visual Layout

We overhauled the site’s architecture by introducing five core content categories, prioritizing high-demand topics. We increased readability through spacing, headers, visuals, and visual separators. Actionable links were restructured into accessible buttons.

Prototying Solution

A new prototype was created and tested with 7 users. Tasks were completed faster and with more confidence compared to the old site. Users praised the entry page and cleaner layout, though some recommended repositioning the quick links for better accessibility.

Results

Our design solutions significantly improved usability and comprehension. Based on testing, we recommended four major site changes, each focused on increasing clarity, navigation ease, and overall user satisfaction.

Overhaul Information Architecture
One of the main contributors to the success of our prototype was the reorganization of information on the site. Where the organization of the current UWB COVID site confused several times among our test users, the overhauled information architecture we used in our prototype's page navigation greatly decreased the number of confusion users experienced while looking fora particular page. Though the finer details of this information architecture could be tested further, the broad categories of "Health Requirements & Policies", "Resources", "News &Updates", and "FAQs" made intuitive sense to our test users, and the placement of important topics near the top of each page was well received as well. We recommend a similar approach in reorganizing the site's information architecture.

Break Up Chunks of Text
Clearly dividing up the sections of text on each page using large headings, divider lines, and various visuals and lists greatly increased the user's ability to quickly skim the text. Where in the current UWB site the user must read through a large amount of text just to get a feel for what information is in that section, the headings and layout of the text in our prototype allowed users to get the same understanding without reading much besides the section headings and subheadings. Additionally, separating the majority of the embedded links into buttons allowed the user to access those resources without reading the entirety of the text, as well. This solution was very well received among our test users, and we highly recommend this approach.

Increase Visibility of Navigation Features
Another of our successful solutions was making the navigation bar much more easily visible. Our approach to this entailed moving the navigation to the top of the page and making sure the font was large, bold, and easily readable, both of which make the navigation much more noticeable. Where the current UWB COVID site's navigation often went completely unnoticed, test users of our prototype made frequent use of the top navigation bar without needing to spend time figuring out how it works. Increasing the visibility of the index/table of contents on the longest page also had a similar effect. We recommend this solution, as it increases the user's freedom of navigation and succeeds in preventing confusion.

Add An Entry Page
The addition of a dedicated entry page to our prototype was very well received by the users.While it doesn't contain much text information on its own, the navigation cards and summaries succeed in providing a quick and efficient overview of what content the site offers. The UWB COVID site is packed with a large amount of information, and it's important that the user isn't overwhelmed by it, or they risk missing information that is important to their health and safety. The addition of an entry page serves to make the user's first experience with the site approachable and prevent confusion by offering an easy place to start looking.

Next Steps / Further Research

With additional resources, we would expand our testing to include broader demographics, integrate responsive views for mobile and tablet, and explore features like heat maps, kiosk integrations, and enhanced accessibility tools.

Learning Outcomes

This project deepened my understanding of collaborative UX work during a challenging time. I learned the value of designing for clarity and inclusivity under pressure, while also navigating the realities of team dynamics and differing levels of contribution. Despite these hurdles, we delivered a thoughtful, research-driven redesign that prioritized student needs.