Quarterly OKR Dashboard Design

A Quarter, Its Owners, And Its Tradeoffs

The dashboard is headed Q4 FY25 · Northwind, with 14 October to 31 December 2025, Devon Park as owner, three objectives and nine key results. The dark banner shows 42% beside the label Quarter through · 47% time elapsed, without defining what 42% measures. The sidebar separately says 53 of 78 days remaining, which does not reconcile with 47% elapsed. These are illustrative, inconsistent time indicators rather than a verified schedule or scoring model.

Below, three objective groups carry the page’s main structure: enterprise readiness, signup time-to-value, and mobile platform experience. Each group names an owner and uses an “On Track,” “At Risk,” or “Off Track” label. That pairing makes responsibility and status visible before the reader scans individual results, while the colored status treatment emphasizes judgment alongside the numbers.

Reading Targets Beside Their Measures

The key-result rows place a short target on the left and a progress bar with a value on the right. Supporting text supplies context where a percentage alone would be hard to interpret: the SOC 2 row says “controls: 14 / 16 implemented,” while activation time compares a 72-minute baseline with a current 47 minutes against a target of 30 minutes or less. These details help readers distinguish a count of completed controls from a time-based measure.

Other rows show why progress percentages should not be read as the outcome itself. “Activation rate ≥ 50% of new signups” is accompanied by a current 38% and last-quarter 29%, while its bar reads 76%. The two percentages answer different questions: one is the displayed completion figure, and the other is the current rate against a target, with a prior-quarter reference. The design presents both but does not explain the progress formula.

The nine sample key results span counts, minutes, percentages, an experiment rollout, and a rating. Their shared row layout supports scanning, but comparisons across rows remain limited: a 64% bar for activation time and a 64% bar elsewhere would not necessarily describe comparable units or methods.

From Quarter Summary To Blocker

The original wide layout places the quarter banner and three objective groups in the main column, with This quarter at a glance, Top movers (this week) and Blockers in a right sidebar. At widths below 1080 pixels the source stacks that sidebar beneath the main work. The two arrangements support either side-by-side risk context or a top-down reading order, not an unexplained single desktop sequence.

The final blocker gives the dashboard a concrete planning use. It says mobile Objective 3 is off track because two engineers were borrowed for the 2FA push, then frames two options: drop the auth-surface redesign or backfill with contractors by Nov 4. “Decision needed Friday” makes the timing explicit. This turns the earlier status and ownership information into context for a staffing choice, without claiming which option was selected.

1. Establish The Quarter

   The date range, named owner, objective count, and key-result count define the reporting frame before readers encounter individual work.

2. Inspect Owned Work

   Objective headings, owner names, and status labels organize the detailed rows around responsibility and delivery condition.

3. Follow Signals To A Decision

   The summary and weekly movers lead into a blocker that states the staffing conflict, alternatives, and decision deadline.

What The Sample Data Can And Cannot Say

Names, objectives, owners, deadlines and progress figures are illustrative, not verified company performance. The static HTML has no live update or scoring handler. The sidebar says four of nine key results are green although only the first objective's three bars use blue styling, and its days-remaining value does not reconcile with the elapsed-time label. Color and status fields therefore need explicit definitions before reuse, rather than being treated as computed delivery judgments.

The visual structure is most useful as a way to study how objectives, measures, risks, and a decision can share one desktop workspace. When adapting it, preserve the distinction between a target, a current measurement, and a progress indicator, and make the basis for any status or completion value explicit.