Grabbing pixels...

Record Right with Navi

I visualized how to best record a flight. My redesign improved usability traction by 100%

Team: Me (Design, Testing, Front-end), Nik (CEO, Creative Lead), Engineering

Duration: 2 week Sprint

1. INTRODUCTION

What does Navi Do?

Context: Navi AI is an advanced flight training platform that leverages AI to assist pilots in pre-flight preparation and post-flight debriefing.

Challenge:The existing flight recording feature, crucial for capturing in-flight data, suffered from high user drop-off rates due to unclear visual cues and a lack of real-time feedback.

Objective:Redesign the flight recording flow to enhance usability, instill user confidence, and ensure reliable data capture under high-stress conditions.

2. USER RESEARCH

I enganged with field usability studies with 5 pilots, 3 internal users to uncover the pain points and mental map.

COCKPIT OBSERVATION TESTING

Conducted observational studies with 5 pilots and 3 internal users during actual flight sessions. Performed post-flight debriefs with 8 users to assess the recording feature's effectiveness under various conditions, including high cognitive load and environmental factors like sunlight.

COMPETITOR ANALYSIS

Explore parallel sports, healthtech, note-taking apps to understand industry trends with any recording flow.

Lack of Real-Time Feedback, Unintuitive Visual Design, High drop off rates post recording.

3. DESIGN STRATEGY

4. FINAL INTERACTIONS + DESIGN

I wireframed different interaction design flows, and tested it out while flying. I also conducted beta testing with my teammates when they went out to fly.

4. COLLABORATION

CREATIVE LEAD

The creative lead was impressed with the idea - he saw great value in the new solution and how it can impact the number of flights uploaded per day.

ENGINEERING

Collaborated with engineering and participated in front-end development and swift animations for the flow.

5. PROTOTYPING AND QA

Design Prototyping

Created multi-path interaction flows across five core states: Idle, Active, Error, Recovery, and Syncing.

Each prototype was tested in Low-light, glare-heavy, and glove-worn contexts. It was also tested in varying cockpit environments (noise, vibration, temperature)

Field Testing

I personally tested the prototypes in-flight and conducted 4 full flight sessions recording live data from cockpit audio. I also conducted beta sessions with instructors at varying altitudes and aircraft types.

Engineering Audit Report

Worked directly with engineering to resolve

Flag and resolve sync timeouts, race conditions, and state mismatch issues

Design error-tolerant flows e.g., if a user started recording with no GPS lock, we paused sync and clearly informed them of what's being captured

Optimize waveform performance using lightweight audio rendering with decoupled UI updates for smoother feedback

06. FEEDBACK AND THOUGHTS

100% usability success rate in post-launch testing. +25% increase in daily flight uploads (from 80 → 100/day within 2 weeks). Received strong endorsement from the Creative Lead

My Thoughts

Rapid prototyping and real-environment testing are key to building tools that perform in the real world, Visual cues aren't decorative, they’re essential to user trust, especially in high-stakes scenarios

Also check out..