UX воронки і конверсії

1) Навіщо потрібні UX-воронки

UX-воронка - це послідовність кроків, що веде користувача до цінності: реєстрація, запуск гри, депозит, участь в турнірі, налаштування профілю і т.п. Воронка робить видимими «витоки» уваги і перешкоди. Мета - скоротити тертя і прискорити шлях до цінності (TTV), зберігаючи ясну візуальну ієрархію і єдиний P1-акцент на екрані.

2) Типи воронок (за рівнем)

Глобальні (наскрізні): Перший візит → Активація → Утримання → Монетизація.
Сторінкові: Лендінг → Каталог → Сторінка гри → Каса.
Процесні (flow-воронки): Реєстрація/КУС, Депозит/Висновок, Приєднання до турніру, Налаштування лімітів.
Мікро-конверсії: Додати в обране, Перегляд правил, Застосувати фільтр, Порівняти методи оплати.

3) Карта подій (data layer мінімум)

session_id, user_bucket (A/B), device, page funnel_step(name, step, status: start/success/fail, meta)
ui_click(zone, component_id, outcome)
ui_error(type, code, field, step)
route_change(from, to)
visibility(zone, time_in_view)
experiment_variant

Стабільні селектори: 'data-ux-zone','data-component-id'( не CSS-класи).
Гігієна: без PII, маскування полів, явна згода на трекінг.

4) Базові формули і метрики кроків

Step Conversion_i = перейшли на крок i + 1/почали крок i.
Funnel Conversion = дійшли до фіналу/почали крок 1.
Drop-off_i = 1 − Step Conversion_i.
Time on Step_i = медіана часу на кроці.
TTV (Time to Value) = t (цінність) − t (вхід).
Backtrack Rate = повернення на попередній крок/всі переходи всередині флоу.
Error Rate_i = події помилки на кроці/що почали крок.
FMC (First Meaningful Click) = цільовий клік ≤ N секунд/все на екрані.

Правило: кожен крок має одну головну мету і один P1-CTA.

5) Сегментація (щоб побачити реальну картину)

Пристрій: mobile vs desktop (різні патерни, hit-area, клавіатура).
Стадія користувача: новий, що повертається, VIP.
Джерело трафіку: органіка, paid, реферал; очікуємо різні очікування/мотивації.
Гео/локалізація: мова впливає на довжину рядків/списків методів.
Експеримент: гілка A/B і вікно «до/після» релізу.

6) Проектування воронки: Алгоритм

1. Сформулюйте мету (одне речення).
2. Опишіть кроки (мінімально достатні).
3. Призначте P1 на кожному кроці (решта - P2/P3).
4. Пропишіть події (start/success/fail) і помилки.
5. Встановіть порогові KPI (Step Conversion, TTV, Error).
6. Підключіть дашборди і теплокарти/записи для діагностики.
7. Плануйте ітерації і A/B.

7) Діагностика втрат (патерни і рішення)

Високий Drop-off на першому екрані: P1 не видно/слабкий → посилити контраст/масштаб, прибрати конкуруючі банери.
Багато Backtrack на кроці форм: мікрокопія/валідація незрозуміла → приклади, маски, inline-підказки, видимі помилки.
Довгий Time on Step: перевантаженість полями → угруповання, прогрес-бар, autosave, розбиття на підпроцеси.
Error Rate сплеск «після релізу»: регресія або API-збої → карта помилок + швидкий rollback/фікса.
Розрив між кліками і фіналом: «помилкові кліки», не-інтерактивні зони → розширити hit-area, скорегувати affordance.
Зміщення уваги на банери: теплокарта «жарче» банера, ніж P1 → послабити анімації/насиченість, перемістити P1.

8) Воронки iGaming: готові шаблони

8. 1 Реєстрація/Онбординг

1. Лендінг → 2. Форма реєстрації → 3. Підтвердження (email/SMS) → 4. Профіль/КУС старт.
KPI: Funnel Conversion ≥ 65-75%, TTV до завершення ≤ 2-4 хв, Error Rate форми <5-8%.
Трюки: one-tap провайдери входу, прогрес-бар, явні вимоги до паролю, приклад формату.

8. 2 Пошук і запуск гри

