Page pattern
Segmentation
“Derived from the page purpose; write it explicitly before implementation.”
Compare meaningful groups and identify differences in performance or behaviour.
Segmentation — archetype wireframe
[ Filters ] [ Segment KPIs ] [ Segment visual ] [ Comparison ] [ Detail ]
Simulation of native Power BI behaviour
Zone 1
Filters
Zone 2
Segment KPIs
Zone 3
Segment visual
Zone 4
Comparison
Zone 5
Detail
Reading order follows the zones above, top-left to bottom-right.
Designer
Components: Bar charts, Scatter chart, Matrix, Slicers
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: **Segment detail**.
Navigation: Segment 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.