← Back to Work!

Partner

City of Dearborn Communications Team

Methods

Interviews ยท Survey design ยท Interview coding ยท Personas ยท Comparative analysis ยท Usability testing ยท Heuristic evaluation

Context

dearborn.gov redesign launched August 2024 ยท 110,000+ residents served

City of Dearborn website screenshot

The partner

The City of Dearborn launched a redesigned website in August 2024, serving 110,000+ residents. However, usability gaps remain, and the city asked us to investigate how to improve the user experience.

The gap

Residents, city staff, and local businesses all have different needs on dearborn.gov, and the site wasn't built with real user feedback.

The question

How do residents of varying ages, abilities, and technical backgrounds experience dearborn.gov? Where does the site fall short?

Image placeholder

Stakeholder interview

We met with the City of Dearborn communications team to understand the site's history โ€” a 2024 migration from Joomla to Drupal โ€” and align on scope. Stakeholders wanted prioritized, actionable recommendations that could be implemented within existing Drupal templates, without deep back-end changes.

Resident interviews

We conducted five semi-structured interviews with Dearborn residents recruited across age, physical ability, and technical experience โ€” spanning a current student, a hearing-impaired frequent user, a retired librarian, a neighborhood association leader, and a substitute teacher. Sessions ran 30โ€“45 minutes via Zoom or phone, with one interviewer and one note-taker per session.

Interview coding

Each team member independently coded their own transcript for recurring patterns, then we consolidated across interviews as a group. Codes were clustered into four key themes: mobile experience gaps, non-intuitive navigation, broken external links, and the site's underuse of Dearborn's community culture.

Image placeholder

Research question

Building on five interviews, we needed a larger sample to validate patterns and surface usage trends across Dearborn's population. The central question: how do citizens interact with city resources โ€” including residents who never visit dearborn.gov at all?

Instrument design

We pilot-tested a draft survey with three participants outside the project team, then revised based on their feedback โ€” clarifying ambiguous wording, fixing branching logic between user and non-user paths, and adding questions about mobile app interest and demographic data.

Deployment

Physical QR code flyers were posted in and around Dearborn government buildings, with digital distribution through social media and the UMSI Slack community. We combined convenience and snowball sampling โ€” the most realistic path to broad reach given no financial incentives and a population too large for targeted recruitment.

Image placeholder

From codes to patterns

After each team member independently coded their interview transcript, we consolidated findings as a group โ€” combining and grouping codes into cross-interview themes. Three consistent user archetypes emerged, distinguished by age, platform preference, and primary reason for visiting the site.

Three personas

Michael, a 68-year-old retired Dearborn resident with a movement disability, needs simple interfaces and clear error handling โ€” he wants organization over aesthetics, and relies on the site to stay civically engaged from home. Amanda, a 21-year-old UM-Dearborn student, is highly mobile-dependent and frustrated by scattered information and dead-end pages that force her to start over. Amira, a 35-year-old local business owner, needs a centralized place to track bill deadlines and city meeting dates โ€” right now the site makes paying taxes feel like a part-time job.

Scenarios

Each persona was paired with a realistic scenario drawn from their needs. Michael tries to watch a council meeting livestream from home, encounters a 404 error, and gives up โ€” unsure if he'll ever be able to participate without attending in person. Amanda goes to pay a parking ticket and can't find dispute information on the same page, forcing her through multiple sections to complete a task that should be self-contained. Amira needs to find a small business grants meeting date and her quarterly tax deadline, but has to dig through separate sub-pages to find each โ€” wishing for a single calendar that surfaces both.

Image placeholder

Comparator selection

With no actual direct competitor to dearborn.gov, we mapped five categories: direct (City of Ypsilanti), partial (New York Public Library), indirect (GoGov civic app), parallel (Wolverine Access), and analogous (National Park Service). Each was chosen to surface a different class of design lesson.

Evaluation framework

We built a custom matrix across five dimensions โ€” accessibility, information organization, contact, services, and vibe โ€” evaluating each comparator against consistent criteria like mobile accessibility, navigation clarity, search function, and community highlights. Dearborn.gov held its own on several criteria, including multilingual support and community highlights, but was the only site to receive a partial mark on navigation clarity โ€” flagging it as an area needing attention rather than an outright failure.

Key findings

Dearborn.gov meets baseline needs but lags on navigation clarity, mobile task flows, and community identity. Ypsilanti and the NPS showed stronger visual hierarchy. GoGov demonstrated streamlined high-frequency task flows. The NPS and NYPL showed what a richer, more dynamic community presence could look like.

Coming soon.

Coming soon.

Coming soon.