Case study — 01

Drone Mission
Control Dashboard

A complex operational system for UAV fleet command. Structuring situational awareness, critical alert management, and decision support for high-stakes environments.

Client ASELSAN (concept)
Role UX / UI Design
Timeline 4 weeks
Domain Defense HMI
01
Problem Statement
02
Research & Discovery
03
User Needs & Goals
04
Information Architecture
05
Design Exploration
06
Final Solution
07
Validation
08
Iterations
09
Reflection
01

Problem Statement

3 separate apps · context switching required
Telemetry v2.1 ─ □ ✕
DRONE-01
320m
ALT · 45km/h
DRONE-02
280m
ALT · 52km/h
⚠ DRONE-03 CRITICAL
Battery 8%
!!!
Mission Planner ─ □ ✕
Loading map data — 45%
⚠ Alert Manager ─ □ ✕
● DRONE-03 Battery CriticalCritical
▲ DRONE-01 Signal WeakWarning
→ Switch to Telemetry app to respond to alerts
3 applications · 3 contexts · 1 operator · 0 unified view

What problem am I solving?

ASELSAN UAV operators manage 2–4 active drones simultaneously from ground control stations during time-critical reconnaissance and surveillance missions. The core problem is broken situational awareness: operators rely on fragmented software tools — separate applications for telemetry, mission planning, and alert management — that force constant context-switching between screens.

Situational awareness, as defined by Mica Endsley's three-level model, requires simultaneous perception of system state, comprehension of what that state means, and projection of what will happen next. The fragmented tool setup destroys all three levels at once. An operator cannot perceive the full fleet while focused on one drone's telemetry window, cannot comprehend a battery warning without switching tools to check remaining flight time, and cannot project consequences while manually navigating between disconnected interfaces.

Why it matters in this environment

This is not a usability problem in the consumer sense. The operational environment introduces three factors that make poor interface design consequential rather than merely inconvenient: time pressure (anomalies escalate in seconds, not minutes), irreversibility (a missed critical alert cannot be undone after a drone loses power or crashes), and sustained cognitive load (operators work 6–8 hour shifts during which fatigue compounds every design flaw).

In this context, information hierarchy is not a design preference — it is a safety mechanism. What the operator sees first, what requires a click to discover, and what is buried behind navigation determines whether critical events get actioned or missed. Every layer of hierarchy added to the interface is a layer of delay added to the response.

Design challenge

How do we design a mission control system that maintains full situational awareness across a multi-drone fleet, surfaces critical alerts as decision prompts rather than failure notifications, and reduces extraneous cognitive load — so operators spend mental capacity on judgment, not interface navigation?

02

Research & Discovery

5 SOURCESSecondary Research
Sources reviewed
Endsley, 1995
Situational Awareness Theory
Wickens, 2002
Multiple Resource Theory
NASA Mission Control
Interface audit patterns
ICAO Doc 9758
ATC HMI Standards
MIL-STD-1472
Human Engineering Criteria
Key findings
01
SA breaks under navigation load
Every tool switch loses Level 1 awareness
02
Alert fatigue is real
3+ non-actionable alerts/hr causes desensitisation
03
Spatial + telemetry must coexist
Separating map from data degrades decisions
!
Working memory cap at 3+ vehicles
Interface must track state so operators don't have to

Research approach

Direct access to ASELSAN operators is not possible — UAV ground control operations are classified environments. I built the research base from four sources: human factors and cognitive science literature specific to operational systems, analogous domain analysis of comparable high-stakes environments (NASA mission control, air traffic control, emergency dispatch), published post-incident reviews of UAV GCS interface failures, and military display standards that encode decades of operational HMI research.

The analytical frame throughout was the same: what cognitive demands does this environment place on operators, where do those demands exceed what the current interface supports, and what design decisions have empirically reduced error in comparable high-stakes contexts? I was not looking for features — I was looking for the cognitive failure modes the interface must prevent.

