Fingerprinting Mobile App

Redesign Project

5-week Project - Remote

Helping Law Enforcement Officers identify subjects in the field.

This company sells a mobile USB-C fingerprinting kit that allows officers to quickly collect fingerprints and identify subjects in the field, without having to travel back to the station.

UX Strategy
RAPID PROTOTYPING
UI DESIGN
WORKSHOPPING
COLLABORATION
Business Strategy
Role

As the Lead User Experience Designer on the project, my role was to ensure that the  UX standards and best practices were incorporated to the redesign effort. I worked closely with the Product Manager and UX Director to understand the user's needs and pain points and identify opportunities to improve the app's usability, functionality, and elevate the overall user experience.

Project Goals

-Re-design the mobile fingerprinting app while aligning with company User Experience standards and design system.

-Refine key features, improve usability and intuitiveness.

Tools
Overview

HID Global a manufacturer of secure identity and access management products headquartered in Austin, TX. They are an independent brand of Swedish company, ASSA ABLOY AB.

HID makes a compact handheld USB-C reader, the NOMAD 30,  that connects to mobile devices and allows Law enforcement officers to submit identification requests from the field.  Officers can receive responses from various databases  in as little as sixty (60) seconds.

Constraints

-5 weeks was a relatively short time frame to complete a full redesign of a fingerprinting app.

-It is essential to gather user feedback and use it to inform the design, however it was challenging to conduct user research within this short of a time frame.

My Process

Discover

LEARNING ABOUT THE PROBLEM

I spoke to five (5) subject matter experts ranging from Product Manager to Software Engineers. I gathered background information about the product and the target user group.

SME INTERVIEWS
HUERISTIC REVIEW

Strategize

PLANNING & ORGANIZING

I met with the UX Director and Product Manager to understand the overall vision for the project, as well as the priority level.

Once the business goals, project vision and priority were outlined, we started  planning the UX methods and defined the success/failure metrics.

EXPERIENCE CANVAS
BUSINESS MODELING
VALUE MAPPING
PLAN UX METHODS
DEFINE METRICS

Define

DEFINE & ALIGN

We conducted a 4 day workshop to re-align on business and user goals for the solution.

We synthesized the findings from the workshop and created a shared document. We used assets like personas, journey maps and experience canvas to help the team align on the outcomes for the project.

ALIGNMENT WORKSHOP
PERSONA DEVELOPMENT
COMPETITIVE ANALYSIS

Design

IDEATION & INNOVATION

We scheduled a workshop to re-align on business and user goals. A version of the product already existed and the goal of the workshop was to articulate the expected outcomes of the redesign effort.

ALIGNMENT WORKSHOP
PERSONA DEVELOPMENT
COMPETITIVE ANALYSIS

The Problem

Traditional Fingerprinting is slow, and results take weeks. Police officers need fast results in the field.

Drawbacks

-Time spent traveling back to the police station
-Ink & Roller fingerprinting is messy and time-consuming
-Traditional Responses have to be faxed and can sometimes take weeks to receive a response

Subject Matter Expert (SME) Interviews

Getting up to speed

I Interviewed (4) subject matter experts (SMEs) to learn about the target users and problems they were facing.

Subject Matter Interviews

What we learned

Persona

Who are we designing for?

Business Goals

1. Improve User Experience
2.Create prototype to test business hypothesis
3.Enter new market segment

Competitive Analysis

Sizing up the competition
NEC NEOSCAN 45

- 500 PPI LES Image Sensor
- Dual Fingerprint capture

Value Proposition

- Magstripe reader
- Rugged form factor
- Open to any AFIS solution

Northop Grumman Biosled

- 500 PPI LES Image Sensor
- Dual Fingerprint capture

Value Proposition

- All-in-one
- Rugged form factor
- Configurable workflow
- Iris scanner
- One handed operation
- Tactile buttons

Copernic C-one2-E-ID

- 500 PPI LES Image Sensor
- Single Fingerprint capture

Value Proposition

- All-in-one
- Rugged form factor
- E-ID Document reader
- One handed operation

Dataworks Evolution plus 3

- 500 PPI LES Image Sensor
- Single Fingerprint capture

Value Proposition

- All-in-one
- Rugged form factor
- One handed operation

