Модуль 3 курсу OKR-фасилітаторів · Тема 3.2: Візуалізація · Повна програма →

Принципи візуалізації OKR

Графіки існують не для краси. Графік робить рішення очевидним.

4 правила

Один графік = один інсайт

Не змішуйте прогрес, впевненість (confidence) і блокери в одному графіку. Людина має подивитись і за 3 секунди зрозуміти: «Ми на трекові» або «Ось проблема».

Baseline → Current → Target завжди

Будь-який графік прогресу OKR має показувати три точки: звідки стартували, де зараз, куди йдемо. Без baseline графік безглуздий, немає контексту. Без target немає напрямку.

Колір = статус

Колір	Score	Значення
🟢 Зелений	0.7–1.0	На трекові
🟡 Жовтий	0.4–0.6	Потребує уваги
🔴 Червоний	0.0–0.3	Під загрозою

Не вигадуйте нові кольори. Не використовуйте синій для «частково». Зелений/жовтий/червоний — універсальна мова.

Аудиторія визначає деталізацію

Команді показуйте деталі по кожному KR. Керівництву подавайте зведену картину. Стейкхолдерам достатньо headline. Один набір даних, три рівні деталізації.

4 обов'язкові графіки

1. Progress bar — % від target по KR

Найпростіша візуалізація. Один рядок на KR, довжина = score.

Що показує: наскільки близько кожен KR до target.

Коли дивитись: щотижня на check-in.

Приклад:

KR 1.1  ████████████░░░░░░░░  0.60  🟡
KR 1.2  ██████████████████░░  0.90  🟢
KR 1.3  ████░░░░░░░░░░░░░░░░  0.20  🔴
KR 2.1  ██████████████░░░░░░  0.70  🟢

Формули Google Sheets:

Потреба	Формула
Score	`=MIN(1, MAX(0, (Current-Baseline)/(Target-Baseline)))`
Прогрес бар	`=REPT("█", ROUND(Score20)) & REPT("░", 20-ROUND(Score20))`
Статус emoji	`=IF(Score>=0.7, "🟢", IF(Score>=0.4, "🟡", "🔴"))`
Conditional formatting	Виділити рядок кольором по значенню Score

Як створити в Sheets:

Колонка Score з формулою auto-score
Колонка Bar з формулою REPT
Conditional formatting на колонку Score: зелений ≥0.7, жовтий ≥0.4, червоний <0.4
Або: Insert → Chart → Bar chart, data range = KR names + Score

2. Динаміка впевненості — лінійний, потижневий

Лінійний графік: вісь X = тижні (1–12), вісь Y = впевненість (1–10). Одна лінія на KR.

Що показує: як змінюється впевненість команди протягом кварталу.

Коли дивитись: щотижня. Це early warning system.

Паттерни для Facilitator:

Паттерн	Графік	Що робити
Стабільно 7–9	───	Здоровий KR. Нічого не міняти
Плавне падіння	╲	Проблема наростає. З'ясувати блокер
Різкий обвал	│╲	Щось сталось цього тижня. Негайний check-in
Зростання	╱	Команда знайшла рішення. Зафіксувати що спрацювало
Плоско на 5	───	Невпевненість з початку. Переглянути KR

Формули Google Sheets:

Потреба	Формула
Sparkline в клітинці	`=SPARKLINE(B2:M2, {"charttype","line"; "color","#1D4ED8"; "linewidth",2})`
Min/max маркери	`=SPARKLINE(B2:M2, {"charttype","line"; "color","#1D4ED8"; "min",0; "max",10})`
Повноцінний графік	Insert → Chart → Line chart, data = Weekly Check-in Log

Як створити в Sheets:

У Weekly Check-in Log відфільтрувати по KR
Pivot table: рядки = KR, колонки = тижні, значення = впевненість
Insert → Chart → Line chart
Або: sparkline формула прямо в OKR Sheet

3. Scoring heatmap — всі OKR, квартальний

