Sean Semple← All work

Nonprofit · Columbia Springs

Usability Study and Heuristic Evaluation for Local Nonprofit

Helping visitors and trip organizers find their next step.

Project overview

Columbia Springs wanted visitors to find essential information more easily. The team suspected the site could be streamlined, but needed evidence of where people struggled. I used usability testing and a heuristic review to identify friction and inform Visit Us and Field Trips concepts.

Client
Columbia Springs
Timeframe
4 weeks
My role
UX researcher
Methods
Usability testing · Heuristic evaluation · Accessibility review
Tools
Figma · Excel · ChatGPT (Astra 6)

Client Kickoff

Stakeholders felt the website held too much information, but were unsure what to shorten, consolidate or reorganize. They were open to navigation improvements and other small adjustments.

Central research question

Where do visitors and trip organizers encounter difficulty finding the information they need to plan a visit or request a field trip?

Research objectives

  • Identify friction in finding visit and program information.
  • Evaluate navigation, consistency and accessibility.
  • Prioritize practical fixes and opportunities to consolidate pages.

Usability Study

I moderated sessions with three participants, all first-time users of the website. Each attempted four core tasks. I tracked their navigation and interpretation of instructions.

Across tasks, participants repeatedly backtracked, scanned the wrong pages and asked for assistance. Some searches took more than ten minutes.

Plan a first visit

Find hours, parking and activities.

Participants had trouble locating practical details.

I grouped hours, the address and free parking near the top of the Visit Us concept.

Visit Us concept grouping grounds hours, the street address, and free visitor parking.
Visit Us concept · Essential details grouped together

Begin a field-trip request

Explain how to request a trip and what happens next.

Some participants were unsure whether to request dates or join a waitlist.

“I'm either supposed to pick three dates and email them or just [use] the waitlist?”
Participant · Session notes

The concept puts request guidance alongside program choices and preparation links, with a clearer explanation of the next step.

Field Trips concept with instructions for choosing dates and requesting a trip.Preparation resources grouped immediately below the request instructions.
Field Trips concept · Request steps and preparation in one place

Find preparation resources

Find guidance for the adults accompanying a trip.

Some participants could not find the materials; another was unsure the teacher packet was right. This supported grouping preparation links with the rest of the trip information.

Choose a third-grade program

Find an appropriate program, cost and duration.

All three participants found a program. Some needed extra scanning to compare options, and one suggested filtering by grade—an idea for further exploration.

Explore both page concepts ↓

One task, information across several pages

Participants moved between pages to find program details, request steps and preparation materials. This simplified route combines paths observed during testing with my map of where that information lived.

  1. Field Trips

    Overview and preparation links

  2. Field Trip Programs

    Compare activities

  3. Program Request

    Calendar and waitlist

  4. Field Trips

    Return for preparation links

Choosing a program, requesting a trip and preparing for it are connected stages of one task, so bringing them onto one page would reduce the need to search back and forth. Section links would let visitors jump to the stage they need without scanning the entire page.

See the consolidated Field Trips concept ↓

Heuristic Review

I reviewed the main visitor and field-trip pathways for consistency, clear labels and obstacles to completing tasks. These were the clearest content fixes.

Clarify availability and request steps

The overview suggested programs had not resumed. The request page announced open registration alongside a waitlist, without making the relationship between availability, requests and the waitlist clear.

Suggested change

Keep availability information consistent and explain when to request dates, join a waitlist and expect confirmation.

Program Request page announcing that registration is open and then directing visitors to a waitlist.
Program Request: registration open, followed by a waitlist link.

Match destinations to labels

“Visit Us Today” opened Contact instead of Visit Us. “Teacher Resources” opened EcoExplorers activities rather than general trip-preparation materials.

Suggested change

Send the visit button to Visit Us. Rename the resource link to describe its activity-specific content, or send it to the preparation resources.

Columbia Springs homepage with the Visit Us Today button.

Opens Contact ↓

The Contact Us page reached by the Visit Us Today button.
Destination: Contact, rather than Visit Us

Additional recommendations

Repair broken links

The 2019 annual report and old park-code link led to missing pages. Restore the report and update the policy link.

Make programs comparable

Grade, duration and fee details varied between entries. Present them consistently, keeping photos, summer offerings and NGSS links.

Accessibility

Desktop checks covered keyboard navigation, text contrast, link labels and heading structure.

Make the accessibility-map link readable

2.4:1

The green “this map” link measured about 2.4:1 against white, below the 4.5:1 minimum for this text.

Darken and underline it, and name the destination: “Download the accessibility map (PDF).”

Visit Us introduction showing a pale green link labeled this map within the accessibility information.
Visit Us · The “this map” link

Dropdown usability and accessibility

Keyboard navigation skipped the submenu links. Add an operable toggle, visible focus and an announced open/closed state.

Make the map keyboard-accessible

Tab skipped the 22 interactive pins. Provide keyboard-operable pins and a text list of the same locations.

Use meaningful headings

“Field Trip Progams” was ordinary text rather than the page heading. Correct the title and use a clear heading hierarchy.

Page Concepts

I developed two concepts from low-fidelity sketches, then used ChatGPT (Astra 6) to help render the page designs. Both retain Columbia Springs’ photography and identity.

Visit Us: bring practical details forward

Hours, address and free parking move near the top. Activities, the map and visitor guidance remain.

View larger concept ↗
Visit Us page concept retaining the woodland photography and grouping practical visitor details near the top.

Field Trips: bring the journey together

Program choices, request steps and preparation links share one page. Photos, summer offerings and NGSS resources remain.

View larger concept ↗
Field Trips concept bringing program choices, request instructions and trip preparation into one page.

Reflection

Personal takeaways

I enjoyed the kickoff conversation. It helped me focus on stakeholders’ priorities and understand which changes were realistic for the team.

What I’d do differently

I would review comparable nonprofit websites before the kickoff to ask better questions about balancing detailed programs with essential visitor information. That context would help me explore what could be shortened or grouped while preserving what the community needs.

What’s next

Columbia Springs is considering and implementing website changes. I’ll update this case study with before-and-after screenshots as changes go live.