Source Method Relevance to this design
Endsley, 1995 — Situational Awareness Theory Cognitive science Defines three levels of SA (perception → comprehension → projection) that the interface must support simultaneously. Directly shaped the dashboard's information hierarchy — what is always visible versus what requires navigation.
Wickens, 2002 — Multiple Resource Theory Human factors Explains why attention narrows under high cognitive load and why visual competition between interface zones causes missed signals. Informed the decision to separate alerts into a dedicated persistent panel rather than overlaying the map.
NASA Mission Control interface audits Analogous domain How real-time status boards maintain fleet-level awareness without requiring navigation. The persistent fleet strip concept derives directly from this pattern.
Air traffic control HMI standards (ICAO Doc 9758) Standards review Alert tier classification, redundant state signalling (color + icon + label), and the principle that alerts must prescribe action, not merely report events. Core to the decision support model in this system.
MIL-STD-1472 — Human Engineering Design Criteria Military standard Minimum legibility requirements for operational displays, low-light contrast standards, and cognitive load limits for sustained-attention tasks. Set the floor for typography sizing and contrast ratios.
Published UAV GCS post-incident reviews Secondary research Recurring failure pattern: operators missed critical battery and signal alerts because they were positioned outside the primary visual field during map-monitoring tasks. Directly drove the alert panel placement decision.

Competitive analysis

I reviewed publicly available screenshots and documentation for three comparable GCS systems: DJI FlightHub, Autel Enterprise, and open-source UgCS. My focus was not on feature parity but on how each system handles simultaneous drone management and alert escalation — the two most critical use cases for ASELSAN operators.

Key observation: all three systems default to a sequential mental model — you monitor drone one, then switch to drone two. None provide a persistent fleet-level overview that allows the operator to see all vehicles simultaneously without navigation. This was the clearest gap to address.

Key insights

Situational Awareness

SA breaks down under navigation load

Every time an operator navigates between tools, they lose Level 1 SA (perception of fleet state) for the vehicles not currently on screen. Endsley's research shows that SA loss is the primary precursor to error in high-stakes control environments — not lack of skill or training.

Critical Alert Management

Alerts must prescribe action, not report failure

In ATC and dispatch research, alerts that describe what went wrong without specifying what to do next introduce a secondary cognitive task at exactly the wrong moment. The operator must diagnose and decide simultaneously — under time pressure. Decision support collapses that into a single prompt.

Information Hierarchy

Visual hierarchy is a response-time mechanism

Where information appears on screen determines how quickly it reaches the operator. Fleet status buried in a secondary view is not "available" — it is effectively invisible during a critical event. Persistent, always-visible status is the only reliable design pattern for operational systems.

Cognitive Load

Extraneous load is the enemy

Sweller's Cognitive Load Theory distinguishes between intrinsic load (the complexity of the task itself) and extraneous load (complexity introduced by poor design). Operators cannot reduce intrinsic load — managing three drones is genuinely complex. But extraneous load from fragmented tools, unclear states, and unintuitive navigation is entirely the interface's responsibility to eliminate.

Pain points discovered

!
5 clicks to check battery per drone In current multi-tool setups, confirming battery status on each vehicle requires navigating to the telemetry view for that drone individually. With 4 drones active, this is 20 actions to get one status snapshot.
Alerts describe failure, not action Existing GCS alerts tell operators what went wrong ("Battery low") but not what to do about it ("Return to base", "Reduce altitude"). In time-critical moments, operators need decision support, not diagnosis.
No priority signal when multiple issues occur When two drones develop problems simultaneously, there is no visual hierarchy indicating which requires immediate attention and which can be monitored. Operators default to the most recently noticed issue, not the most urgent one.
03

User Needs & Design Goals

