Панель оператора та бізнес-індикатори

1) Призначення панелі

• дати загальний пульс бізнесу (реал-тайм/майже реал-тайм);
• підсвітити відхилення/ризики та місце «пожежі»;
• прискорити рішення: з картки KPI → в конкретний список/тікет/екран.

2) Ролі та персоналізація

• C-level/дирекція: агрегати по брендах/регіонах, тренди, прогнози.
• Операції/спортивка: live-навантаження, ставки/маржа/коефіцієнти, відміни.
• Платежі/фінанси: конверсія депозитів, TtW, апрув/відхил, чарджбеки.
• Ризик/комплаєнс: KYC/AML статуси, санкції, FRM-сигнали, ліміти.
• CRM/маркетинг: LTV/CAC, ретеншн/ревапи, сегменти/кампанії.

Персоналізація: порядок віджетів, обрані зрізи (країна/провайдер/канал), «режим чергового» (повідомлення і великі цифри).

3) Ієрархія інтерфейсу

Шапка: дата/часовий пояс, селект бренду/гео/валюти відображення.
Смуга KPI (hero-cards): 6-8 ключових метрик за сьогодні + дельта до бенчмарку/вчора/тижні.
Тренди та розподіли: лінія (GGR/NGR), стовпці (депозити за методами), пончики (мікси).
Оперативні стрічки: алерти (SLA, ризик, PSP), черги завдань.
Дрілдауни: кліки поглиблюють до сегмента/об'єкта (метод платежу → конкретні відхилені).

4) Ключові KPI і формули (базові)

DAU / MAU: активні гравці за день/місяць.
New Depositors (ND): нові депозитори за період.
Deposit Conversion: реєстрація → перший депозит.
ARPPU: «Виручка/Платять користувачі».
GGR (валовий ігровий дохід): «Ставки − Виграші».
NGR (чистий ігровий дохід): 'GGR − Бонуси − Джекпоти − Провайдерські комісії − Податки на GGR'.
Hold (спорт): '1 − (Виплати/Прийом ставок)'.
Time-to-Wallet (TtW): медіана часу від запиту висновку до надходження.
KYC Pass Rate: 'Пройдено/Ініційовано'.
Approval Rate (висновки): «Схвалено/Запитано».
Chargeback Rate: 'Чарджбеки/Оброблені платежі'.
FRM Alerts / 1k Tx: число фрод-сигналів на 1 000 транзакцій.
Retention D1/D7/D30: Повернення по когортах.
LTV^t: кумулятивний NGR на користувача до моменту t.
RTP (слоти): 'Виплати/Ставки'по грі/провайдеру.

Важливо: одна семантична метрика в шарах даних для всього продукту (ніяких «двох GGR»).

5) Віджети і патерни відображення

KPI-картка

Заголовок, значення (табличні цифри), дельта (стрілка/відсоток), міні-спарклайн.
Колір: зелений ріст для корисних метрик (NGR, конверсія), червоний ріст для негативних (відмови/чарджбек).
Клік: дриллдаун в таблицю/графік з фільтром.

Тренди

Лінії зі згладжуванням, довірчі інтервал/поріг (SLO).
Перемикач «Сьогодні/Тиждень/30 днів/Когорти».

Розподілу

Бар-чарт: депозити за методами, частка відхилень за PSP, ставки за лігами/провайдерами.

Оперативна стрічка

Події SLA (PSP delay, черга KYC), великі виграші, піки навантаження, санкційні прапори.

Таблиці

Підсумовувані футери, закріплені колонки, сорт/фільтр, експорт CSV.

6) Зрізи та фільтри (обов'язкові)

Час: сьогодні/UTC vs локаль, часові інтервали, тижневі/місячні вікна.
Гео/юрисдикція: країна, регіон, ліцензія.
Платформа/канал: web/app/affiliate.
Платіжні методи/PSP.
Провайдер/гра/спорт/ліга/ринок.
Сегменти користувачів: VIP, новачок, реаптивовані, ризик-профілі.

Всі фільтри - компоновані; стан URL-адресований, є «Скидання».

7) Сигнали, алерти, пороги

Статичні пороги: TtW > 2h, Approval Rate < 80%, KYC backlog > N.
Динамічні (аномальні): відхилення від сезонної моделі> 3 σ.
Складові правила: «Зростання відмов PSP-X> 5 п. п. і трафік з GEO-Y ↑».
Канали: шторка в панелі, e-mail/Slack/Push; трекінг «прийнято/вирішено».

8) Свіжість даних і перформанс

SLO свіжості: оперативні KPI ≤ 60 сек, агрегації - ≤ 5 хв, фінансові звірки - T + 1.
Індикатор "Оновлено 00:45 тому" на рівні панелі і на віджеті.
Фронт: WebSocket/SSE для інкрементів, батч-підкачка при паузі.
Анімації - тільки'transform/opacity', без важких фільтрів.

9) Архітектура даних (дуже коротко)

Стрімінг: подієва шина (наприклад, Kafka) → стрім-процесинг (Flink/Spark) → speed-layer (Redis/ClickHouse).
Batch: сирі логи → DWH (BigQuery/Snowflake) → вітрини/семантичний шар (dbt/metric-layer).
Metrics layer: єдині визначення KPI для всіх клієнтів (панель, звіти, API).
SCD/когорти: зберігаємо версійність атрибутів і когорти для ретеншну/LTV.

