분기 OKR 대시보드 디자인

한 분기, 담당자, 그리고 절충안

대시보드 제목은 Q4 FY25 · Northwind이며, 2025년 10월 14일부터 12월 31일까지, 담당자 Devon Park, 목표 세 개, 핵심 결과 아홉 개를 표시합니다. 어두운 배너는 42%를 Quarter through · 47% time elapsed 라벨 옆에 보여 주지만 42%가 무엇을 측정하는지는 정의하지 않습니다. 사이드바는 따로 78일 중 53일 남음이라고 표시하는데, 이는 47% 경과와 맞지 않습니다. 이는 검증된 일정이나 점수 모델이 아니라 서로 일치하지 않는 예시 시간 지표입니다.

그 아래 세 개의 목표 그룹이 페이지의 주요 구조를 이룹니다: 엔터프라이즈 준비도, 가입 후 가치 도달 시간, 모바일 플랫폼 경험입니다. 각 그룹은 담당자를 명시하고 “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픽셀 미만 너비에서는 원본이 이 사이드바를 주요 작업 아래로 쌓습니다. 두 배치는 리스크 맥락을 나란히 보거나 위에서 아래로 읽는 순서를 지원하며, 설명 없는 단일 데스크톱 순서만 있는 것은 아닙니다.

마지막 블로커는 대시보드에 구체적인 계획 용도를 부여합니다. 2FA 추진을 위해 엔지니어 두 명을 빌려 와서 모바일 Objective 3이 Off Track이라고 말하고, 두 가지 선택지를 제시합니다. 인증 화면 리디자인을 포기하거나 11월 4일까지 계약직으로 충원하는 것입니다. “Decision needed Friday”는 시점을 분명히 합니다. 이로써 앞서 나온 상태와 담당자 정보가 인력 배치 선택의 맥락이 되며, 어느 선택지가 채택됐는지는 주장하지 않습니다.

1. 분기 설정

   날짜 범위, 지정된 담당자, 목표 수, 핵심 결과 수가 독자가 개별 작업을 보기 전에 보고 틀을 정의합니다.

2. 담당 업무 살펴보기

   목표 제목, 담당자 이름, 상태 라벨이 상세 행을 책임과 개발·출시 상태 중심으로 정리합니다.

3. 신호를 따라 의사결정으로

   요약과 주간 변동이 인력 배치 충돌, 대안, 결정 기한을 밝히는 블로커로 이어집니다.

샘플 데이터가 말할 수 있는 것과 없는 것

이름, 목표, 담당자, 마감일, 진행 수치는 검증된 회사 실적이 아니라 예시입니다. 정적 HTML에는 실시간 업데이트나 점수 처리 핸들러가 없습니다. 사이드바는 핵심 결과 아홉 개 중 네 개가 녹색이라고 하지만 파란색 스타일을 쓰는 것은 첫 번째 목표의 막대 세 개뿐이며, 남은 일수 값도 경과 시간 라벨과 맞지 않습니다. 따라서 색상과 상태 필드는 계산된 개발·출시 판단으로 취급하지 말고, 재사용 전에 명시적 정의가 필요합니다.

이 시각 구조는 목표, 측정값, 리스크, 의사결정이 하나의 데스크톱 워크스페이스를 어떻게 공유할 수 있는지 살펴볼 때 가장 유용합니다. 적용할 때는 목표치, 현재 측정값, 진행 표시의 구분을 유지하고, 상태나 완료 값의 근거를 명시하세요.