2 PERSONASUser Research
YK
Yusuf K.
UAV Operator · 5yr exp. · Age 29
Active
Key needs
Fleet status visible without navigation
Alerts that say what to do, not just what failed
Waypoint update in under 30 seconds
Sustain focus across 6–8 hour shifts
"I need to know what to do, not just what went wrong."
SA
Selin A.
Mission Coordinator · 8yr exp. · Age 34
Planner
Key needs
Map-based route builder
Auto-validation of airspace and terrain
Clear draft vs approved state distinction
One-action handoff to operator queue
"Validation takes longer than building the route itself."

From the research, two distinct user types emerged with different goals, session lengths, and definitions of success. I kept both in frame throughout the design process — the operator's needs drove the real-time interface, while the planner's needs shaped the mission planning module.

Yusuf K. — UAV Systems Operator
UAV Operator 5 years experience

Yusuf K.

Age 29 · Ankara

Monitors 2–4 active drones during reconnaissance missions. Works in a darkened command vehicle, 6-hour shifts. Currently switches between three separate software tools during active operations.

Key needs
Fleet status without navigation
Alerts that prescribe action, not just failure
Waypoint update in under 30 seconds
"I need to know what to do, not just what went wrong."
Selin A. — Mission Coordinator
Mission Coordinator 8 years experience

Selin A.

Age 34 · Ankara

Plans missions 24–48 hours in advance at HQ. Defines waypoints, altitude corridors and contingency routes. Reviews post-mission telemetry for after-action reports.

Key needs
Map-based route builder
Automated airspace and terrain validation
Clear draft vs approved state distinction
"Validation takes longer than building the route itself."
Yusuf — UAV Operator
Immediate fleet awareness See all drone statuses simultaneously without switching screens or navigating between tools.
Actionable alert response When something goes wrong, know exactly what to do — not just that something went wrong.
Fast mission adjustment Redirect a drone or update a waypoint in under 30 seconds without interrupting monitoring of other vehicles.
Sustain attention over long shifts Stay effective over 6–8 hours. The interface should reduce, not compound, cognitive fatigue.
Selin — Mission Planner
Fast mission composition Build complex multi-waypoint routes using a map-based editor without manual coordinate entry.
Automated validation System should check airspace, terrain, and battery range automatically — not require manual cross-referencing.
Clear draft vs confirmed states Visual distinction between provisional and approved waypoints avoids deploying unvalidated routes.
Efficient handoff to operators Approved missions transfer to the operator queue in a single action, not through export and re-import.

Success criteria

Operator acknowledges a critical alert
Within 10 seconds of appearance
Operator updates drone waypoint mid-mission
Under 30 seconds, without losing fleet view
Operator reads full fleet status at a glance
No navigation required — visible on one screen
System state is never ambiguous
Every status confirmed by color + icon + label
Mission planner validates and approves a route
Under 5 minutes for a 6-waypoint mission
04

Information Architecture

3 LEVELSNavigation Structure
Hierarchy — information access by urgency
LEVEL 1
Always visible · Zero clicks
Fleet status
Active alerts
Map positions
LEVEL 2
One click · On demand
Alert + action
Telemetry
Mission route
LEVEL 3
Deliberate navigation
Mission planning
Alert history
Settings
Maps to Endsley's SA model:
Perception Comprehension Projection

Three-level information hierarchy

Before drawing any screens I defined what information belongs at each level of hierarchy — what is always visible, what is one click away, and what requires deliberate navigation. This decision determines response time more than any visual design choice. In operational systems, information hierarchy is not aesthetic — it is a latency specification.

Level 1 — Always visible (zero clicks): fleet status for all drones, active critical alerts, map position. An operator should never need to act to see these. They must be in peripheral vision at all times.

Level 2 — Immediate access (one click): full alert detail with recommended action, per-drone telemetry deep-dive, mission route status. The operator chooses to focus here when a Level 1 signal demands it.

Level 3 — Deliberate navigation: mission planning, historical telemetry, alert configuration, system settings. These are planning and review tasks — never needed during active operations, so the cost of navigation is acceptable.

