Enter password to view case study

Enter password to view case study

Undersea Data Processing Unit

**ALL INFORMATION IN THIS CASE STUDY IS UNCLASSIFIED**

The Universal Data Processing Unit (UDPU) provides real-time monitoring of submarine engines and critical system signals to detect anomalies. Analyzing sensor data, the UDPU alerts crew to potential issues, enabling rapid response and minimizing downtime. This proactive diagnostic tool optimizes maintenance and ensures operational readiness.

Project Overview

CHALLENGE

The submarine's legacy diagnostic system, was reliant on outdated technology, suffered from slow processing speeds that hindered real-time anomaly detection and timely response to critical issues. Its antiquated architecture lacked modern security protocols which posed a significant vulnerability to data breaches and potential system compromises.

SOLUTION

The UDPU project prioritizes user experience, incorporating modern UX/UI design for an intuitive interface that empowers submarine crews to make informed decisions rapidly. Robust software engineering ensures reliable and maintainable software.

ROLE

User Experience Designer & Reseracher

TIME

12 Months

TASK

Replace legacy processing unit with an updated data processor and visualizer

TOOLS

Figma, Jira, Confluence, & Illustrator

Understanding the User

The UDPU project prioritized user research, conducting in-depth interviews with Subject Matter Experts (SMEs), including submarine crew members, technicians and engineers. On-site lab visits provided valuable insights into the existing system's functionality and limitations, supplemented by meticulous analysis of legacy documentation. This ensured a comprehensive understanding of user needs, pain points, and workflows.

Collaboration was key, with the research team interviewing multiple types of users to ensure the redesigned system catered to specific needs. Continuous engagement with engineering guaranteed the UDPU project remained feasible within submarine operational constraints and adhered to stringent security standards for sensitive data.

The Legacy System

Capturing the Pain Points

OUTDATED UI/UX

The outdated user interface was cumbersome and difficult to navigate, hindering crew members' ability to quickly diagnose and respond to system issues.

The outdated user interface was cumbersome and difficult to navigate, hindering crew members' ability to quickly diagnose and respond to system issues.

SECURITY RISK

Security vulnerabilities in the legacy system posed a constant risk to sensitive submarine data, demanding immediate attention.

Security vulnerabilities in the legacy system posed a constant risk to sensitive submarine data, demanding immediate attention.

SLOW SPEEDS

Slow processing speeds of the legacy system resulted in significant delays in identifying and addressing critical submarine anomalies.

Slow processing speeds of the legacy system resulted in significant delays in identifying and addressing critical submarine anomalies.

Defining the User

THE ENGINEER

Requires powerful analytical tools and a flexible system architecture to effectively develop, test, and refine the UDPU's diagnostic capabilities.

Requires powerful analytical tools and a flexible system architecture to effectively develop, test, and refine the UDPU's diagnostic capabilities.

THE TECHINICIAN

Need a clear, intuitive interface that provides actionable insights, enabling them to quickly diagnose and address submarine system anomalies while onboard.

Need a clear, intuitive interface that provides actionable insights, enabling them to quickly diagnose and address submarine system anomalies while onboard.

THE SAILOR

Need straightforward task instructions and real-time system feedback to efficiently complete maintenance and repair procedures based on UDPU recommendations.

Need straightforward task instructions and real-time system feedback to efficiently complete maintenance and repair procedures based on UDPU recommendations.

Creating a Design System

Step 2:
Creating a Design System

Routes enables users to meticulously plan mission routes by selecting and configuring turnpoints, targets, and other critical navigational elements. This tool allows for precise route definition and customization to meet specific mission requirements.

Colors

PRIMARY

SECONDARY

Typography

Adding Value to the User

Streamlined Flow
5 STEPS TO GRAPH

We've revolutionized our legacy system with a focus on user experience and efficiency. By streamlining the workflow, we've drastically reduced the number of steps users need to take, simplifying the entire process. The redesigned interface now presents multiple fields and inputs simultaneously, providing a comprehensive view that allows for faster data entry and reduced errors. This user-centric approach empowers users to interact with the system more intuitively and productively.

Step 1: Application Loads

Step 2: Choose Live Data or a New Test

Step 3: Configure Test

Step 4: Configure Scaling

Step 5: Run Test

Step 3: Configure Test

Step 4: Configure Scaling

Step 5: Run Test

Step 1: Application Loads

Step 2: Choose Live Data or a New Test

Step 3: Configure Test

Step 4: Configure Scaling

Step 5: Run Test

Note-Taking
MOVING AWAY FROM PEN & PAPER

Note-Taking
MOVING AWAY FROM
PEN & PAPER

UDPU now offers enhanced contextual analysis capabilities through the introduction of In-App Time-Stamped Notes. Users can now record observations directly within the application during data review. Each note is time-stamped, ensuring accurate correlation with specific points on the displayed graphs. This functionality streamlines the analysis process, eliminating the need for external note-taking tools and facilitating more efficient collaboration among colleagues through shared, time-stamped insights.

Pause & Rewind
BRINGING EASE TO THE SAILORS

Introducing greater control over your data exploration with UDPU's new Pause Feature. Users can now pause the timeline of any active graph, permitting detailed examination of specific data points. This functionality is particularly valuable when analyzing anomalies, spikes, or other notable fluctuations. By freezing the timeline, users gain the ability to meticulously scrutinize the data surrounding these events, facilitating a more comprehensive understanding of the underlying trends.

Prototyping & Testing

I validated the redesign across four key areas—time-stamped notes, pause/rewind, the updated UI, and legacy feature continuity. A series of low- to high-fidelity prototypes were tested with multiple analysts through dozens of user interviews and observation sessions. This allowed me to quickly identify usability gaps, refine interactions, and ensure each feature worked cohesively within real workflows. Iterative feedback confirmed that the new capabilities enhanced clarity and control while still preserving the familiar strengths of UDPU’s existing toolset.

I validated the redesign across four key areas—time-stamped notes, pause/rewind, the updated UI, and legacy feature continuity. A series of low- to high-fidelity prototypes were tested with multiple analysts through dozens of user interviews and observation sessions.

This allowed me to quickly identify usability gaps, refine interactions, and ensure each feature worked cohesively within real workflows. Iterative feedback confirmed that the new capabilities enhanced clarity and control while still preserving the familiar strengths of UDPU’s existing toolset.

LIVE DATA VIEWER

NOTE TAKING

PAUSE & REWIND

Figma Plugin

Best viewed in wider screen.

Flip to horizontal mode or try accessing on a wider screen.

Figma Plugin


Best viewed in wide screen. Recommend coming back on a tablet or laptop if possible.

Developer Handoff

Developer Handoff

————————— More Projects —————————

Mercury Insurance

Social Media Motion Design

Cheddar News

Broadcast News

Motion Design

Social Media

Animated Content for

various brands across

social channels

Navy/Airforce

Misson Planner

UI & UX Design

Submarine

Diagnostic Tool

UI & UX Design

————————— More Projects —————————

Mercury Insurance

Social Media Motion Design

Cheddar News

Broadcast News

Motion Design

Social Media

Animated Content for

various brands across

social channels

Navy/Airforce

Misson Planner

UI & UX Design

Submarine

Diagnostic Tool

UI & UX Design

————————— More Projects —————————

————————— More Projects —————————