Proposed solution

Android Mobile app + Nomad 30 USB-C fingerprint reader

HID Integrale™ Biometric + NOMAD 30

- 500PPI TFT Image Sensor
- Single Fingerprint capture

Value Proposition

- Configurable workflows
- Small form factor
- All-in-one Mobile Phone & Reader case
- One handed operation

User flow

Mapping the steps

Design Elements

Workflow
Officers have a specific set tasks to complete. Protocol and standards may vary by each agency and so can workflows.
Officers in the field need a clear status and instant access to new infomation.
Clear results
Officers use results in the field for threat assessments and need clear answers on whether a person is dangerous or not.

Identifying Key Tasks

Jobs to be done

Collecting  Biometric Data

This is the stage where the officer collects all of the information in order to satisfy workflow requirements.

Viewing responses

Officers in the field need a clear status and instant access to new information.

Transactions History

Officers in the field need a clear status and instant access to new information.

Want the Full Story?

Request a password via email OR Schedule a presentation

Ideation

I started experimenting with patterns for workflow related tasks. I eventually worked some of  these patterns into the first version of the prototype.

Guided Workflow

After each task is completed the workflow advances to the next task until complete.

RAPID ID Workflow

The user only needs to collect, at minimum of the left and right index fingerprints in order to submit a RAPID ID request. Users should know, the moment that they are able to search.

The “annotate” button allows the officer to make notes when a finger is missing or damaged.

Search / Match criteria

Each match criteria should communicate to the user its state i.e . what a criteria has been added or not.

Vertical Workflow

I experimented with a vertical version of the workflow task selector

Gathering Feedback

Version 1.1 was presented to stakeholders and I made some changes based on what was learned in the design review.

Transaction status needs to be more informative

Users need to be able to tell right away what the status of a transaction is. Transactions statuses are searching, match, no -match (Clear) and possible match.

Matches indicate that there are records presents that match the submitted criteria and require further review by officer

Transactions results are constantly updated

Transactions are updated with new information at any time . The user should be notified as soon as new information comes in or when the transaction status changes.

Workflows are non- Linear and fingers can be substituted

Users don't have to go in a particular order to complete tasks. Some tasks are mandatory and others are optional.

Officers can substitute a finger instead of marking it as “missing” or “injured”.

Prototype v1.2

Version 1 was presented to stakeholders and I made some changes based on what was learned in the design review.

Supporting Multiple Workflows

From the home page, Users need the ability to choose from multiple workflows. The can do this  by either swiping through the options or using the FAB (plus) button to launch a FAB menu.

Quick access to the latest transaction information

The Transaction history shows the ongoing searches and the status of each transaction.

Use Icons + color represent search status

We want to provide the user with the ability to tell the status of a transaction at a glance. We added common and simplistic icons with supporting colors to show status

Workflow Navigation

Workflows are flexible and allows users to interact with them in a non-linear fashion.

Bottom sheets for each steps

A separate bottom sheets allows for contextual controls for each task in the workflow.

Version 1.3

Mid-Fidelity prototype

After multiple rounds of feedback I incorporated the changes into a third prototype

1. Using text to support icons in transaction history

To improve the messaging surrounding the icons we added text to accompany the icons.

2. Substituting Fingers for RAPID ID REQUESTS

To improve the messaging surrounding the icons we added text to accompany the icons.

3. Mandatory Vs. Optional tasks when collecting fingerprints

The mandatory task items are more pronounced with hopes that the user would want to start there, while the optional task items are smaller and are labeled as such. Bigger buttons reduce the possibility of error.

4. Rapid id Responses

Responses can contain a lot of information from different agencies.  Matches are highlighted to draw user attention

5. Notifications FOR NEW RESPONSES

The user is notified the moment a response are returned.

Users can also see a history of updates with timestamps so they could see exactly what time they arrive..

Outcomes
BIG WINS

Tested & Validated new business concept

Improved Usability and functionality of demo app

Lesson Learned

Stakeholders are apprehensive of putting unfinished products in front of users.

Product cycles are extremely short and don't prioritize UX research.

WHAT’S NEXT?

-Gather User feedback on the solution in realistic identification scenario.


-Build a working prototype in order to evaluate how well the hardware integrates with the software.