This hierarchy maps directly to Endsley's SA levels: Level 1 supports perception, Level 2 supports comprehension, Level 3 supports projection and planning. Every IA decision in this project was evaluated against one question: does this placement break an operator's ability to maintain awareness at the level above it?

Dashboard
  • Fleet overview (all drones)
  • Active mission status
  • Alert feed — tiered
  • Quick action buttons
Mission Planning
  • Map-based route builder
  • Waypoint parameters editor
  • Automated validation
  • Pre-flight checklist
  • Mission library
Telemetry
  • Per-drone flight data
  • Power system status
  • Signal and comms
  • Payload status
  • Historical graphs
Alert Management
  • Active alerts — triage view
  • Full alert history log
  • Alert rule configuration
  • Escalation protocol
Sitemap — navigation structure
◈ ASELSAN MCS
Dashboard
Fleet overview
Tactical map
Alert feed
Quick actions
Mission Planning
Route builder
Waypoint editor
Validation
Mission library
Alert Management
Active alerts
Alert history
Alert rules
Escalation
Telemetry
Per-drone view
Flight data
Power system
Historical logs
Settings
Operator profile
Fleet config
Display

Focused sitemap — four operational modules, one settings area. Navigation depth kept to two levels maximum.

User flow — critical alert response
Drone transmits signal
System classifies
CRITICAL tier
Alert panel appears
Fleet card pulses
Operator reads alert
Action prompt visible
Execute
RTB?
Yes →
Command sent
RTB initiated
Status: Returning
Fleet card updates
Alert resolved
No →
Monitor mode
Countdown shown
Re-evaluate
Loop or escalate

Critical alert response — maximum 3 actions from alert appearance to command execution.

Feature prioritisation

With limited time and a clear operational brief, I ran a simple MoSCoW prioritisation against the user needs identified in Section 03. This kept the design focused on what operators actually need during active missions, rather than what might be useful eventually.

FeaturePriorityRationale
Persistent fleet status stripMust haveCore insight: operators cannot navigate to each drone individually during active missions
Three-tier alert system with action promptsMust haveDirectly addresses the "alerts describe failure, not action" pain point
Map-based mission planningMust haveSpatial context is essential for route design — coordinate-entry alternatives are too slow
Automated route validationShould haveReduces planner workload significantly; manual validation is error-prone under time pressure
Telemetry graphs (historical)Should haveUseful for post-mission review; not critical during active operations
Multi-operator coordinationCould haveHigh value but high complexity; appropriate for a V2 after validating single-operator flows
Automated mission replanning (AI)Won't haveRequires trust calibration and human-in-the-loop protocols beyond scope of this project

Critical user flow: responding to an alert

I mapped the most important flow in detail — what happens when a critical alert fires during an active mission. This flow drove the placement of every alert-related component in the dashboard. If an operator has to take more than three actions to resolve or acknowledge a critical event, the interface has failed.

  • Drone transmits critical signal — system classifies severity automatically
  • Alert slides into the right panel; fleet card pulses with a border animation
  • Alert text states: vehicle ID, problem, time remaining, recommended action
  • Operator sees two choices: execute recommended action, or dismiss and monitor
  • One click executes — confirmation prompt for irreversible commands only
  • Status updates across dashboard, fleet strip, and alert history simultaneously
05

Design Exploration

3 LAYOUTSExploration phase
A — Rejected
Telemetry-first
DRONE-03 · Detail
Altitude195 m
Speed38 km/h
Battery8% !!!
← → switch drone
Cannot monitor other drones simultaneously
B — Rejected
Equal-panel grid
D-01
Active
D-02
Active
D-03
Critical
D-04
Standby
No spatial context — scales poorly
C — Chosen ✓
Map-centric + fleet strip
D-01 ▲
D-02 ▲
D-03 ●
All drones always visible — spatial context preserved

Three layout concepts, one clear winner

Before committing to any layout, I sketched three fundamentally different approaches to the dashboard. Each prioritised different information differently, and each had a real tradeoff. The goal was to stress-test the IA before building anything.

