UX/UI

Netography MITRE Integration

MITRE Integration

Integrating the MITRE ATT&CK Framework

To strengthen our event detection capabilities, I was tasked with integrating the MITRE ATT&CK Framework into our product. The goal was to create a familiar and accurate representation of the framework, maintaining its left-to-right progression of increasing severity, while aligning with our existing design language and interaction patterns. The resulting interface features a MITRE matrix at the top, serving as both a heatmap and an interactive filter for the events table below.

MITRE detection dashboard
Filtered View – Dark Theme
1
Selected MITRE Technique – Highlights the currently selected MITRE technique.
2
Filtered Event Indicator – Light gray means the item has events, but they’re hidden by current filters.
3
Active Filters – Displays all active filters applied to the table. Click to edit or remove them.
4
Expanded Event View – Reveals additional event details inline, no page navigation required.
Filtered View – Light Theme
Policy Settings MITRE Selector