OKR Dashboard 设计

欢迎回到第 15 章的学习。在上一节，我们学习了跨团队 OKR 协作。现在我们要学习 OKR Dashboard 设计。

本节将学习：OKR 可视化、进度追踪、目标对比、团队对比。

OKR 可视化

OKR Dashboard 设计的作用是什么？ 设计 OKR Dashboard，直观展示 OKR 进度和达成情况。

OKR 可视化的作用是什么？ 可视化 OKR，让团队成员直观了解目标进度。

如何进行 OKR 可视化？ 使用图表类型：

进度条：展示 Key Results 进度
仪表盘：展示目标达成情况
趋势图：展示进度变化趋势
对比图：展示团队对比

Grafana Dashboard 配置示例：

{
  "dashboard": {
    "title": "OKR Dashboard",
    "panels": [
      {
        "title": "Objective: Improve system reliability",
        "type": "row",
        "panels": [
          {
            "title": "KR1: P99 postponements",
            "type": "bargauge",
            "targets": [
              {
                "expr": "histogram_quantile(0.99, sum(rate(http_request_duration_seconds_bucket[5m])) by (le))",
                "legendFormat": "current value"
              }
            ],
            "fieldConfig": {
              "defaults": {
                "unit": "ms",
                "min": 0,
                "max": 500,
                "thresholds": {
                  "steps": [
                    {"value": null, "color": "green"},
                    {"value": 200, "color": "yellow"},
                    {"value": 500, "color": "red"}
                  ]
                }
              }
            },
            "options": {
              "orientation": "horizontal",
              "displayMode": "gradient"
            }
          },
          {
            "title": "KR1 progress",
            "type": "stat",
            "targets": [
              {
                "expr": "(0.2 - histogram_quantile(0.99, sum(rate(http_request_duration_seconds_bucket[5m])) by (le))) / 0.2 * 100",
                "legendFormat": "progress"
              }
            ],
            "fieldConfig": {
              "defaults": {
                "unit": "percent",
                "thresholds": {
                  "steps": [
                    {"value": null, "color": "red"},
                    {"value": 50, "color": "yellow"},
                    {"value": 80, "color": "green"}
                  ]
                }
              }
            }
          }
        ]
      }
    ]
  }
}

进度追踪

进度追踪的作用是什么？ 追踪 Key Results 进度，评估 OKR 达成情况。

如何进行进度追踪？ 计算进度：

当前值 vs 目标值
进度百分比：当前值 / 目标值 * 100
剩余时间：目标时间 - 当前时间
预测达成：基于当前趋势预测

进度计算示例：

# KR1: P99 延迟进度
# 目标: 200ms (0.2s)
# 当前值: histogram_quantile(0.99, sum(rate(http_request_duration_seconds_bucket[5m])) by (le))
# 进度: (0.2 - 当前值) / 0.2 * 100

(0.2 - histogram_quantile(0.99, sum(rate(http_request_duration_seconds_bucket[5m])) by (le))) / 0.2 * 100

# KR2: 错误率进度
# 目标: 0.1% (0.001)
# 当前值: sum(rate(http_requests_total{status=~"5.."}[5m])) / sum(rate(http_requests_total[5m]))
# 进度: (0.001 - 当前值) / 0.001 * 100

(0.001 - (sum(rate(http_requests_total{status=~"5.."}[5m])) / sum(rate(http_requests_total[5m])))) / 0.001 * 100

目标对比

目标对比的作用是什么？ 对比实际值与目标值，发现差距。

如何进行目标对比？ 建立对比：

实际值 vs 目标值
当前值 vs 历史值
达成率：实际值 / 目标值
差距分析：目标值 - 实际值

目标对比示例：

Key Result	目标值	实际值	达成率	差距
P99 延迟	< 200ms	150ms	125%	-50ms
错误率	< 0.1%	0.15%	66.7%	+0.05%
MTTR	< 15分钟	12分钟	125%	-3分钟

团队对比

团队对比的作用是什么？ 对比不同团队的 OKR，发现最佳实践。

如何进行团队对比？ 建立对比：

团队 OKR 达成率
团队进度对比
团队绩效排名
团队协作效果

团队对比示例：

团队	Objective	达成率	排名
工程团队	提升系统可靠性	85%	1
产品团队	提升产品功能完整性	80%	2
运营团队	提升用户增长	75%	3

本节小结

在本节中，我们学习了 OKR Dashboard 设计：

第一个是 OKR 可视化。 可视化 OKR，让团队成员直观了解目标进度。

第二个是进度追踪。 追踪 Key Results 进度，评估 OKR 达成情况。

第三个是目标对比。 对比实际值与目标值，发现差距。

第四个是团队对比。 对比不同团队的 OKR，发现最佳实践。

OKR Dashboard 设计流程： 设计可视化 → 追踪进度 → 目标对比 → 团队对比 → 优化改进。

这就是 OKR Dashboard 设计。通过 OKR Dashboard 设计，我们能够直观展示 OKR 进度和达成情况。

在下一节，我们将学习定期回顾和调整。学习如何定期回顾和调整 OKR。