Metrics are a mirror of your strategy. If your strategy changes, your metrics should too.
1Leading vs Lagging
Don't just look at revenue. By the time revenue drops, it's too late. Look at 'Leading' indicators like Weekly Active Users or Feature Adoption Rate to see trouble before it hits the bank account.
2Actionable Metrics
An actionable metric is one that, if changed, would cause you to do something differently. If a metric goes down and your response is 'So what?', it's not a KPI.
3The Counter-Metric
Every metric needs a check. If your goal is 'More Signups', your counter-metric should be 'Signup Quality' or 'Retention'. This prevents the team from gaming the system.
4Step-by-Step Breakdown
Metrics are the scoreboard of your product. If you don't measure it, you can't improve it. But beware of measuring the wrong things.
The North Star Metric is the single most important metric that captures the core value your product delivers to customers (e.g., Airbnb: Nights Booked).
Lagging Indicators tell you what happened (e.g., Revenue). Leading Indicators predict what will happen (e.g., Number of new signups).
What is a 'Vanity Metric'?
- →A metric that is extremely high
- →A metric that looks good on paper but doesn't actually correlate to long-term business success (e.g., Total Registered Users)
- →A metric used by the design team
- →The number of times the CEO is mentioned in the news
Why should you have only ONE 'North Star Metric'?
- →Because it's easier to remember
- →To provide extreme clarity and focus for the entire organization, ensuring everyone is moving in the same direction
- →Because tracking more than one metric is too expensive
- →Because most databases can only store one key metric
Level Up 🚀
Advanced cheat sheets, SEO tricks, and interview prep for this topic.
Browser Support
Fully supported.
Fully supported.
Fully supported.
Fully supported.
Accessibility (A11y)
1Metrics Dashboards Must Be Readable by Everyone on the Team
A metrics dashboard that relies purely on color to distinguish 'good' from 'bad' (green vs red) is unreadable to team members with color vision deficiency. Pair color with icons, labels, or patterns so the data is interpretable without relying on color alone.
<!-- Wrong: color-only status -->
<span style="color: red">-12%</span>
<!-- Correct: color + icon/label -->
<span style="color: red">▼ -12% (down)</span>SEO Implications
- 1
Public Metrics Pages and Trust Signals
Companies that publish public status or usage-stats pages can gain long-tail organic traffic and credibility signals, but only if those pages are kept accurate and updated — a stale public metrics page erodes trust faster than not publishing one at all.
Best Practices
Pick a Counter-Metric for Every KPI
Every metric can be gamed. If the goal is 'increase signups', pair it with a counter-metric like 'activation rate' so the team can't hit the number by lowering signup friction to the point of attracting the wrong users.
Review Metric Definitions Quarterly
As the product evolves, a metric's definition can quietly go stale (e.g., 'active user' meaning something different after a redesign). Revisit and re-document exact metric definitions on a regular cadence.
Frequent Bugs
Reporting a metric that changed definition mid-quarter without flagging it, making the trend line look like real growth or decline when it's actually a measurement artifact.
Whenever a metric's definition, tracking implementation, or data source changes, annotate the dashboard at that point in time and, where possible, footnote the old values so the trend stays comparable.
Real-World Examples
Choosing a North Star Metric
A team at a music streaming app debates whether 'Total Signups' or 'Weekly Listening Hours' should be the North Star Metric for the product.
// North Star candidates evaluated against 3 criteria:
// 1. Reflects real customer value
// 2. Leading indicator of revenue
// 3. Actionable by product teams
const northStar = 'weekly_listening_hours'; // chosen over 'total_signups' (vanity metric)