Concept A Telemetry-first — rejected

One drone fills the entire screen with full telemetry data. Operators navigate between drones. Rejected because it replicates the existing fragmentation problem — you cannot monitor other vehicles while focused on one, which is exactly the behaviour we identified as causing missed alerts.

Concept B Equal-panel grid — rejected

Each drone occupies an equal-sized panel on screen. Scales poorly — 4 drones is manageable, but 6 makes each panel too small to read. Also lacks a shared spatial context (the map), which research showed is essential for decision-making. Operators need to know where drones are, not just their status numbers.

Concept C — Chosen Map-centric with persistent fleet strip

Map dominates the center — operators always know spatial positions. Alerts appear in a fixed right panel, never overlaying the map. Fleet status persists in a bottom strip, visible from every screen. This respects the operator's need for simultaneous awareness while providing a clear spatial anchor.

Key design decisions at the exploration stage

Decision Alert placement: right panel vs overlay
Option A — Rejected Alert overlays appear on top of the map when triggered. Immediate and hard to miss — but covers spatial context exactly when the operator needs it most (during an active problem).
Option B — Chosen Dedicated right panel with an animated entrance. Never covers the map. Operator can see the problem on the map and read the alert simultaneously. Supports the insight that spatial context improves decision quality.
Decision Alert actions: inline vs modal confirmation
Option A — Rejected All actions require a confirmation modal. Safer for irreversible actions, but adds at least 2 extra steps to every alert response. In a time-critical context, friction that prevents errors in edge cases causes harm in the common case.
Option B — Chosen Inline action buttons for all common responses (RTB, monitor, dismiss). Modal confirmation only for irreversible, catastrophic commands (abort mission, emergency land). Respects operational tempo without removing safety guardrails where they truly matter.

Low-fidelity wireframes

These wireframes were the first fidelity at which the layout concepts became concrete. They were deliberately rough — the goal was to test the structure, not the aesthetics. Each screen was tested against the critical user flows defined in Section 04.

aselsan-mcs.local / mission-control
Mission Active
--:--:--
DRONE-01
DRONE-02
DRONE-03
+
Alerts 3
● Critical
DRONE-03 Battery 8% — 3m 42s remaining
▲ Warning
DRONE-01 Signal degraded to 45%
ℹ Info
DRONE-02 Waypoint 3 of 7 reached
DRONE-01
● Active
Alt
320m
Spd
45 km/h
BATTERY 78%
DRONE-02
● Active
Alt
280m
Spd
52 km/h
BATTERY 91%
DRONE-03
● Critical
Alt
195m
Spd
38 km/h
BATTERY 8%
/ Mission Planning
1 2 3 4 LOITER
● Airspace clear ▲ Wind 22kts
Mission
RECON-ALPHA-07
DRAFT
Waypoints
WP1 · 200m · 45 km/h
WP2 · 250m · 50 km/h
WP3 · 220m · 45 km/h
WP4 · Loiter 180s
Validation
✓ Airspace
✓ Terrain
✓ Battery range
✗ Wind 22kts (limit 18)
● Critical — DRONE-03 14:47:02
Battery Critical — 8%
Battery at 8%. Estimated flight time: 3m 42s. Immediate action required.
Recommended: Initiate Return to Base
▲ Warning — DRONE-01 14:44:18
Signal Degradation — 45%
Signal dropped to 45%. Possible interference at last known position.
History
13:22:10DRONE-01 GPS lock restored
12:58:42DRONE-03 High wind warning resolved
DRONE-03 ● Critical
Flight Data
Altitude
195m
Speed
38km/h
Heading
247° WSW
GPS
● Locked
Power System
Battery 8%
Voltage
14.1V
Est. Time
3m 42s
Route Progress — WP 3 / 7
1
2
3
4
5
6
7
06

Final Solution