10) Мульти-бренд/мульти-гео/мульти-валюта

Селектор «Бренд/Ліцензія/ГЕО», підсумовування та порівняння (stacked або small multiples).
Відображення валюти - у валюті аккаунта бренду + еквівалент (див. «Перемикання валют»).
Часовий пояс - фіксуйте для звіту (локаль бренду vs оператора).

11) A11y, локалізація, темна тема

Контраст не нижче AA; таб-порядок,'aria-label'на карт-кнопках.
Тексти/формати дат/валют - по локалі; RTL дзеркалювання (див. RTL-гайд).
Темна/контрастна тема для нічних змін; фокус-кільця видимі.

12) Анти-патерни

30 + карток KPI «дрібним розсипом» без ієрархії.
Неузгоджені формули однієї метрики в різних віджетах.
Колір як єдиний носій сенсу.
«Німа» панель: алерти без CTA і власника.
Дані «вчорашні» без індикатора свіжості.
Блокуючі лоадери на весь екран при кожному фільтрі.

13) Токени дизайн-системи (приклад)

json
{
"dashboard": {
"gap": 12,
"cardRadius": 12,
"kpiHeight": 96,
"sparkHeight": 24
},
"palette": {
"good": "#2e7d32",
"bad": "#c62828",
"warn": "#ef6c00",
"muted": "#607d8b"
},
"motion": { "inMs": 140, "outMs": 100 },
"a11y": { "contrastAA": true, "tabularNums": true }
}

14) Приклади інтерфейсних сніпетів

Картка KPI (HTML)

html
<button class =" kpi" aria-label =" NGR today, plus 7 percent to yesterday">
<header> NGR today </header>
<div class="value">₴ 12 340 000</div>
<div class="delta up">+7. 1%</div>
<svg class="spark"></svg>
</button>

Семантична метрика (псевдо-SQL/DSL)

sql metric NGR as
SELECT SUM(bets. amount - wins. amount - bonuses. amount - fees. amount - ggr_taxes. amount)
WHERE brand =:brand AND ts BETWEEN:from AND:to;

Алерт-правило (псевдо)

json
{
"if": "psp. decline_rate(country='TR',psp='X') > 0. 15",
"and": "delta('15m') > 0. 05",
"then": { "notify": ["payments-oncall"], "priority": "high", "runbook": "psp-x-declines" }
}

15) Типові сценарії iGaming

Платежі

Віджет «Approval Rate по PSP» → дрил в список відхилених з кодами причин.
«Time-to-Wallet за методом» → карта SLA; клік - конкретні черги.

Спорт

Live-ставки/сек, Hold по лігах, алерт на відхилення маржі.
Перегріті ринки (різкий перекіс) → блок рекомендацій/ручний ліміт.

Казино

RTP/волатильність по провайдерам, топ-ігри/відтік, алерт «аномальний RTP <порога».

Ризик/Комплаєнс

KYC backlog и pass rate; FRM-сигнали; санкційні прапори.
Клік на алерт → картка гравця з actions (freeze/verify/escalate).

16) Метрики самої панелі

Engagement панелі: DAU панелі, час в сесії, кліки по дриллдаунам.
Alert MTTA/MTTR: час до реакції і до закриття інциденту.
Accuracy complaints: звернення «цифри не сходяться» (<0,5%).
Freshness breaches: частка порушень SLO свіжості.
Actionability: частка алертів з наступною дією (> 70%).

17) QA-чек-лист

Дані та узгодженість

• Єдині визначення метрик (metrics layer).
• Поріг/напрямок кольору коректні (зростання «поганого» = червоний).
• У кожному віджеті є джерело часу і свіжість.

UX

• До ключових причин 2-3 кліка максимум.
• Фільтри кумулятивні, стан URL-адресовано.
• Картки KPI доступні з клавіатури та екранного диктора.

Перформанс

• Перемикання фільтрів ≤ 300 мс (інкогніто-профіль).
• Без CLS; графіки віртуалізовані при великих обсягах.
• Реал-тайм оновлюється без «смикань».

А11у/Тема

• Контраст ≥ AA; фокус-кільця видимі.
• Темна/контрастна тема читаєма; колір не єдиний сигнал.

18) Документація в дизайн-системі

Компоненти: `KpiCard`, `TrendChart`, `BreakdownBar`, `AlertFeed`, `DataFreshnessBadge`.
Метрики: словник формул, одиниці виміру, знаки «плюс/мінус».
Посібники: «Як додавати KPI», «Як задавати алерти», «Як валідаювати джерела».
Галерея Do/Don't: перевантажені панелі vs фокус на 6-8 KPI, колір ≠ сенс, дриллдаун без тупиків.

Коротке резюме

Сильна операторська панель - це єдині визначення метрик, чітка ієрархія віджетів, миттєві алерти і клікабельні причини. Персоналізуйте під роль, показуйте свіжість даних, тримайте дію в 1-2 кліка від цифри і дотримуйтесь доступності. Тоді «пульс продукту» стане керованим - від платежів і KYC до маржі і ретеншну.