City of Brooklyn Center

Reimagining Public Safety

TL;DR

Summary: Brooklyn Center is a city of approximately 30,000 people located just North of Minneapolis, MN. It has been the center of several high-profile cases of police violence. In response to widespread calls for changes to policing and public safety policy, Brooklyn Center has passed a resolution that will reimagine what public safety can look like by reducing the role of armed police in the enforcement of traffic infarctions, mental health crises, and other low-level offenses. City officials asked us to design a website that will live separately from the city website that will inform community members about important updates to the resolution and that could act as a template for other cities that are passing similar community safety reform acts.

Role: UX researcher, project management

Methods: Competitive analysis, informational interviews, card sort, low-fidelity wireframes, site mapping, usability testing, copywriting, design system, high-fidelity wireframes, clickable prototype

Tools: Figma, Trello, Otter,ai, Google Suite

The Problem

In 2020, approximately 80% of 911 calls in Brooklyn Center were related to non-criminal matters, yet police response is similar no matter the reason for the call. The results of this were deadly in the cases of Kobe Dimock-Heisler and Daunte Wright who both died at the hands of police.

In response to these events, the city passed the Daunte Wright and Kobe Dimock-Heisler Community Safety and Violence Prevention Resolution which aims to reduce the role of armed police in low-level offenses. It creates two new departments for Traffic Enforcement and Community Response, as well as a new Department of Community Safety and Violence Prevention to oversee all city agencies and city efforts regarding community health and public safety

This type of legislation that attempts systemic change is unique at a local level, despite broad support in the United States. In addition to the three new departments, the resolution created an implementation committee to put these changes in place. The implementation committee including Mayor Mike Elliott were our stakeholders for this project, and their goal was to create a new website to inform community members of important updates and act as an engagement channel

A protest crowd with signs demanding justice for Daunte Wright

The Process

Research

  • Research was arguably the most important aspect of this project; learning about the space we were working in and talking with residents of Brooklyn Center was critical in guiding the rest of our decisions going forward

  • First we completed secondary research by learning about other cities and states who had passed similar legislation, how they communicated this information to the public, and features that our users would expect. We completed a competitive analysis (pictured below) to review resources in the police violence, public safety, and government sectors. This task was shared by all members of the team.

An image of an excel document which shows the competitive analysis categories and results
  • Next the research team - which consisted of myself and teammate Justin Daleiden - completed primary research; we spoke with community members in Brooklyn Center to learn about their stories, experiences, and thoughts about the changes happening in their community. We asked what they had heard about the new resolution, where they got their information from, and what type of information they would like to see in a website meant to inform the public. 3 major themes of what types of things users wanted from a website emerged from this research:

    • Communication: users desired clear communication channels from the city in regards to ongoing updates as the resolution is implemented in their city

    • Transparency: community members wanted to know clearly where the implementation committee is in their process and how their decisions are being made

    • Data/evidence: Brooklyn Center residents had been central to many national news stories and felt there was a spotlight on their city and pressure to make changes. They wanted to know these changes were rooted in data and wanted clearly displayed evidence to back up what was happening in their government

Synthesis

  • A large part of the design process was synthesizing the wealth of information we collected during the research phase. I was responsible for completing the final research report which you can view here:

  • Community members had many desires when it came to information displayed on a new website. We completed several rounds of research to narrow these categories down using a card sort, low-fidelity prototyping, and usability tests to further refine how the information would be organized

  • The landing page of the website is designed to be a scannable summary of the most relevant information that community members will be visiting the site to learn about. More in-depth information can be found in the navigation header

  • We landed on four final navigation headers that will house all the relevant information:

    • About

    • Who is Involved

    • Learn

    • Get Involved

  • The final result is a website that contains a large amount of complex information but is organized in an accessible, frictionless, and scannable manner


Design

  • We started our higher fidelity designs by creating a design system that was used to create consistent pages and designs that could be uniformly edited.

  • This site required a large amount of copywriting in order to clearly convey more complex materials such as the 4-page city resolution summarized in one paragraph. We also utilized data visualization to create visuals of key data to convey information in more than one way

  • We had several rounds of editing and critiques in order to strike the right voice and tone on a website that will be so central in informing the public coming from all walks of life and political affiliations


The Results

  • A high-fidelity clickable prototype was made in Figma and can be viewed here:

The Challenges

  • Content strategy was one of the largest parts of this design. Between the stakeholders requests and community member desires, there was a huge amount of information to sort, categorize, and present in a manageable way

  • Striking the correct tone and voice on this website was a balance that took effort to achieve. There are strong opinions from many different viewpoints on the issues of public safety and policing so we strove to keep the information presented based in facts and data


Next Steps & Takeaways

Next Steps

  • Next, we will hand off the design files to our client. The next steps for these designs include:

    • Choosing a hosting platform and building the site

    • Translating the content into other languages so the site is accessible to everyone in the community

    • Updating content as changes happen with the resolution and changes are implemented in the city

Takeaways

  • It was an honor to partner with the city of Brooklyn Center while they are implementing such important work. In a time when real systemic change in our country is so hard to come by, it was an privilege to work with a city that is doing the work to reimagine what public safety can look like for everyone

  • This was an end-to-end design process where our team completed all the steps from research through execution of a high-fidelity prototype. In my role as project manager I set forth timelines for the project, assigned tasks as needed, and ensured that all deadlines were met.

  • The community members of Brooklyn Center remained the central focus for our design, and every decision we made was done with their needs in mind. Topics such as public safety can invoke many thoughts and opinions and our team strove to keep the language on the site evidence-based and accessible to all

 
Mayor Mike Elliott in front of the Daunte Wright memorial in Brooklyn Center, MN

Mayor Mike Elliott in front of the Daunte Wright memorial in Brooklyn Center