季度 OKR 仪表盘设计

季度、负责人和取舍

仪表盘标题为 Q4 FY25 · Northwind，日期范围为 2025 年 10 月 14 日至 12 月 31 日，负责人为 Devon Park，包含三个目标和九个关键结果。深色横幅在标签 Quarter through · 47% time elapsed 旁显示 42%，但没有定义 42% 衡量的内容。侧边栏另行显示剩余 53 of 78 days，这与 47% elapsed 无法对应。这些是示例性且彼此不一致的时间指标，而非经过验证的日程或评分模型。

下方的三个目标分组构成页面的主要结构：企业就绪度、注册到价值实现时间，以及移动端平台体验。每个分组都标明一名负责人，并使用 “On Track”、“At Risk” 或 “Off Track” 标签。这种配对让读者在浏览单个结果之前就能看到责任归属和状态，而彩色状态样式则强调了与数字并列的判断。

在查看指标的同时阅读目标

关键结果行在左侧放置简短目标，在右侧放置带数值的进度条。当单独的百分比难以解读时，支持文本会提供上下文：SOC 2 行写着 “controls: 14 / 16 implemented”，而激活时间则将 72 分钟的基线与当前 47 分钟进行比较，目标为不超过 30 分钟。这些细节帮助读者区分已完成控制项的数量与基于时间的指标。

其他行说明了为什么不应将进度百分比本身视为结果。“Activation rate ≥ 50% of new signups”同时显示当前 38% 和上季度 29%，而其进度条显示 76%。这两个百分比回答的是不同问题：一个是显示的完成度数字，另一个是当前比率相对于目标的结果，并附有上一季度的参考值。设计同时呈现了两者，但没有解释进度公式。

九个示例关键结果涵盖数量、分钟数、百分比、实验发布和评分。它们共享的行布局有利于快速浏览，但跨行比较仍然有限：激活时间的 64% 进度条与其他位置的 64% 进度条，不一定代表可比较的单位或方法。

从季度摘要到阻塞项

原始宽屏布局将季度横幅和三个目标分组放在主列中，右侧边栏则包含 This quarter at a glance、Top movers (this week) 和 Blockers。当宽度低于 1080 像素时，源文件会将该边栏堆叠到主要工作区域下方。两种布局分别支持并排查看风险上下文或自上而下的阅读顺序，而不是一种未加说明的单一桌面端流程。

最后的阻塞项赋予仪表盘具体的规划用途。它说明移动端 Objective 3 因两名工程师被借调去推进 2FA 而偏离计划，然后提出两个选项：放弃身份验证界面重设计，或在 11 月 4 日前通过承包商补充人员。“Decision needed Friday”明确了时间要求。这将前面的状态和负责人信息转化为人员配置选择的上下文，但没有声称哪个选项最终被选中。

1. 确定季度

   日期范围、指定负责人、目标数量和关键结果数量，在读者接触具体工作之前定义了报告框架。

2. 查看负责人所负责的工作

   目标标题、负责人姓名和状态标签围绕责任归属与交付状况组织详细行。

3. 跟随信号走向决策

   摘要和每周变动项引导读者进入阻塞项，其中说明了人员配置冲突、备选方案和决策截止时间。

示例数据能够说明什么，不能说明什么

姓名、目标、负责人、截止日期和进度数字均为示例，并非经过验证的公司绩效。静态 HTML 没有实时更新或评分处理程序。侧边栏称九个关键结果中有四个为绿色，尽管只有第一个目标的三个进度条使用蓝色样式；其剩余天数值也无法与已用时间标签对应。因此，在复用之前需要明确界定颜色和状态字段，而不应将它们视为计算得出的交付判断。

这一视觉结构最适合用来研究目标、指标、风险和决策如何共享一个桌面工作区。在改编时，应保留目标值、当前测量值和进度指示器之间的区别，并明确任何状态值或完成度数值的依据。