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

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; графики виртуализированы при больших объемах.
• Реал-тайм обновляется без «дерганий».

A11y/Тема

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

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

Компоненты: `KpiCard`, `TrendChart`, `BreakdownBar`, `AlertFeed`, `DataFreshnessBadge`.
Метрики: словарь формул, единицы измерения, знаки «плюс/минус».
Руководства: «Как добавлять KPI», «Как задавать алерты», «Как валидаировать источники».
Галерея Do/Don’t: перегруженные панели vs фокус на 6–8 KPI, цвет ≠ смысл, дриллдаун без тупиков.

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

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