Wireframe v3: Drone marker visual encoding, tap-to-filter, and feed cross-reference
v3 / MARKERS
1 — Map Marker Design System
Each drone marker encodes four dimensions: role (color), heading (directional arrow),
battery level (arc ring), and operational status (halo effect).
Below are all 10 marker states rendered at display size.
A
Normal (Recon) 87% battery
ALPHA
B
Normal (Relay) 92% battery
BRAVO
C
Normal (Strike) 78% battery
CHARLIE
D
Normal (Decoy) 65% battery
DELTA
E
Executing Waypoint white pulse halo
ECHO
F
Formation Drift orange pulse halo
FOX
G
Low Battery (<10%) red flash, red arc
GOLF
H
?
Lost Contact grey + dashed ring
HOTEL
I
RTL Triggered purple pulse halo
INDIA
A
Selected State white ring, enlarged
ALPHA
2 — Tap-to-Filter Interaction
Tapping a drone marker on the map selects it: the marker enlarges with a bright ring, other markers dim to 0.4 opacity,
the mission feed filters to show only that drone's events, and an info card appears near the marker.
Tap the "X" on the filter badge or tap empty map space to clear.
When a new feed entry appears, the corresponding drone's map marker briefly pulses/glows to draw the operator's eye.
Below, the highlighted feed entry is connected by a visual line to its drone marker on the map, demonstrating the
text-to-spatial link.