Таблиця-матриця: рядки = команди/objectives, колонки = KR, клітинки = score з кольором.

Що показує: загальна картина по організації одним поглядом.

Коли дивитись: на review та при підготовці до planning.

Приклад:

                   KR1    KR2    KR3    Avg
Команда А         0.8🟢  0.5🟡  0.9🟢  0.73🟢
Команда Б         0.3🔴  0.7🟢  0.4🟡  0.47🟡
Команда В         0.6🟡  0.6🟡  0.7🟢  0.63🟡
Організація       0.57   0.60   0.67   0.61

Формули Google Sheets:

Потреба	Формула
Середній score команди	`=AVERAGE(B2:D2)`
Середній score організації	`=AVERAGE(E2:E4)`
Conditional formatting	3-кольорова шкала: 0=червоний, 0.5=жовтий, 1=зелений

Як створити в Sheets:

Pivot table з OKR Sheet: рядки = Owner/Team, колонки = KR, значення = Score
Format → Conditional formatting → Color scale
Min = 0 (червоний #DC2626), Midpoint = 0.5 (жовтий #EAB308), Max = 1 (зелений #16A34A)

4. Initiative pipeline — канбан

Візуальна дошка ініціатив, прив'язаних до KR.

Що показує: які дії заплановані, в роботі, завершені — і чи рухають вони KR.

Коли дивитись: на check-in, для розуміння зв'язку між активністю та прогресом.

Структура:

┌─────────────┬─────────────┬─────────────┐
│  Backlog    │  In Progress │  Done       │
├─────────────┼─────────────┼─────────────┤
│ [KR1] A/B   │ [KR1] Нова  │ [KR2] API   │
│ тест #2     │ лендінг     │ інтеграція  │
│             │ [KR3] Найм  │ [KR1] A/B   │
│             │ аналітика   │ тест #1     │
└─────────────┴─────────────┴─────────────┘

Як створити:

Google Sheets: 3 колонки (Backlog / In Progress / Done), рядки = ініціативи з тегом KR
Miro/FigJam: стікери на канбан-дошці (краще для live-сесій)
Trello/Google Sheets: якщо команда вже використовує

Інструменти

Google Sheets Charts — базовий рівень

Достатньо для 90% потреб OKR-візуалізації.

Тип графіка	Для чого
Bar chart	Progress bars по KR
Line chart	Динаміка впевненості
Color scale	Scoring heatmap
Sparkline	Міні-тренди в клітинках

Плюси: безкоштовно, всі вміють, real-time оновлення. Мінуси: обмежена інтерактивність, складно з 15+ командами.

Looker Studio / Power BI — за потреби

Підключаються до Google Sheets як джерела даних. Автоматичні оновлення, інтерактивні фільтри, drill-down.

Коли потрібно:

15+ команд
Керівництво хоче інтерактивний дашборд
Потрібна фільтрація по департаментах/рівнях

Коли НЕ потрібно:

Перший-другий цикл OKR
Менше 10 команд
Немає людини, яка підтримуватиме дашборд

Miro / FigJam — live-сесії

Для візуалізації під час check-in, planning, review. Не для постійного трекінгу.

Коли використовувати:

Planning-сесія: групування OKR, alignment map
Review: live scoring з командою
Retro: кластеризація insights

Головне правило

Не купуйте BI-інструмент для OKR на першому циклі. Google Sheets + conditional formatting = достатньо. Інвестуйте в дисципліну оновлення, а не в софт.

Візуалізація для різних аудиторій

Одні дані — три рівні подачі.

Для команди — деталі

Що показувати	Формат	Приклад
Прогрес кожного KR	Progress bars	Бачу, що KR3 відстає
Впевненість по тижнях	Line chart	Бачу, що впевненість падає
Blockers	Список	Бачу, що блокує
Ініціативи	Канбан	Бачу, що робимо

Мета: команда сама бачить де проблема і що робити.

Для Executive — зведена картина

Що показувати	Формат	Приклад
Зведений прогрес	Heatmap	3 з 5 команд на трекові
Risks	Червоні KR	2 KR під загрозою
Decisions needed	Список	Потрібно перерозподілити ресурси

Мета: керівник за 2 хвилини розуміє загальну картину та де потрібне рішення.

Детальний формат: Leadership Dashboard →

Для стейкхолдерів — headlines

Що показувати	Формат	Приклад
Alignment	Зв'язки OKR	Всі команди працюють на стратегію X
Headline results	3 числа	Revenue +15%, NPS +8, Churn -2%
Загальний статус	Один колір	🟢 Організація на трекові

Мета: стейкхолдер розуміє, чи організація рухається в правильному напрямку.

Антипатерни візуалізації

Антипатерн	Чому погано	Що робити
Графіки без baseline	Прогрес без контексту — безглуздий	Завжди показувати baseline і target
Різні шкали	KR1 у %, KR2 в абсолютних — не можна порівняти	Нормалізувати все до score 0.0–1.0
Оновлення раз на квартал	Графік без тижневих точок — не тренд, а дві крапки	Щотижневе оновлення — мінімум
Reporting theater	Красиві графіки, які нічого не змінюють	Кожен графік має вести до рішення. → ap-reporting-theater
Overcomplexity	10 графіків на одному екрані	4 обов'язкових графіки — достатньо

Артефакти Теми 3.2

4 графіки з формулами Google Sheets:

Progress bar — REPT + conditional formatting
Тренд впевненості — SPARKLINE або Line chart
Scoring heatmap — Pivot table + Color scale
Initiative pipeline — 3 колонки канбан

Усі формули описані вище — скопіюйте у свій OKR Tracker →.

Наступні кроки

Модуль 3 курсу OKR-фасилітаторів · Тема 3.2: Візуалізація · Повна програма →

Принципи візуалізації OKR

Графіки існують не для краси. Графік робить рішення очевидним.

4 правила

Один графік = один інсайт

Baseline → Current → Target завжди

Колір = статус

Колір	Score	Значення
🟢 Зелений	0.7–1.0	На трекові
🟡 Жовтий	0.4–0.6	Потребує уваги
🔴 Червоний	0.0–0.3	Під загрозою

Аудиторія визначає деталізацію

4 обов'язкові графіки

1. Progress bar — % від target по KR

Найпростіша візуалізація. Один рядок на KR, довжина = score.

Що показує: наскільки близько кожен KR до target.

Коли дивитись: щотижня на check-in.

Приклад:

KR 1.1  ████████████░░░░░░░░  0.60  🟡
KR 1.2  ██████████████████░░  0.90  🟢
KR 1.3  ████░░░░░░░░░░░░░░░░  0.20  🔴
KR 2.1  ██████████████░░░░░░  0.70  🟢

Формули Google Sheets:

Потреба	Формула
Score	`=MIN(1, MAX(0, (Current-Baseline)/(Target-Baseline)))`
Прогрес бар	`=REPT("█", ROUND(Score20)) & REPT("░", 20-ROUND(Score20))`
Статус emoji	`=IF(Score>=0.7, "🟢", IF(Score>=0.4, "🟡", "🔴"))`
Conditional formatting	Виділити рядок кольором по значенню Score

Як створити в Sheets:

Колонка Score з формулою auto-score
Колонка Bar з формулою REPT
Conditional formatting на колонку Score: зелений ≥0.7, жовтий ≥0.4, червоний <0.4
Або: Insert → Chart → Bar chart, data range = KR names + Score

2. Динаміка впевненості — лінійний, потижневий

Лінійний графік: вісь X = тижні (1–12), вісь Y = впевненість (1–10). Одна лінія на KR.

Що показує: як змінюється впевненість команди протягом кварталу.

Коли дивитись: щотижня. Це early warning system.

Паттерни для Facilitator:

Паттерн	Графік	Що робити
Стабільно 7–9	───	Здоровий KR. Нічого не міняти
Плавне падіння	╲	Проблема наростає. З'ясувати блокер
Різкий обвал	│╲	Щось сталось цього тижня. Негайний check-in
Зростання	╱	Команда знайшла рішення. Зафіксувати що спрацювало
Плоско на 5	───	Невпевненість з початку. Переглянути KR

Формули Google Sheets:

Потреба	Формула
Sparkline в клітинці	`=SPARKLINE(B2:M2, {"charttype","line"; "color","#1D4ED8"; "linewidth",2})`
Min/max маркери	`=SPARKLINE(B2:M2, {"charttype","line"; "color","#1D4ED8"; "min",0; "max",10})`
Повноцінний графік	Insert → Chart → Line chart, data = Weekly Check-in Log

Як створити в Sheets:

У Weekly Check-in Log відфільтрувати по KR
Pivot table: рядки = KR, колонки = тижні, значення = впевненість
Insert → Chart → Line chart
Або: sparkline формула прямо в OKR Sheet

3. Scoring heatmap — всі OKR, квартальний

Таблиця-матриця: рядки = команди/objectives, колонки = KR, клітинки = score з кольором.

Що показує: загальна картина по організації одним поглядом.

Коли дивитись: на review та при підготовці до planning.

Приклад:

                   KR1    KR2    KR3    Avg
Команда А         0.8🟢  0.5🟡  0.9🟢  0.73🟢
Команда Б         0.3🔴  0.7🟢  0.4🟡  0.47🟡
Команда В         0.6🟡  0.6🟡  0.7🟢  0.63🟡
Організація       0.57   0.60   0.67   0.61

Формули Google Sheets:

Потреба	Формула
Середній score команди	`=AVERAGE(B2:D2)`
Середній score організації	`=AVERAGE(E2:E4)`
Conditional formatting	3-кольорова шкала: 0=червоний, 0.5=жовтий, 1=зелений

Як створити в Sheets:

Pivot table з OKR Sheet: рядки = Owner/Team, колонки = KR, значення = Score
Format → Conditional formatting → Color scale
Min = 0 (червоний #DC2626), Midpoint = 0.5 (жовтий #EAB308), Max = 1 (зелений #16A34A)

4. Initiative pipeline — канбан

Візуальна дошка ініціатив, прив'язаних до KR.

Що показує: які дії заплановані, в роботі, завершені — і чи рухають вони KR.

Коли дивитись: на check-in, для розуміння зв'язку між активністю та прогресом.

Структура:

┌─────────────┬─────────────┬─────────────┐
│  Backlog    │  In Progress │  Done       │
├─────────────┼─────────────┼─────────────┤
│ [KR1] A/B   │ [KR1] Нова  │ [KR2] API   │
│ тест #2     │ лендінг     │ інтеграція  │
│             │ [KR3] Найм  │ [KR1] A/B   │
│             │ аналітика   │ тест #1     │
└─────────────┴─────────────┴─────────────┘

Як створити:

Google Sheets: 3 колонки (Backlog / In Progress / Done), рядки = ініціативи з тегом KR
Miro/FigJam: стікери на канбан-дошці (краще для live-сесій)
Trello/Google Sheets: якщо команда вже використовує

Інструменти

Google Sheets Charts — базовий рівень

Достатньо для 90% потреб OKR-візуалізації.

Тип графіка	Для чого
Bar chart	Progress bars по KR
Line chart	Динаміка впевненості
Color scale	Scoring heatmap
Sparkline	Міні-тренди в клітинках

Плюси: безкоштовно, всі вміють, real-time оновлення. Мінуси: обмежена інтерактивність, складно з 15+ командами.

Looker Studio / Power BI — за потреби

Підключаються до Google Sheets як джерела даних. Автоматичні оновлення, інтерактивні фільтри, drill-down.

Коли потрібно:

15+ команд
Керівництво хоче інтерактивний дашборд
Потрібна фільтрація по департаментах/рівнях

Коли НЕ потрібно:

Перший-другий цикл OKR
Менше 10 команд
Немає людини, яка підтримуватиме дашборд

Miro / FigJam — live-сесії

Для візуалізації під час check-in, planning, review. Не для постійного трекінгу.

Коли використовувати:

Planning-сесія: групування OKR, alignment map
Review: live scoring з командою
Retro: кластеризація insights

Головне правило

Візуалізація для різних аудиторій

Одні дані — три рівні подачі.

Для команди — деталі

Що показувати	Формат	Приклад
Прогрес кожного KR	Progress bars	Бачу, що KR3 відстає
Впевненість по тижнях	Line chart	Бачу, що впевненість падає
Blockers	Список	Бачу, що блокує
Ініціативи	Канбан	Бачу, що робимо

Мета: команда сама бачить де проблема і що робити.

Для Executive — зведена картина

Що показувати	Формат	Приклад
Зведений прогрес	Heatmap	3 з 5 команд на трекові
Risks	Червоні KR	2 KR під загрозою
Decisions needed	Список	Потрібно перерозподілити ресурси

Мета: керівник за 2 хвилини розуміє загальну картину та де потрібне рішення.

Детальний формат: Leadership Dashboard →

Для стейкхолдерів — headlines

Що показувати	Формат	Приклад
Alignment	Зв'язки OKR	Всі команди працюють на стратегію X
Headline results	3 числа	Revenue +15%, NPS +8, Churn -2%
Загальний статус	Один колір	🟢 Організація на трекові

Мета: стейкхолдер розуміє, чи організація рухається в правильному напрямку.

Антипатерни візуалізації

Антипатерн	Чому погано	Що робити
Графіки без baseline	Прогрес без контексту — безглуздий	Завжди показувати baseline і target
Різні шкали	KR1 у %, KR2 в абсолютних — не можна порівняти	Нормалізувати все до score 0.0–1.0
Оновлення раз на квартал	Графік без тижневих точок — не тренд, а дві крапки	Щотижневе оновлення — мінімум
Reporting theater	Красиві графіки, які нічого не змінюють	Кожен графік має вести до рішення. → ap-reporting-theater
Overcomplexity	10 графіків на одному екрані	4 обов'язкових графіки — достатньо

Артефакти Теми 3.2

4 графіки з формулами Google Sheets:

Progress bar — REPT + conditional formatting
Тренд впевненості — SPARKLINE або Line chart
Scoring heatmap — Pivot table + Color scale
Initiative pipeline — 3 колонки канбан

Усі формули описані вище — скопіюйте у свій OKR Tracker →.

Базова візуалізація даних OKR

Принципи візуалізації OKR

4 правила

4 обов'язкові графіки

1. Progress bar — % від target по KR

2. Динаміка впевненості — лінійний, потижневий

3. Scoring heatmap — всі OKR, квартальний

4. Initiative pipeline — канбан

Інструменти

Google Sheets Charts — базовий рівень

Looker Studio / Power BI — за потреби

Miro / FigJam — live-сесії

Головне правило

Візуалізація для різних аудиторій

Для команди — деталі

Для Executive — зведена картина

Для стейкхолдерів — headlines

Антипатерни візуалізації

Артефакти Теми 3.2

Наступні кроки

Перевірте знання за уроком

Базова візуалізація даних OKR

Принципи візуалізації OKR

4 правила

4 обов'язкові графіки

1. Progress bar — % від target по KR

2. Динаміка впевненості — лінійний, потижневий

3. Scoring heatmap — всі OKR, квартальний

4. Initiative pipeline — канбан

Інструменти

Google Sheets Charts — базовий рівень

Looker Studio / Power BI — за потреби

Miro / FigJam — live-сесії

Головне правило

Візуалізація для різних аудиторій

Для команди — деталі

Для Executive — зведена картина

Для стейкхолдерів — headlines

Антипатерни візуалізації

Артефакти Теми 3.2

Наступні кроки

Перевірте знання за уроком