Mission Active
--:--:--
DRONE-01
DRONE-02
DRONE-03 ●
Tactical map · RECON-ALPHA-07
Alerts 3
● Critical
DRONE-03
Battery 8%
RTB recommended
▶ RTB
Monitor
▲ Warning
DRONE-01
Signal 45%
ℹ Info
DRONE-02
WP 3 of 7
DRONE-01 ● Active
320m45km/h78%
DRONE-02 ● Active
280m52km/h91%
DRONE-03 ● Critical
195m38km/h8%

Four screens, one coherent operational system

The final solution is not a dashboard — it is an operational system structured around how operators maintain situational awareness, form decisions, and take action under sustained cognitive load. Four screens, each answering a different cognitive question: What is the current state of the fleet? (Dashboard) Where are we going and is the route safe? (Planning) How is each individual vehicle actually performing? (Telemetry) What requires my attention and what should I do about it? (Alerts).

The design keeps the operator in the dashboard for the majority of active mission time. Every other screen is a deliberate departure — one that temporarily reduces fleet-level SA for a specific reason — which means each must justify that cost. Navigation between screens is an exception, not a workflow.

Drone Mission Control — iPhone mockup
iPhone Air Mobile alert & fleet view
Drone Mission Control — iPad mockup
iPad Air Field operations · Live camera feed
Dashboard

Situational overview

Map-centric with persistent fleet strip. Operator sees all drones, all positions, and all alerts without navigation.

Mission Planning

Route builder

Map-based waypoint editor with inline automated validation. Draft vs approved states are visually explicit.

Alert Management

Triage and history

Three-tier severity system with inline action buttons. Critical alerts cannot be dismissed for 3 seconds — long enough to read the context.

Telemetry

Per-drone deep dive

Flight data, power system, signal quality and payload status in one view. Battery bar interpolates color from green through amber to red.

Design system as an operational specification

Every visual decision in this system is an operational decision. The design language exists to reduce extraneous cognitive load — the kind Sweller's theory identifies as entirely the system's responsibility to eliminate. Operators should spend mental capacity on judgment, not on decoding the interface.

Dark terminal theme: operators work in low-light command environments for 6–8 hour shifts. A bright interface in a dark room creates sustained pupil dilation contrast that causes cumulative eye fatigue — measurably degrading attention in the latter half of long sessions. The dark background is an endurance design decision, not a stylistic one.

Green and amber accent system: these map to universal instrument panel convention — green for nominal, amber for caution — because leveraging existing mental models removes the need for operators to learn new colour semantics. Crucially, both colours are distinguishable by the most common forms of colour blindness, and every state is redundantly confirmed by icon and label. No operator should ever have to ask "what does this colour mean?"

IBM Plex Mono for all data values: monospaced numerals maintain fixed column widths as telemetry values update in real time. Without this, a battery reading changing from 100% to 8% shifts surrounding layout — introducing a visual disturbance that pulls attention at exactly the moment the operator should be reading the value. Stability in the visual field is a cognitive load management technique, not a typographic preference.

Single font family for UI text: dense operational interfaces are harmed by display/body pairings. The typographic contrast that signals premium brand quality in a marketing context introduces visual noise in a data-dense dashboard — the eye registers the type shift as a hierarchy signal when the hierarchy is already being communicated by size, weight, and position. One family, tightly controlled, preserves the hierarchy for information, not aesthetics.

DecisionRationale
Dark terminal themeOperators work in low-light environments; dark UI reduces eye strain across 6–8 hour shifts. Ambient light contrast favors dark backgrounds in controlled settings.
Green + amber accent paletteUniversal instrument-panel language. Both colors pass contrast checks for the most common color blindness variants. Never used as sole status indicators.
IBM Plex Mono for data valuesTabular numerals prevent layout shift as telemetry values update in real-time. Critical for readability during active monitoring.
Alerts inline, no modalModals cover the map — the information the operator needs to make the decision the alert is asking for. Inline actions preserve spatial context.
Status = color + icon + labelWCAG 1.4.1: never use color as the sole differentiator. Operators with color blindness must be able to use this system without accommodation.
Fleet strip persists across all screensResearch finding: operators must never lose awareness of inactive drones while focused on one. The strip is the system's memory; the operator uses working memory for decisions.
07

