Menu

Earn Premium with Referrals

Invite your friends and earn Premium rewards through our referral program.

See how it works and start inviting friends.

Dashboards
HLD

Dashboards

Screens built for questions — designing views that answer incidents instead of decorating them.

Dashboards Answer Questions

 every panel earns its place by answering a QUESTION:

 "is the service healthy right now?"     → triage view
 "which dependency is misbehaving?"      → drill-down view
 "how are we trending this month?"       → SLO/capacity view

 dashboards built by ACCUMULATION ("add a graph for each
 metric we emit") become wallpaper nobody can read at 3am.
 design top-down from the question, not bottom-up from metrics.

 the three-tier layout that works:
 [row 1] SERVICE HEALTH: golden signals + SLO burn — answers
         "do I need to care?" in five seconds
 [row 2] DEPENDENCIES: downstream health, queue ages, pools
 [row 3] DETAIL: per-endpoint/per-instance for drilling

Design Rules That Survive 3am

 □ FIVE-SECOND RULE: row one answers healthy/not without
   scrolling or thinking; color + threshold lines do the work
 □ ANNOTATE DEPLOYS on time axes (the first question in any
   incident: what changed?)
 □ CONSISTENT LAYOUT across services: same panels, same order,
   same names — muscle memory is a debugging tool; template it
 □ LINKS TO NEXT STEPS: panel → related trace search, runbook,
   dependent-service dashboards (navigation IS diagnosis)
 □ AGGREGATE-FIRST: totals and percentiles up top;
   per-instance heatmaps below for outlier hunts
 □ TIME-RANGE sanity defaults: incident view = last 3h with
   zoom; review view = week; never make people reconfigure mid-fire

Dashboard Hygiene

RotCure
40-panel walls of graphsquestion-driven redesign, delete freely
queries nobody remembersownership labels + quarterly pruning
broken/empty panelsalert on dashboard-query errors!
copy-paste divergence across teamstemplated library, shared variables
vanity metrics front-pagemove to appendix or delete
 dashboards rot like code because they ARE code:
 versioned, reviewed, tested (does the query still return?),
 and refactored when questions change. treat a dashboard PR
 like any other engineering artifact.

Interview Framing

“Build the operational dashboard for our payment service” scored shape: three-tier question-driven layout drawn, five-second-rule and deploy annotations emphasized, consistency/template point made (fleet-wide muscle memory), hygiene table condensed, links-to-next-steps navigation included. Dashboard questions test information DESIGN under stress — you’re graded on the 3am user’s experience, not pixel count.

My Private Notes

Notes are auto-saved locally to this device.