1. Каталог/Пошук → 2. Фільтри/Теги → 3. Картка гри → 4. «Грати зараз».
KPI: FMC «Грати» ≥ 35-50% за 5-8 сек, TTV до першого запуску ≤ 30-60 сек.
Трюки: швидкі пресети («Нові», «Хіт», «Megaways»), замовчування за популярністю, вся картка клікабельна.

8. 3 Каса: депозит

1. Відкрити касу → 2. Вибір методу → 3. Сума/деталі → 4. Підтвердження → 5. Успіх.
KPI: Step Conversion за вибором методу ≥ 85-90%, загальний Success ≥ 75-85%, Error Rate форми <5%.
Трюки: пресети сум, чіткі ліміти/комісії поруч з полем, sticky-підтвердження, збережені методи.

8. 4 Бонус/Турнір

1. Перегляд акції → 2. Правила (коротко) → 3. Приєднатися → 4. Верифікація участі.
KPI: CTR «Приєднатися» ≥ 18-25%, Drop-off на правилах <20%.
Трюки: короткий TL; DR правил + «розгорнути деталі», видимий дедлайн/таймер.

9) Візуалізація та дашборди

• Funnel Overview: Step Conversion/Drop-off/Time по кроках (7/28 днів).
• Anomaly Watch: Error Rate/Backtrack сплески з алертами.
• Segment Split: пристрій/джерело/гео/гілка A/B.
• TTV Tracker: медіана/квантилі за ключовими цілями.
• Outcome-aware Heatmaps: кліки + результат (success/fail/none).
• Release Compare: «до/після» по конверсіях і часу на кроці.

10) Причинність та експерименти

• «Якщо винести P1 «Грати» вище лінії згину і збільшити hit-area на 20%, то FMC виросте на 8-12 п. п., TTV знизиться на 15-25%».
• Power-аналіз: оцініть потрібний трафік і MDE (мінімальний детектований ефект).
• Єдиний період і guard-метрики (помилки/час/втягування в саппорт).
• Holdout/контроль: якщо A/B не можна - вікно «до/після» з контрольними екранами.

11) Зв'язка UX-воронок з бізнес-цілями

Journey to First Deposit: TTV до депозиту + Step Conversion каси → NDU і виручка.
Game Discovery Efficiency: FMC «Грати» + Success пошуку/фільтрів → сесії і утримання.
Bonus Clarity: CTR «Приєднатися» + Drop-off на правилах → вплив на ARPPU і churn від розчарування.
KYC Friction: Error/Backtrack на кроках підтвердження → швидкість виведення і NPS.

12) Часті помилки (анти-патерни)

Вважати «час на сайті» як успіх без прив'язки до мети кроку.
Змішувати mobile/desktop в одному звіті.
Немає подій fail → неможливо розуміти, де і чому падають.
Багато P1-елементів на екрані → розсіюється увага.
Рішення по «красивим теплокартам» без outcome-метрик (Success/Fail).
Відсутність маскування/згоди → ризики комплаєнсу.

13) Пріоритизація задач по воронці (шаблон)

Проблема: Drop-off 38% на «Вибір методу» в касі.
Гіпотеза: Метод прихований під вкладкою; комісії/ліміти не видно.
Рішення: Зробити топ-методи видимими списком, поруч - ліміти/комісії, авто-вибір останнього методу.
Очікуваний ефект: Step Conversion + 10-15 п.п., TTV кроку −20%.
Критерії приймання: пороги метрик, перевірка A/B і «до/після».

14) Acceptance Criteria для запуску UX-воронки

Визначено один головний KPI воронки і пороги по кроках.
На кожному кроці - єдиний P1, видимий без зайвих дій.
Події start/success/fail заведені і перевірені на staging.
Дашборд збирає Step Conversion, Drop-off, Time, Error/Backtrack.
Налаштовані сегменти (пристрій/джерело/гілка A/B).
Є план A/B або контроль «до/після» і guard-метрики.
Підключені теплокарти і записи для діагностики причин.

15) Міні-шпаргалка для команди (TL; DR)

Описуйте шлях до цінності у вигляді короткої воронки, призначайте по одному P1 на крок, логуйте start/success/fail і час, розбивайте звіти по сегментах і підтверджуйте зміни експериментами. Будь-який «витік» повинен перетворюватися на задачу з вимірним ефектом. Ітерації щотижня → стабільне зростання конверсії.