Washtenaw County Parks & Recreation

Providing accessible recreational resources and enhancing community engagement for over 350,000 residents.

Role

User Researcher

Team

1 Supervisor

1 Project Manager

4 User Researchers

Tools

Figma

FigJam

Timeline

Jan 2025 - Present

OVERVIEW

The Washtenaw County Parks & Recreation (WCPAR) website redesign aims to improve digital access for over 350,000 residents. As part of a broader initiative to enhance community engagement, the new platform will feature three core systems: CivicEngage, RecTrac, and ParkFinder. These systems will offer residents a seamless way to explore recreational opportunities, register for activities, and discover local parks.


With the platform set to launch in late 2025, the project will include post-launch user testing conducted to evaluate usability and refine the user experience. The goal is to ensure the redesigned website allows users to quickly find information, connect with their local parks, and engage in both active and passive recreation.

PROBLEM STATEMENT

The current Washtenaw County Parks & Recreation website does not effectively meet the needs of a diverse group of residents, making it difficult for users to easily navigate and find relevant information. As a result, many residents may miss out on opportunities to engage with local parks, recreation programs, and nature areas. There is a pressing need for an intuitive and user-friendly digital interface that serves all residents, regardless of age, background, or digital literacy. Additionally, integration challenges between the CivicEngage, RecTrac, and ParkFinder platforms create friction in accessing essential services such as event registrations and park exploration.

💭

HMW (How might we...)

Ensure the WCPAR website to enables residents to easily find recreational opportunities and resources, register for programs, and explore local parks?

USER RESEARCH

To assess the usability and accessibility of the Washtenaw County Parks & Recreation website, we conducted 12 one-on-one usability interviews with a diverse group of participants. The goal was to understand how effectively users could navigate the website to find information and complete key tasks.


Our participants included:

  • Residents of Washtenaw County.

  • Employees of Washtenaw County Parks & Recreation subsidiaries who had not extensively interacted with the website.

  • Individuals with disabilities to ensure ADA compliance and accessibility considerations.

  • Age range: 16–60 years old.


Our methodology included:

  • Semi-structured interviews: Allowed for flexibility in asking follow-up questions based on participant responses.

  • 10 usability tasks: Each participant was asked to complete 12 tasks that mirrored real-world use cases, such as signing up for an event, finding park admission fees, and reserving a pavilion.

  • Think-aloud protocol: Participants were encouraged to verbalize their thoughts while navigating the website.

  • Pre-test and post-test questions: Provided insight into users’ prior experiences, expectations, and overall impressions of the website.

  • Observational data collection: Recorded user actions, points of confusion, and navigation patterns.


See our protocol here!


Affinity diagramming allowed us to categorize user feedback into common themes, revealing major usability pain points across participants. This method provided a structured way to synthesize insights and prioritize recommendations.

KEY FINDINGS

To quantify task success and failure, we tracked completion rates for each of the 12 usability tasks. A summary table detailing task success and failure rates is included below, pinpointing which aspects of the website were most challenging for participants.

1. Navigation & Information Architecture

  • Inconsistent categorization and labeling hindered discoverability of key content.

  • Ineffective search functionality led users to abandon the search feature and rely on manual exploration.

  • Unclear hierarchy of information forced users to rely on trial and error, increasing cognitive load and frustration.


2. Accessibility & Inclusive Design

  • Screen reader compatibility issues with unlabeled buttons and missing alt text impeded accessibility.

  • Low-contrast text and small font sizes reduced readability, especially for visually impaired users.

  • Non-keyboard-accessible forms created friction in registration and sign-up flows.


3. Task Completion & Interaction Design

  • Inefficient workflows (e.g., multi-step registration, unclear CTAs) led to high task abandonment rates.

  • Excessive text density and lack of visual hierarchy made scanning for information difficult.

  • Vague action labels (e.g., “See More”) resulted in unpredictable navigation outcomes.


4. Mobile Usability & Responsive Design

  • Poor mobile responsiveness caused layout distortions and excessive scrolling.

  • Touch targets were too small, leading to misclicks and navigation errors.

  • Lack of mobile-friendly interactions (e.g., collapsible sections, sticky navigation) impacted usability.

RECOMMENDATIONS

1. Information Architecture & Content Organization

  • Inconsistent sidebar categories and labels create unpredictable navigation patterns.

  • Key park information (e.g., admission fees, hours, amenities) is not consistently placed across pages.

  • Recommendation: Standardize sidebar categories and their order across all park pages to create a more predictable and structured experience.


2. Content Discoverability & Information Access

  • Users expect critical details (e.g., pricing, admission fees) to be directly linked or embedded within the page.

  • PDFs containing park rates and schedules are difficult to navigate, particularly for mobile users.

  • Recommendation: Implement pop-up windows or expandable content sections that integrate relevant information from PDFs, allowing users to interact with key details more seamlessly.


3. Visual Hierarchy & Readability

  • The text-heavy layout creates cognitive overload, leading to excessive scrolling and overlooked details.

  • Key actions and important information (e.g., cost, availability, registration) are buried within long-form text.

  • Recommendations:

    • Reduce text density using collapsible content sections and jump links for in-page navigation.

    • Improve visual hierarchy by restructuring content to surface essential details first.

    • Reorder key information fields for clarity (e.g., move Hours → Address → Features to the top).

    • Use buttons and interactive elements to increase engagement with textual information.


4. Labeling & Terminology Alignment

  • Unclear distinctions between similar categories (e.g., "Activities" vs. "Recreation") confuse users.

  • Users expect email subscriptions under "Register", not "Connect."

  • Recommendations:

    • Restructure and rename ambiguous navigation labels to better align with user mental models.

    • Rename "Connect" to "Get in Touch" and nest only contact-related links within this category.

    • Consolidate redundant links (e.g., "Boating/Paddling" and "Boat Launch") and organize in alphabetical order for easier scanning.


5. Interaction Design & User Expectations

  • The "See More" link is misleading, often leading to images rather than useful content.

  • Users want key park information (availability, cost, registration) to be easily accessible without excessive clicks.

  • Recommendations:

    • Ensure "See More" consistently leads to structured, valuable information, or integrate it directly into the park’s main page.

    • Consider a carousel or slideshow for additional park images instead of a vague "See More" link.


6. Search Functionality & Relevance

  • Users instinctively rely on the internal search bar, despite its poor results.

  • The current Pages, Content, and Files tabs obscure relevant search results, making it harder to find key information.

  • Recommendation:

    • Optimize search functionality by consolidating results into a single, relevant content feed instead of fragmented tabs.

    • Improve search relevance through better keyword calibration and auto-suggestions for common queries.


7. Secondary Usability Considerations

  • Users frequently rely on Quick Links, finding them more useful than the main navigation.

  • Many users did not recognize the sidebar plus sign as an expandable element.

  • Users scrolled to the bottom of pages expecting contact information, which was missing.

  • Recommendations:

    • Provide clear affordances for expandable elements (e.g., add visual cues to indicate interactivity).

    • Ensure contact details are consistently placed at the bottom of pages for easy access.

    • Notify users when a link navigates to a new page and allow them to return easily (per Nielsen's Usability Heuristics).


See our report here!

LEARNINGS

This project really piqued my interest in information architecture and user flow. Even the smallest details can have a big impact on the user experience! It was all about balancing creativity with functionality — making sure users not only enjoy exploring the parks but also find what they need easily. Working on a project that directly connects people to nature really reminded me of the power of design to enhance everyday life in surprising ways!

made with ♡ by lia du

email

linkedin

github

made with ♡ by lia du