matt-popovich-7mqsZsE6FaU-unsplash (1).j

Body-Worn Camera 

Mobile Application Design

Role (Individual Work)
UX Designer
Two Months
Human-Centered Design

Many new technologies are improving policing nowadays. Computer-assisted crime analysis is helping crime patterns. A new information system allows transmitting digital data to the agency in the field. In the midst of all different technologies, body-worn camera is one of the most widely used one as it can help promote accountability, transparency, and legitimacy by capturing unbiased data of an incident.


These wearable devices play critical roles in collecting evidence at the scene in different formats including video, photo, and audio. It also provides the capacity of the management of collected evidence, data transmission, and communication.

The purpose of this project was to design a simple, accessible and efficient body-worn camera application. 

*Disclaimer: This was an assignment for my human-centered design class. We used the Motorola Si500 Video Speaker Microphone as the framework to build the solution. This project was not sponsored by Motorola. 

Product Description

Descriptions of the product we were asked to design were provided, including specifications, target users, functions and UI requirements.

Operating System: Andriod OS

Touch Screen: 3.2“ (360 x 640 px, 229 ppi)

Physical Controls:

  • PTT (Push-to-talk) button

  • Power button

  • Volume toggle

  • Programmable buttons (2)

    • Audio Recording

    • Photo Capturing

  • Emergency button

  • Video record slider

                                                                                       For more information, please reference Motorola Si500 Video Speaker Microphone Spec

Product Description.png
Target Users
  • Police First Responder/Frontline

  • Highway Patrol

  • Corrections Officers

Required Functions
  • Send Emergency alert

  • Pre-buffering event capture

  • Video, photo, and audio recording

  • Speech to text notes

  • RT (Real-time) broadcasting

  • System Notifications/Status updates

  • Device indicators (recording, battery, signal strength, recording capacity, etc)

  • Media tagging and integrated metadata (time, date, geo tagging)

  • Media access and management.

Secondary Research

I started a secondary research to explore both in depth and in breadth about body-worn cameras, based on the given information about this product. My secondary research was guided by these questions:

  • What is a public safety body-worn camera?

  • What is the current situation of body-worn cameras?

  • Who are the main users and why they are using the body-worn cameras?

  • When and where the users are using the body-worn cameras?

  • What functions do existing body-worn cameras have? Are there any concerns about them?

  • Who are the design precedents and competitors?

  • What are design guidelines for small screen design?

Key Findings

Privacy rights of the public as well as the police officers are a primary concern.

Both citizens and officers need to be informed that they are being recorded.

Most of the time they are not looking at the screen  while using it.

Most of the operations are completed through physical buttons while users not looking at the screen. Therefore, immediate and effective feedback on their actions is of importance.

Public safety work involves lots of mission-critical tasks

Extra steps to activate recording or to save a catpure should be eliminated. Besides, device status information needs to be simplified.

Data access and security is of importance​

The information captured is sensitive. Hence tampering with and unauthorized access to stored video files must be regulated.

Concept Map

To understand what types of data a body-worn camera will display, I created a concept map based on my secondary research findings.

Screen Shot 2019-10-15 at 8.00.01 AM.png
Task Flows

A series of task flows were created to find out the most effective way to achieve users’ goals and also to take into consideration all possible user scenarios.  

Screen Shot 2019-10-15 at 8.04.07 AM.png

I created a sitemap to explore and identify the most simple yet efficient information architecture of the application.

Sitemap (1).png

To explore design alternatives given the requirements and constraints of the hardware, I sketched a wide-range of ideas to find the best solution.

Annotated Wireframes

Annotated wireframes were created while taking the following questions into consideration:

  • Will they be able to do this when they are working?

  • Is the interface too distractive?

  • Will they be able to notice the alert in a mission-critical environment?

  • Is that the easiest way to finish the task?

  • Are all the evidence they capture saved and organized well without requiring extra operations?

  • Is this interface easy-to-learn?

Screen Shot 2019-10-15 at 8.06.25 AM.png
Screen Shot 2019-10-15 at 8.06.17 AM.png
Interactive Prototype