Body Worn Camera 2024

Body Worn Camera

Designed body-worn camera mobile application for public safety control officers. I went through similar design process as my project in 2023, scroll down to check what’s different.

Role: UI/UX Designer

Date: Jan 17th, 2024 - Mar 6th, 2024

Tools: Figma, Photoshop

Team:

Wanlong He, Hao Zhang (Body Worn Camera Team)

Avery Seibert, Catherine Benton, Tirsa Fernandez (Companion App Team)

About this Project

Collaborative Development of a Body-Worn Camera and Companion App for Patrol Officers

This project was a collaborative effort between two graduate students and three undergraduate students, aimed at creating an innovative body-worn camera and a user-friendly companion app specifically designed for patrol officers.

Early in the project, we started with creating individual mind map to establish overall project design process, then proceed to conduct individual secondary research to tackle on the application and best practices for body-worn camera, then we created individual concept map to help us understand and visualize the flow of the application, next we brainstorm together as a team to identify user tasks and created user task flow. With all the information we had, we went through the steps of sketching, creating lo-fi annotated wireframes and prototype, creating style guide and hi-fi prototype with iterations based on feedback from other designers.

At the end, “PocketCop” body-worn camera and companion app form a cohesive system that support patrol officers in their daily duties, promoting transparency and accountability.

Design Process Mind Map

Before diving into the project, I created a design process mind map to brainstorm and visually organize the different possible steps of design that I would go through. This helps me to set a general expectation and guidance on my work with the timeframe of a month and half.

(click image to expand)

Project Definition

To understand our target users and body-worn camera as a product, I defined the problem by writing down project problem statemen to describe issues that my design will address. I also conducted secondary research to comprehend the current state of body worn camera technology and identified existing applications or systems that could potentially serve as a design precedent or inspiration.

(Click to Check the pdf document)

Create Concept Map

To create a concept map that help us understand and visualize the structure and the flow of the application, we went through the steps of brainstorm, organize and create the concept map.

Step 1 - Brainstorm

Based on the research we conducted on body-worn cameras, we understood the purpose and key features that a body-worn camera should have. We listed all the features, functionalities and components that the application should have on a FigJam board

Step 2 - Organize

We grouped related functions and features together, we use the organized chart to form the main nodes for our concept map

(Click Image to Expand)

Step 3 - Create Concept Map

I created a comprehensive concept map of our interactive application, it shows how each features and functionalities are related to each other, it presents the structure and flow of the application. I did a quick sketch on my iPad first and then flesh out the idea more on Figma.

(Click Image to Expand or Check the pdf document)

Identify User Tasks

With all of the knowledges of our user’s needs, behaviors and application goals, we proceed to identify and document in detail all user tasks for our body-worn camera application. Me and my teammate identified all the primary and secondary tasks, the divided the work evenly.

(Check the image to expand and check the full pdf document here)

Sketches

Ideating and create design sketches for the application with the consideration user needs and user tasks, also keeping the context in which the application will be used and the different type of tasks that user will be performing in mind.