Validation & Testing

3 SESSIONSThink-aloud protocol
Task completion results
Identify critical alert
2/3 ≤8s
Fleet status at a glance
3/3 ✓
Plan + validate mission
2/3 ✓
Tested with: aircraft pilot · logistics dispatcher · IT ops engineer
Issues discovered
Alert action buried
Description shown before action — added 4–6s response delay
Validation errors missed
Wind speed error below panel fold — not noticed before submit
Fleet strip labels too small
9px labels unreadable at arm's length — below MIL-STD-1472

What I tested

I could not access ASELSAN operators directly, so I conducted three think-aloud sessions with analogous domain professionals — a private aircraft pilot, a logistics dispatcher managing real-time vehicle routing, and an IT operations engineer who monitors multi-server infrastructure dashboards. All three work in environments with similar cognitive demands: multiple simultaneous streams of status information, time-critical decision-making, and consequences for missing alerts.

Participants were given three scenarios to complete using the prototype:

  • Identify which drone has the most critical issue and take action
  • Plan a new 5-waypoint mission and validate it before approval
  • Explain the current status of all three drones without navigating away from the main dashboard

What I learned

Two of three participants responded to the DRONE-03 critical alert immediately — without being prompted — within 8 seconds of seeing the dashboard. The third participant noticed the alert within 20 seconds, after spending time orienting to the interface. The alert pulsing animation was cited by all three as the key attractor.

The third scenario — describing all drone statuses without navigating — was completed successfully by all participants, confirming that the fleet strip accomplishes its core goal.

What didn't work

!
Alert card text density caused hesitation Two participants read the alert description text fully before acting, adding 4–6 seconds to their response time. The description was useful but too long. Participants said they wanted the recommended action to be the most visually prominent element, not buried after context.
Mission planning validation errors were missed The wind speed validation failure appeared inline below the waypoint list, but one participant submitted a draft mission without noticing it. The error color (critical red) was correct, but its placement was below the fold of the panel.
Fleet strip battery labels were too small at distance The logistics dispatcher noted that at arm's length — simulating a second monitor — the battery percentage numbers were hard to read. At 0.5625rem, the metric labels were below comfortable reading size for dense telemetry data.
08

Iterations & Refinements

BEFORE / AFTERAlert card v1 → v2
Before — v1
● CRITICAL — DRONE-03
Battery at 8%. Estimated flight time remaining: 3 minutes 42 seconds. Immediate operator action required.
Recommended action: Initiate Return to Base
Execute RTB
↳ Action buried after 2 lines of context — adds 4–6s delay
After — v2
● CRITICAL — DRONE-03
8%
Initiate Return to Base
▶ Execute RTB
Monitor
Est. 3m 42s · 34.12°N 28.56°E
↳ Decision prompt visible in first fixation — context below

Each testing finding translated into a specific, scoped change. I deliberately avoided over-correcting — testing surfaces symptoms, and good iteration addresses root causes rather than symptoms. Below are the three most significant changes and the reasoning behind each.

Iteration 1 — Alert card hierarchy

Before

Description first, action second

Alert showed severity badge, then 2–3 lines of contextual description, then the recommended action and buttons at the bottom. Logical reading order — but the decision support was buried behind diagnosis.

After

Decision support first, context second

Recommended action promoted immediately below the alert headline at larger type size. Description becomes secondary. Operator reaches the decision prompt in the first visual fixation — reducing time-to-action by removing one cognitive step.

Rationale: the original design reflected an information-first mental model — give context, then offer action. Testing revealed this is wrong for high-stakes environments. Operators in time-critical situations do not need to understand before they act; they need to act correctly and understand later. The description remains visible for logging and situational comprehension, but it no longer gates the decision path.

