UX бетслипа в букмекері: швидко ставити, складно помилитися

Як має працювати бетслип у мобільному букмекері: коротка відповідь

У бетслипа одне завдання: перетворити дотик до коефіцієнта на зроблену ставку, яку гравець розуміє. На телефоні це означає, що купон завжди на відстані одного дотику, але не закриває ринки, режим (одинар, експрес чи система) — видимий перемикач, суму можна задати без клавіатури, можливий виграш видно до кнопки, а кожен незручний стан має своє зрозуміле повідомлення: коефіцієнт змінився, ринок призупинено, не вистачає коштів, ставку прийнято.

В iDesy ми проєктуємо букмекерські платформи й казино, і бетслип — екран, на який у беттинг-продукті ми витрачаємо найбільше часу. Нижче — наш підхід з екранами Vertbet, застосунку зі спортивними ставками, кіберспортом і live-казино, який ми спроєктували.

Чому бетслип вирішує долю букмекера

Дизайн казино винагороджує перегляд. Дизайн букмекера його карає. Гравець, який обирає слот, має час; той, хто дивиться live-матч, — ні. Між моментом, коли він побачив коефіцієнт, і ставкою кілька секунд, і кожен зайвий дотик, кожна клавіатура, що вискакує, кожне модальне вікно, яке ховає ринки, — шанс, що коефіцієнт зміниться або гравець передумає.

Тому популярні відео й статті про беттинг-застосунки так багато говорять про швидкість. Сама швидкість — не проблема. Питання в тому, чи допомагає вона гравцю зробити те, що він уже вирішив, чи підштовхує його до того, чого він не вирішував. До цієї межі повернемося наприкінці.

Одинар, експрес, система: один купон, три режими

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

У бетслипі Vertbet три режими стоять угорі сегментованим перемикачем: Single, Express, System. Кожна подія — окрема картка з датою й часом початку, командами, ринком і вибором, коефіцієнтом і хрестиком, щоб її прибрати. Іконка кошика очищає весь купон, шестерня відкриває його налаштування. Гравець бачить усе, на що ставить, не прокручуючи повз суму.

Наші правила для списку подій:

• Кожна картка називає ринок словами («Match Result»), а не лише кодом результату, щоб гравець, який додав п’ять подій, міг їх перевірити.
• Прибрати одну подію — один дотик, і сума ставки при цьому не скидається.
• Коли змінюється режим, підсумки перераховуються на місці; гравець не втрачає купон.

Сума ставки і виграш — до кнопки

Набирати суму на клавіатурі телефона — найповільніша частина ставки. Бетслип Vertbet пропонує швидкі суми, 2, 5 і 10 євро, поруч із полем «Enter amount» для будь-якої іншої. Під ними — загальний коефіцієнт і можливий виграш, виграш виділено акцентним кольором, і лише потім кнопка Place Bets, закріплена внизу екрана, під великим пальцем.

Порядок має значення. Гравець бачить, чим ризикує і що може отримати, до кнопки, а не в підтвердженні після неї. Для системи купон має ще й казати, скільки ставок у ній і яка загальна сума, бо «5 євро» на системі рідко означає 5 євро загалом.

Стани, які ніхто не малює

Макет бетслипа зазвичай показує щасливий сценарій: дві події, сума, зелена кнопка. Справжні ставки чимало часу проводять в інших станах, і саме там гравці втрачають довіру. До будь-якої візуальної роботи ми розписуємо всі стани сценарію у вайрфреймах:

• Порожній купон. Пояснити, як додати подію, і запропонувати повернутися до популярних матчів.
• Коефіцієнт змінився. Показати старий і новий коефіцієнт просто на картці, позначити напрям і попросити гравця прийняти зміну. Тихе оновлення або модальне вікно, яке викидає купон, — обидва варіанти неправильні.
• Ринок призупинено. Зробити цю подію сірою з короткою причиною і залишити решту купона робочою; дати гравцю прибрати її або почекати.
• Не вистачає коштів. Сказати про це поруч із сумою, показати баланс і запропонувати депозит, який поверне гравця до того самого купона.
• Ліміти ставки. Показати мінімум і максимум до того, як гравець введе суму, яку буде відхилено.
• Ставку прийнято. Чітке підтвердження з посиланням на квиток і очевидний вибір: залишити події чи очистити купон.

