01 / 15 — UX/UI · Data Product

Narrative Intelligence

A dark analyst workspace that turns a flood of videos into a few narratives worth investigating, and a few decisions worth making.

RoleProduct Designer
Deliverables3 flows · Information hierarchy · AI blueprint
ScopeHome assignment · desktop · dark mode
Year2026

An analyst tool for spotting and judging emerging narratives. I designed the map, the drill-down flow, the evidence model and the AI blueprint behind it.

01The brief

From a flood of videos to a few decisions.

Design a dark, defense-grade analyst workspace that turns thousands of short videos into a small set of narratives worth investigating. Three flows, a clear information hierarchy, and a blueprint for where AI helps and where the analyst stays in charge.

All data in the designs is synthetic demo data.

02First screen

Start from the map, not from a list.

The analyst opens on a narrative map. Each circle is a narrative: size shows volume, colour shows momentum, and position groups related stories together. One glance answers the first question of the day: which narratives should I look at first?

A side panel summarises the selected narrative, its growth against the previous 7 days, and the top videos behind it, so the next click is always an informed one.

Narrative map: select a narrative
03The constellation

One view, four encodings, zero legend hunting.

The circles do the heavy lifting, so they had to read instantly. Size encodes volume, ring and colour encode growth and status, and links show which narratives feed each other. Labels sit on the nodes that matter and fade for the rest, keeping the sampled view calm even when the field is dense.

Close-up of the narrative constellation
04Drill-down

Ecosystem, then a single video, then a decision.

Opening a narrative shows what drives it: a propagation timeline with publish dots and a sortable grid of supporting videos. Opening a video separates what is observed from hypotheses, model estimates and what is still unknown, ending in one of three actions: Flag, Monitor or Dismiss, with a note.

When data is incomplete, the screen says so, instead of hiding it behind a confident number.

Narrative ecosystem
Video drill-down
Video drill-down with incomplete data
05Process · research

Flow and information hierarchy.

Before any pixels, I mapped each screen to the question the analyst is asking and the decision it should unlock. Every one of the four charts earns its place by driving a decision, and context carries forward at every level so nothing is lost on the way back.

Analyst flow and information hierarchy
06Process · alternatives

Three directions, one winner.

I explored topic lanes, a brush-filtered feed and a video inspector before settling on the macro workspace. Each option was compared on decision speed, scan cost and how well it scales when volume grows.

Comparison of the explored directions
Option B1: topic lanes
Option B2: brush-filtered feed
Option C1: macro workspace
07Process · AI blueprint

Where AI helps, and where it stops.

AI proposes, the analyst decides. The blueprint lists assumptions, the pipeline that produces the designs and the checks that keep model estimates visibly separate from observed facts.

Assumptions and AI blueprint