PUBLIC SAFETY SOFTWARE

Computer Aided Dispatch

NDA-compliant case study using sample datA, text & screenS.

SaaS
PUBLIC SAFETY
Dashboard

Interface for incident reporting and resource management which improves safety across 75% of America.

Dashboard interface for Situational Awareness Manager showing 'Create Incident' form with details for incident 379 labeled Kidnapping - In Progress including address, tags, case number, and a Respond button.

The Challenge

The main challenge while designing Computer-Aided Dispatch (CAD) system was to make a simple and clear system that could handle lots of real-time information, especially for emergency situations. This task tested my skills in creating a user-friendly system that meets the needs of dispatchers and first responders effectively.

My Role

Senior Product Designer

Key Responsibilities

Discovery Interviews

User Flows

End-to-End Visual Design

Design System

Impact

Hamilton County catches a terrorist in 3 minutes using CAD dashboard

Reduced time spent on user flows for officers and the agencies, resulted in 2-3 minutes saved on dispatch time.

Watch Success Story

Discovery

Uncovering the problem

An estimated 2/3 of 450,000+ public sector IT deployments are legacy, outdated systems. The systems lack intuitiveness for making the processes efficient and the ability to scale the infrastructure.

Two software interface windows: Left window titled 'Inter-Agency Comment Sharing' with dropdown for agency selection and a table of agencies with confidential comment sharing options; Right window titled 'Premise Utility' with tabs and various input fields for premise details, location types, and alias management.

HOW MIGHT WE

Improve data sharing

Utilizing a 'How Might We' session, our team collaboratively rethought the CAD system's capabilities. This brainstorming approach propelled innovative thinking, ensuring our solutions holistically addressed the unique challenges faced by the Chicago Police Department.

Sticky notes organization chart titled Card Feature and Admin functionality with categories Building the CARD, Visual Markers, and Triggers, each containing notes with tasks and questions related to admin features and priorities.

INFORMATION ARCHITECTURE

Mapping out user flows

We meticulously analyzed the existing CAD system's user flows and, building upon them, mapped out improved and intuitive pathways to enhance user navigation and streamline critical processes.

Flowchart showing comment filtering options starting from Create Mode leading to Label Mode, then choosing comment type by checkbox or commenter by checkbox with specific user types and shared comment options.

PROTOTYPe

Report Incidents

Incident reporting dashboard was designed to provide a clear and streamlined interface, enabling dispatchers to swiftly input, categorise, and prioritise incident details.

User interface of Situational Awareness Manager showing CREATE BOLO screen with list of suspects, victims, and vehicles, including Herbert Woods and Kristen Lee Smith, with incident details and options to add or remove incidents.
Screenshot of a Situational Awareness Manager interface showing a form to create an incident report for kidnapping in progress with address details and anonymous reporting option.
Dashboard view of Situational Awareness Manager showing queues of units with columns for unit, status, current location, problem, destination, and time elapsed, plus an unassigned units list with similar columns.
Dashboard of Situational Awareness Manager showing Queues for incidents with columns for ID, Incident, Problem Nature, Status, Jurisdiction, Division, Address, Time Elapsed, Call Taker, and Units including active and pending welfare checks and domestic disputes.

PROTOTYPe

Report Incidents

Incident reporting dashboard was designed to provide a clear and streamlined interface, enabling dispatchers to swiftly input, categorise, and prioritise incident details.

User interface of Situational Awareness Manager showing CREATE BOLO screen with list of suspects, victims, and vehicles, including Herbert Woods and Kristen Lee Smith, with incident details and options to add or remove incidents.
Screenshot of a Situational Awareness Manager interface showing a form to create an incident report for kidnapping in progress with address details and anonymous reporting option.
Dashboard view of Situational Awareness Manager showing queues of units with columns for unit, status, current location, problem, destination, and time elapsed, plus an unassigned units list with similar columns.
Dashboard of Situational Awareness Manager showing Queues for incidents with columns for ID, Incident, Problem Nature, Status, Jurisdiction, Division, Address, Time Elapsed, Call Taker, and Units including active and pending welfare checks and domestic disputes.
User interface of Situational Awareness Manager showing CREATE BOLO screen with list of suspects, victims, and vehicles, including Herbert Woods and Kristen Lee Smith, with incident details and options to add or remove incidents.
Screenshot of a Situational Awareness Manager interface showing a form to create an incident report for kidnapping in progress with address details and anonymous reporting option.
Dashboard of Situational Awareness Manager showing Queues for incidents with columns for ID, Incident, Problem Nature, Status, Jurisdiction, Division, Address, Time Elapsed, Call Taker, and Units including active and pending welfare checks and domestic disputes.

PROTOTYPe

Add Comments

Allows officers and agencies to share critical, real-time updates and observations about an ongoing incident for effective collaboration and informed decision-making.

Emergency dispatch software interface showing an active shooter kidnapping incident in progress with multiple pinned officer comments and dispatch notes.

PROTOTYPe

Dark Mode

Dark mode for the CAD system focuses on reducing visual strain during extended use, especially in low-light environments, which is common in 24/7 emergency response centers.

Emergency response dashboard showing train crash incident at Riverset Apartments with unit status alternating between Responding and At Scene at 799 Kaelyn Centers.

PROTOTYPe

Using Variables in Figma

Utilizing Figma's design system and components, we developed a modular UI that effortlessly toggled between light and dark modes that ensured consistent visuals across themes.

Comparison of light and dark comment card themes showing pinned comments with dispatch messages, including icons for lock, warning, and timestamps.

PROTOTYPE

Design System

The power of creating a design system within Figma's streamlined design iterations, ensuring consistent and scalable UI elements.

Typography styles showcasing various font sizes, weights, and cases in Source Sans Pro on white and black backgrounds.Design system color palette showing color swatches with tokens and hex codes for Neutrals, Primary, Error, Alert, and Success in light variants.Comparison of system alert message styles categorized as primary, success, alert, and error on light and dark backgrounds, with variations including icons, close buttons, and action buttons.