业务团队 OKR 案例

欢迎回到第 15 章的学习。在上一节，我们学习了工程团队 OKR 案例。现在我们要学习业务团队 OKR 案例。

本节将学习：业务团队 OKR 案例、指标定义、追踪方法。

OKR 定义

案例背景是什么？ 业务团队需要提升用户体验，确保用户满意度。

Objective 是什么？ 提升用户体验。

Key Results 包括哪些呢？

第一个：KR1: 页面加载时间 < 2 秒。 确保页面快速加载。

第二个：KR2: Core Web Vitals 达标率 > 90%。 确保核心网页指标达标。

第三个：KR3: 用户满意度 > 4.5/5。 确保用户满意。

完整 OKR 定义：

## Objective: 提升用户体验

### Key Results:
- KR1: 页面加载时间 < 2 秒
  - 当前值: 2.5 秒
  - 目标值: 2 秒
  - 进度: 80% (2/2.5)
  
- KR2: Core Web Vitals 达标率 > 90%
  - 当前值: 85%
  - 目标值: 90%
  - 进度: 94% (85/90)
  
- KR3: 用户满意度 > 4.5/5
  - 当前值: 4.3/5
  - 目标值: 4.5/5
  - 进度: 96% (4.3/4.5)

指标定义

指标定义的作用是什么？ 定义业务指标，量化用户体验。

如何定义指标？ 定义：

• 页面加载时间：首屏加载时间
• Core Web Vitals：LCP、FID、CLS
• 用户满意度：用户评分平均值

指标定义详情：

追踪方法

追踪方法的作用是什么？ 追踪业务指标，评估 OKR 达成情况。

如何追踪？ 使用前端监控：

• 页面加载时间：使用 Web Vitals API
• Core Web Vitals：使用 Web Vitals 库
• 用户满意度：使用用户反馈系统

前端监控代码示例：

// utilized Web Vitals Library tracking Core Web Vitals
import {onLCP, onFID, onCLS} from 'web-vitals';

// LCP (Largest Contentful Paint)
onLCP((metric) => {
  // Send to OpenTelemetry
  tracer.startSpan('web.vitals.lcp', {
    attributes: {
      'web.vitals.lcp': metric.value,
      'web.vitals.lcp.rating': metric.rating
    }
  });
});

// FID (First Input Delay)
onFID((metric) => {
  tracer.startSpan('web.vitals.fid', {
    attributes: {
      'web.vitals.fid': metric.value,
      'web.vitals.fid.rating': metric.rating
    }
  });
});

// CLS (Cumulative Layout Shift)
onCLS((metric) => {
  tracer.startSpan('web.vitals.cls', {
    attributes: {
      'web.vitals.cls': metric.value,
      'web.vitals.cls.rating': metric.rating
    }
  });
});

// page load time
window.addEventListener('load', () => {
  const loadTime = performance.timing.loadEventEnd - performance.timing.navigationStart;
  tracer.startSpan('page.load.time', {
    attributes: {
      'page.load.time': loadTime
    }
  });
});

PromQL 查询示例：

# KR1: 页面加载时间
avg(web_vitals_page_load_time_seconds)

# KR2: Core Web Vitals 达标率
(sum(web_vitals_lcp_rating == "good") + sum(web_vitals_fid_rating == "good") + sum(web_vitals_cls_rating == "good")) 
/ 
(count(web_vitals_lcp_rating) + count(web_vitals_fid_rating) + count(web_vitals_cls_rating)) * 100

# KR3: 用户满意度
avg(user_satisfaction_score)

本节小结

在本节中，我们学习了业务团队 OKR 案例：

第一个是 OKR 定义。 Objective: 提升用户体验；Key Results: 页面加载时间 < 2 秒、Core Web Vitals 达标率 > 90%、用户满意度 > 4.5/5。

第二个是指标定义。 定义业务指标，量化用户体验。

第三个是追踪方法。 使用前端监控追踪业务指标。

业务团队 OKR 实施流程： 定义 OKR → 定义指标 → 追踪数据 → 定期回顾 → 持续改进。

这就是业务团队 OKR 案例。通过业务团队 OKR 案例，我们掌握了如何设计和实施业务 OKR。

在下一节，我们将学习跨团队 OKR 协作。学习如何协调多个团队的 OKR。