Page pattern

Process / Funnel

“Derived from the page purpose; write it explicitly before implementation.”

Understand progression through stages, conversion and bottlenecks.

[ Volume KPIs ] [ Stage progression ] [ Conversion / loss ] [ Bottlenecks ] [ Detail ]

Simulation of native Power BI behaviour

Zone 1

Volume KPIs

Zone 2

Stage progression

Zone 3

Conversion / loss

Zone 4

Bottlenecks

Zone 5

Detail

Reading order follows the zones above, top-left to bottom-right.

Designer

Components: Funnel, Bar/Column charts, Cards, Matrix

Hierarchy: Context/control → status/primary answer → explanation/breakdown → detail → next step.

Developer

Interaction: Use only interactions that support the page's next analytical step; typical next level: **Stage detail**.

Navigation: Stage detail

Implementation: Compose from the listed native visuals/controls and the standard interaction patterns in this guide; custom visuals are exceptions.

Common mistakes

Treating the archetype as a rigid screen; adding unrelated analytical tasks; duplicating controls already handled globally.