Чи приймати зміни коефіцієнтів автоматично — налаштування, яке обирає гравець, а не значення за замовчуванням, яке обирає за нього продукт.

Купон не має заважати ринкам

На телефоні відкритий купон закриває саме ті ринки, які гравець порівнює. Звичне рішення — купон, що згортається в невелику панель чи кнопку з кількістю подій і можливим виграшем і розгортається на всю висоту лише після дотику.

На екрані live-матчу Vertbet обраний коефіцієнт підсвічується зеленим у групі 1X2, а замість повного купона над списком ринків висить компактна кнопка «Possible Win» з можливим виграшем. Трекер матчу, трансляція, статистика і фільтри ринків залишаються на екрані. Групи ринків згортаються в акордеони, а перемикач «Hide All Odds» дає дивитися матч без лінії.

Лінія наповнює купон, тож це частина того самого дизайну. У Vertbet екран спорту має вкладки Top, Upcoming і Live, швидкий доступ до ліг, фільтр за часом і датою та ліги, що згортаються. У кожному рядку матчу є основні коефіцієнти, тож першу подію можна додати одним дотиком зі списку, не відкриваючи матч.

Після ставки: квиток, який можна прочитати

Зроблена ставка стає квитком, і саме в ньому гравець перевіряє, що сталося. Його має бути можна прочитати без знання беттинг-кодів.

Квиток Vertbet починається з типу ставки й дати, далі — сума, коефіцієнт і результат, а потім кожна подія з рахунком і ринком: Match Result, Double Chance, Draw No Bet. Унизу — кнопка Share With Friends. В меню акаунта пункт My Bets стоїть поруч із Deposit і Withdraw.

Якщо продукт пропонує кешаут, йому місце на самому відкритому квитку, з поточною сумою, а не за три екрани від нього.

Швидко для гравця, а не підштовхування

Швидкість допомагає, коли скорочує рішення, яке гравець уже ухвалив: подія зі списку, готова сума, одна кнопка. Вона стає підштовхуванням, коли продукт вирішує за нього. Ту саму межу ми провели в статті про темні патерни в онлайн-казино, а в букмекері вона виглядає так:

• Готові суми, які непомітно ростуть після кожної ставки, або поле суми, заздалегідь заповнене останньою, більшою сумою.
• Зміни коефіцієнтів, які за замовчуванням приймаються автоматично, тож гравець дізнається ціну лише з квитка.
• Підказка «поставити ще» чи «додати в експрес» одразу після програшу, помітніша за закриття купона.
• Можливий виграш великим шрифтом, тоді як загальна сума системи схована.

Чесна версія зберігає швидкість і залишає інформацію: готові суми, які гравець бачить і може змінити, зміни коефіцієнтів, які він приймає сам, повна сума поруч із повним виграшем, а квиток і баланс — завжди за один дотик.

Чекліст для вашого бетслипа

• Чи може гравець додати подію зі списку, не відкриваючи матч?
• Чи є режим — одинар, експрес чи система — видимим перемикачем?
• Чи можна задати суму без клавіатури, і чи видно ліміти?
• Чи видно загальну суму, загальний коефіцієнт і можливий виграш до кнопки?
• Чи є в купона спроєктовані стани для зміни коефіцієнта, призупиненого ринку, нестачі коштів і прийнятої ставки?
• Чи залишає згорнутий купон ринки на виду?
• Чи може гравець прочитати квиток без знання беттинг-кодів?

Якщо ви плануєте букмекерський продукт або переробляєте купон на SoftSwiss, BetConstruct чи іншій платформі, наш UI/UX дизайн для букмекерів починається саме з цих станів. Скільки коштує такий проєкт, залежить від модулів; про це ми пишемо в статті скільки коштує дизайн сайту казино.