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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.