Iteration 2 — Validation error visibility

Before

Inline list, below fold

Validation results appeared as a list below the waypoint editor in the right panel. On a shorter viewport, the list was below the visible area and required scrolling to see failures.

After

Sticky validation banner

A sticky strip at the top of the right panel shows current validation status at all times. When there are failures, it turns amber/red and expands. The Approve button remains disabled until all failures resolve.

Rationale: critical system errors must not require scrolling to discover. The Approve button being disabled is not sufficient — operators should understand why it is disabled without hunting for the reason.

Iteration 3 — Fleet strip label sizing

Before

0.5625rem metric labels

Metric labels (ALT, SPD, BAT) were 9px — technically legible on the primary monitor but reported as difficult to read at distance. The values themselves were readable but the labels did not provide enough contrast.

After

0.6875rem labels + increased contrast

Labels increased to 11px and shifted from oklch(0.38) to oklch(0.52) — still clearly secondary but legible at arm's length. Values increased to 1rem minimum for the most critical metrics (battery, altitude).

Rationale: defense hardware is often deployed in non-ideal viewing conditions. MIL-STD-1472 recommends minimum 12pt for operational displays — I had drifted below this threshold in the interest of fitting more data, which was the wrong tradeoff.

09

Reflection

COMPLETEPost-mission review
What I learned
Cognitive load is a safety variable, not a UX preference
Alert design is a specialisation of its own
Rigorous secondary research can substitute primary access
Would do differently
Test with real UAV operators, not analogous experts
Prototype alert timing at higher fidelity earlier
Run colour blindness simulation in exploration phase
Next opportunities
Multi-operator coordination
Fleet handoffs between operators
Adaptive alert thresholds
Per-operator experience level
Degraded-mode design
Offline and signal-loss states

This project pushed me to think about design in a register I had not worked in before — where the stakes of a bad interface decision are operational, not reputational. That framing changed everything about how I approached tradeoffs. I was much less willing to sacrifice clarity for aesthetics, and much more disciplined about asking "what happens if the operator misses this?" rather than "does this look clean?"

What I learned

  • Designing for cognitive load is fundamentally different from designing for engagement. Engagement asks: how do we make people stay? Cognitive load asks: what can we remove so people can think?
  • Secondary research and analogous domain analysis can substitute meaningfully for direct user access when done rigorously. The key is treating the sources with the same analytical discipline you would apply to interview notes.
  • Alert design is a specialisation of its own. The hierarchy between severity levels, the timing of dismissal, and the framing of recommended actions all require careful thought that general UI guidelines do not cover.

What I would do differently

  • Test with real UAV operators or military HMI specialists, even if only for one session. Analogous domain professionals validated the layout but could not simulate the specific cognitive demands of active drone operation.
  • Prototype the animation and alert timing at higher fidelity earlier. The timing of the alert entrance animation and the 3-second critical dismiss lockout need real interaction to evaluate — static wireframes cannot surface these issues.
  • Run a colour blindness simulation review earlier in the process. I checked at the end and found no issues, but doing it in the exploration phase would have constrained the palette earlier and prevented backtracking.

Future opportunities

  • Multi-operator coordination: how do two operators share responsibility for a fleet without duplicating commands or missing handoffs?
  • Adaptive alert thresholds: learning from operator responses to calibrate alert sensitivity — an experienced operator may need fewer warnings for conditions that a new operator should be alerted to.
  • Offline and degraded-mode design: what does the interface show when network connectivity to a drone is lost? The current design handles nominal states well but does not fully address stale data and disconnected vehicles.
Key takeaway

Designing for high-stakes operational environments reframes every design decision. Situational awareness is not a feature — it is the baseline the entire system must protect. Information hierarchy is not organisation — it is a response-time specification. And cognitive load is not a user experience concern — it is a safety variable. The moment an operator has to think about the interface, it has already failed them.

Next project
Emergency Operations Center
Crisis management · Real-time systems · Dashboard