| skill_id | nezam-dashboard-ia-patterns |
| name | nezam-Dashboard Ia Patterns |
| tier | 3 |
| description | Design patterns for information architecture and hierarchical data display. |
| version | 1.0.0 |
| updated | "2026-05-13T00:00:00.000Z" |
| changelog | null |
Dashboard IA Patterns
Purpose
Ensures dashboards are logically structured, prioritizing critical KPIs while allowing deep-dive exploration through consistent navigation.
Inputs
- User personas and primary goals.
- Key Performance Indicator (KPI) list.
Step-by-Step Workflow
- Apply "Summary-to-Detail" hierarchy (Global KPIs -> Trends -> Breakdown -> Tables).
- Design a consistent global filter bar with time and segment controls.
- Define standard card layouts and grid spacing for analytical widgets.
- Implement context-aware drill-down interactions for all charts.
Examples
graph TD
A[Global KPI Cards] --> B[Trend Charts]
B --> C[Categorical Breakdown]
C --> D[Granular Data Table]
E[Global Filter Bar] -.-> A
E -.-> B
E -.-> C
E -.-> D
Validation & Metrics
- Scannability: Users should identify primary KPI status in < 3s.
- Consistency: 100% adherence to defined layout grid.
Output Format
- Dashboard Wireframes (ASCII/Mermaid)
- IA Specification Document
Integration Hooks
/PLAN phase for analytical features.
- UX/UI review gates.