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-дизайн спортбука начинается именно с этих состояний. Сколько стоит такой проект, зависит от его модулей; мы объясняем это в статье сколько стоит дизайн сайта казино.