UX для операторів і партнерів
1) Контекст і ключові відмінності
Оператори працюють з ризиками, платежами, комплаєнсом, контентом, акціями, підтримкою. Їх UX-мета - оперативне управління і зниження інцидентів.
Партнери (афіліати) фокусуються на трафіку, оферах, виплатах та аналітиці LTV/ROI. Їх UX-мета - прозорість і зростання.
- Одна роль - один головний сценарій на робочому столі.
- Сигнали і статуси важливіші декоративної графіки.
- Будь-який показник клікабелен до першоджерела (drill-down).
- Audit trail за замовчуванням; дії - звертаються (undo/confirm).
- A11y/i18n-by-default: клавіатура, контрасти, локальні формати.
2) Ролі та права (RBAC) - каркас UX
Базові ролі оператора: Admin, Compliance, Risk/Fraud, Payments, CRM/Bonuses, Content, Support, BI.
Ролі партнерів: Partner Owner, Manager, Finance, Analyst.
- Видимість розділів і CTA - за ролями.
- Обмежені дії позначені "ключем" і підказкою причини ("Потрібна роль Payments:Advanced”).
- Чутливі операції - подвійне підтвердження + журнал.
3) Робочі столи (оператор)
3. 1 Dashboard «Стан платформи»
SLA/SLO блок: аптайм, інциденти, черги.
Фінансовий блок: GGR/Net Gaming, депозити/висновки, TtW p95.
Ризик/AML: альберти за патернами шахрайства, спайки chargeback.
Ігрова активність: DAU/Concurrency, топ-провайдери, помилки запусків.
Дії: «Відкрити інцидент», «Відключити провайдера», «Включити банер техробіт».
3. 2 Операції та платежі
Черга виплат: статус, ETA, ліміти, джерело методу (same-method).
Масові дії: approve/hold/reject з причиною.
Картка операції: KYC-рівень, гео, device-фінгерпринт, аномалії.
3. 3 Ризик/AML
Зведення правил, ризик-скор, пов'язані акаунти/пристрої, 3-й фактор (док-пакет).
Рецепти дій: «Поставити на hold 24 год», «Запросити розширений KYC».
3. 4 Маркетинг і бонуси
Конструктор акцій: аудиторія, умови, ліміти, терміни, превью мікрокопі.
Симулятор бюджету і прогнозу відкушування (abuse-контроль).
AB-слоти, частотні обмеження, журнал змін.
4) Робочі столи (партнер)
4. 1 Огляд партнера
Трафік/якість: кліки, реєстрації, FTD, CR, утримання D7/D30.
Фінанси: RevShare/CPA, нарахування/виплати, невідповідності.
Оффери: активні, в модерації, скоро закінчуються.
4. 2 Трекінг і посилання
Генератор посилань: джерело/канал/креатив, deeplink, авто-UTM, коротке посилання.
Перевірка відповідності лендінгу гео/мові/віку.
Валідація: «Піксель встановлено», «Події отримано (signup/deposit)».
4. 3 Звіти та вивантаження
Періоди/угруповання: по гео, по офферу, по креативу, по пристрою.
Експорт в CSV/XLSX зі збереженням фільтрів/таймзони.
Підписки на звіти за розкладом.
5) Інформаційна архітектура
Головна навігація: Операції, Ігри/Провайдери, Платежі, Ризик/AML, Бонуси, Партнери, Звіти, Налаштування.
Вторинний рівень: списки → картка → модалка дії.
Пошук скрізь: по ID, email, транзакції, тікету, пристрою, партнеру.
Хлібні крихти і фіксована панель фільтрів.
6) Сигнали, статуси, алерти
Єдина шкала: info → notice → warning → error → critical.
Колір ≠ єдиний сигнал: іконка/текст/форма.
Глобальний алерт-бар для критики, локальні inline-підказки - поруч з проблемою.
Тайм-аути і ретраї: показ причин і шляхи вирішення («повтор через 2 хв», «змінити провайдера»).
- "Вивід поставлений на hold до завершення KYC. [Відкрити чек-лист]"
- «Оффер закінчується через 24 год. Продовжити?»
7) Звітність та аналітика
Drill-down з KPI до транзакції/сесії/події.
Збережені вистави для ролей (Finance/CRM/Risk).
Атрибуція партнерів: last-click/first-deposit/лінійна - явний вибір.
Аномалії: автоматичні сигнали по відхиленнях від базових ліній.
8) Партнерський кабінет: Довіра та прозорість
Справедливість розрахунків: формули комісій, утримання, корекції - «у два рядки» з розкриттям деталей.
Терміни виплат: ETA і статуси, журнал за реквізитами.
Медіа-центр: креативи з тегами/мовами/гео, версія та дата оновлення.
Комунікація: вбудований чат/тікети, шаблони відповідей, SLA за зверненням.
9) Комплаєнс і безпека (вбудовані в UX)
KYC/KYB-чек-листи з прогресом і ETA; чутливі поля - масковані.
Журнал дій (audit trail) на всіх критичних операціях, експорт.
Згоди і причини запитів (камери/гео/документи) - явні.
Поділ обов'язків: один не може створити і затвердити виплату.
10) Доступність та локалізація
Повна клавіатура, видимий фокус, контраст AA.
'aria-live'для алертів/тостів,'aria-describedby'у формах.
Числа/валюти/дати в локальних форматах, запас довжини рядків, RTL-режим.
Таблиці: 'th '/' scope', сортування і зчитувані підписи.
11) Продуктивність і надійність
Віртуалізація довгих таблиць (тисячі рядків).
Скелетони замість спінерів; збереження фільтрів в URL.
Автозбереження чернеток (акції, звіти).
Fail-soft: часткова деградація функцій з ясними поясненнями.
12) Інциденти і SLA
Екран інциденту: статус, вплив, порушені провайдери/методи, ETA, відповідальний, тайм-лінія, список пов'язаних тікетів.
Комунікація: шаблони банерів/гармат/листів з сегментацією (оператори/партнери).
Після інциденту: пост-мортем, дії та контрольні дати.
13) Шаблони ключових екранів
13. 1 Виплати (оператор)
Фільтри: метод, сума, гео, статус, ризик.
Таблиця (рядки клікабельні): ID, користувач, сума, метод, статус, ETA, ризик-тег.
Праві деталі: історія, KYC, логи, вторинні дії.
Масові операції: чекбокси + підтвердження з причиною.
- "Виплата поставлена в чергу. ETA - до 15 хвилин. Комісія не утримується"
13. 2 Профіль партнера
KPI-верх: FTD, CR, утримання, комісійні.
Вкладки: Оффери, Посилання, Креативи, Виплати, Звіти, Документи.
Швидкі дії: «Створити посилання», «Запросити виплату», «Відкрити тікет».
13. 3 Конструктор оффера
Аудиторія → Умови → Креативи → Бюджет/ліміти → Превью → Публікація.
Передогляд мікрокопі (коротка версія + розкриття).
A/B-слот і частотні обмеження.
14) Метрики якості для b2b-UX
Time-to-Action (до потрібної дії з дашборду).
Error rate у формах (виплати/оффери), Time-to-Fix.
SLA дотримання (виплати/інциденти), час реакції на алерт.
Партнерські метрики: CR, FTD, утримання, затримка виплат, частка спірних нарахувань.
NPS/CSAT команд оператора і партнерів.
15) Чек-листи
Екран перед релізом
- Одна ключова мета для ролі.
- Стани loading/empty/error/success покриті.
- Дії оборотні або підтверджуються.
- Фокус, контрасти,'aria-'в порядку.
- Локалізація: довжини, валюти, дати, таймзона.
Звіт/таблиця
- Фільтри зберігаються, експорт з поточними фільтрами.
- Підсумки/суми збігаються з деталями (drill-down).
- Стабільність на 50k + рядків (віртуалізація).
Партнерський кабінет
- Прозорі формули виплат.
- Валідація посилань/пікселів.
- Підписки на звіти та алерти.
16) Анти-патерни
«Все для всіх» на одному дашборді.
Приховані причини обмежень («не можна» без «чому»).
Колір як єдиний носій статусу.
Експорт, який не збігається з інтерфейсом (інші фільтри/таймзони).
Модалки без фокус-трепу і повернення фокусу.
Нез'ясовані зміни виплат/комісій.
17) Швидкі шаблони microcopy
Обмеження за роллю
"Дія доступна ролі Payments: Advanced. Зверніться до адміністратора"
Комісії/виплати
"Виплата створена. Очікуємо зарахування до 15 хвилин. [Переглянути статус]"
Партнерське посилання
"Посилання активне. Трекінг: OK. UTM додані автоматично"
Інцидент
"Провайдер X нестабільний. Ігри недоступні для частини користувачів EU. ETA - 30 хвилин. [Детальніше]"
18) Процес впровадження (6 кроків)
1. Аудит ролей/завдань → матриця екранів і CTA.
2. MVP дашбордів для Operator/Partner з KPI і діями.
3. Набір критичних форм (виплати, оффери, ризики) з inline-валідацією.
4. Єдині токени статусів і компоненти алертів/тостів.
5. Звітність та експорт зі збереженням фільтрів/таймзони.
6. Інциденти та комунікації: шаблони, SLA, пост-мортем.
Підсумкова шпаргалка
Робіть робочі столи за ролями, не «універсальні».
Статуси і дії завжди поруч, з ясним «чому» і «що далі».
Звіти - наскрізні: KPI → транзакція, експорт = екран.
Партнерам - прозорість розрахунків і стабільні виплати.
A11y/i18n - за замовчуванням. Інциденти - зі зрозумілою комунікацією і SLA.
Потрібно - підготую каркаси екранів (операції/виплати/ризик/партнери), ключі i18n і таблиці метрик під вашу дизайн-систему.