UX-батл игровых операторов: Stake vs DEXSPORT
@rmriabkindesignОнлайн-игры и пользовательский опыт
В мире онлайн-игр и гемблинга опыт взаимодействия человека с цифровыми продуктами компании играет важную роль. Он создает прозрачную коммуникацию между сервисом игрового оператора и его клиентами.
Игровая индустрия переживает бурное развитие, привлекая все больше участников. Конкуренция в этой сфере значительна, и игровым операторам необходимо обеспечивать высокое качество UX, чтобы выделиться среди других участников рынка и создавать понятный большинству людей интерфейс своих продуктов.
В этой статье я рассмотрю и сравню два игровых оператора: dexsport.io основанный на децентрализованной технологии Веб 3.0 и stake.com/ru использующий централизованную технологию Веб 2.0.
Поколение интернета
Технология Веб 3.0 представляет собой новое поколение интернета. Оно основано на децентрализации и криптографической безопасности. Эти две ключевые особенности открывают нам новые возможности для прозрачного управления данными и финансами. Другими словами, в пространстве Веб 3.0 никто за нами не следит и не продает наши данные.
Веб 2.0 базируется на централизованных платформах и сервисах, предлагающих стандартные и привычные решения для пользователей. Эта технология характеризуется сдвигом от статических веб-сайтов к динамичным и интерактивным платформам, где пользователи могут взаимодействовать друг с другом и создавать контент. Сейчас большинство сервисов, которыми мы пользуемся, построены именно на технологии интернета Веб 2.0.
Понимание различий между Веб 3.0 и Веб 2.0 позволяет анализировать, какие технологические решения используют игровые операторы, и как это может повлиять на опыт взаимодействия человека с сервисами и безопасность игрового процесса.
Критерии сравнения
Для сравнения UX DEXSPORT и Stake мы определили следующие ключевые критерии:
- общие UX-тренды и их влияние на онлайн-игры,
- настроение продукта и кодирование эмоций,
- визуальный язык коммуникации с игроком,
- процесс регистрации и аутентификации,
- качество клиентской поддержки.
Сейчас мы рассмотрим тенденции опыта взаимодействия человека с функциями игровых сервисов в контексте двух разных технологий интернета. Разберем влияние этих подходов на игровой опыт. А также узнаем о преимуществах и недостатках каждого.
Общие UX-тренды и их влияние на онлайн-игры
UX-тренды — это паттерны поведения человека в цифровой среде. Они формируются людьми при длительном и повторном взаимодействии с определенным предметом или состоянием. Они могут быть как реальными, так и виртуальными.
В нашем случае, это не только взаимодействие с игровыми операторами и сферой гемблинга. Это собирательный образ общения с реальными и цифровыми сервисами во всем мире. Конечно, так или иначе, связанной с индустрией развлечений.
Структура расположения элементов
Наиболее выраженный UX-тренд — это общая структура расположения элементов и иерархия вложенности контента.
В версии для настольных компьютеров оператор DEXSPORT имеет наиболее современное расположение элементов с точки зрения взаимодействия человека с веб-сервисами. В свою очередь, Stake придерживается годами устоявшейся модели восприятия информации по F-паттерну.
Касательно мобильных устройств, здесь расположение элементов и паттерны пользования в большей степени совпадают. За исключением архитектуры расположения некоторых функций.
Например, оба оператора расположили вход и авторизацию сверху и на главном экране платформы. Также, они использовали привычные элементы навигации для мобильных устройств — Tab Bars.
Регистрация и функции поддержки
В основном, оба оператора используют устоявшиеся и привычные расположения элементов интерфейса. Например, в версии для настольных компьютеров кнопка регистрации и авторизации — одно из основных действий. В большинстве случаев, она находится справа и это вполне оправдано. Игрок не сможет использовать все функции сервисов без авторизации на их платформах.
А вот, что касается остальных функций незарегистрированного пользователя, то здесь все намного интереснее. Современный DEXSPORT с точки зрения стартового функционала на первый взгляд дает больше возможностей. Например, подключить кошелек, обратиться в службу поддержки или выбрать язык и локализацию. Но оправдано ли расположение всех дополнительных функций, не включая подключение кошелька, в основное навигационное меню?
Эти функции есть и у его косвенного конкурента Stake. Например, служба поддержки находится в трех оптимальных точках. Снизу-справа на экране, в боковой навигации по сайту, а также в подвале сайта. Другие функции, например смена языка, также расположены в нескольких местах. Такое решение помогает платформе Stake сделать наиболее явный акцент на целевых действиях — вход и регистрация. А дополнительные, но немаловажные функции, расположить в нескольких точках касания и оказать помощь пользователю в любой части интерфейса.
DEXSPORT перегружает верхнюю-правую часть интерфейса в версии для настольных компьютеров и уводит фокус пользователя с целевых действий. Но, при этом оператор также располагает эти функции в других частях, например в подвале.
На мобильных устройствах все намного проще. Как я уже подметил выше, операторы используют элемент Tab Bar. Он позволяет показать основную навигацию по сайту, а дополнительные функции спрятать в меню.
Служба поддержки
Давайте посмотрим на службу поддержки. Она часто располагается в нижнем правом углу экрана. Это привычное место для поиска помощи на большинстве веб-сайтов для настольных компьютеров. Stake оправдано использует такую верхнеуровневую навигацию. А вот у DEXSPORT паттерн нарушен, особенно это видно при открытиии службы поддержки. Казалось бы, иконка находится сверху справа, а окно всплывает снизу справа — это физическое искажение.
Подключение кошелька
У оператора DEXSPORT есть функция подключения кошелька. С помощью этой функции можно выбрать крипто-кошелек и подключить его к платформе. Вот, что здесь интересно. Кнопка подключения кошелька «+» и кнопка «Log In» выполняет одну и туже функцию. Это неоправданное UX-решение. Кодировать две разные кнопки в одном и том же месте одинаковым функционалом имеет мало смысла и может запутать пользователя.
Навигация по разделам
DEXSPORT за основу навигации по разделам выбрал мегаменю и формат выпадающего списка. Это позволяет выдавать контент для пользователя порциями. Человек будет сконцентрирован в моменте на одной единице информации. Например, при наведении на раздел «Sports» всплывет дополнительное меню по основным направлениям в категории спорт.
Хотя это отличный способ предоставить пользователям больше прямых ссылок на страницы сайта, он может быть спорным с точки зрения UX. Функционал выпадающего меню предполагает, что посетители захотят взаимодействовать с каждой опцией, на которую они наведут курсор — что может соответствовать действительности, а может и нет.
Stake использует другой метод навигации — вертикальное меню. Этот метод расположения навигации по сайту дает ряд преимуществ. Первое, и самое очевидное — у пользователя есть возможность увидеть сразу всю информацию и провалиться в интересующий его раздел. Здесь также используются выпадающие списки для быстрого доступа к внутренним страницам раздела. Сейчас данный способ расположения навигации по веб-сервисам принял наиболее актуальную позицию из-за обновления гайдлайнов от компании Google в Material Design 3.
Стоит отметить, что Stake использует устаревшую и кастомизированную версию вертикального меню. Возможно, это оправдано, так как другие сайты операторы в большинстве своем случаев придерживаются именно такой иерархии в навигации.
Настроение продукта и кодирование эмоций
Здесь мы видим два совершенно отличающихся подхода. Визуальная идентификация DEXSPORT направлена больше на молодое поколение и современные UI-подходы к дизайну. Черный фон, фиолетовые акценты, изящная графика, чистый и блочный UI, использование гласморфизма и градиентов — показывают всю современность подхода к разработке дизайна. Думаю, что здесь главной целью было привлечь и заинтересовать молодых пользователей к взаимодействию.
В то время Stake наоборот использует консерватизм в дизайне. Синий цвет — это стабильность, также как и фигура квадрат. Два этих элемента дизайна на концептуально-когнитивном уровне выстраивают с пользователем более доверительные отношения. Добавить еще и знаменитость — Дрейка, и уровень доверия к бренду многократно усиливается.
Визуальный язык коммуникации с игроком
Ко всему вышесказанному можно отметить, что общение с пользователем у операторов выстроено по разному. Помимо визуальных отличий есть еще и Tone of Voice — это стиль коммуникации бизнеса с клиентами. У компании DEXSPORT это дружелюбное общение в игровой форме, больше похожее на товарищество. А вот Stake выстраивает общение со своими клиентами в более деловом формате.
Также, коммуникацию можно проследить и в используемой графике. DEXSPORT — это игровые персонажи, а Stake на первый фон выводит образ человека.
Предоставляемые продуктом услуги и сервисы
В продуктах и сервисах операторов присутствует как сходство, так и отличие. Ставки и казино, спорт и игры — основные направления. Из-за отличия пользования интернет-технологиямми, такими как Веб 2.0 и Веб 3.0 есть значительные отличия.
Например, в способе регистрации. На сайте DEXSPORT — это регистрация через криптокошелек и проекты децентрализованного интернета. А у Stake — это привычная регистрация через электронную почту и дополнительные источники входа, например такие как, Google. Эта тенденция проходит через все услуги веб-сайтов. Но здесь важно отметить, что оба оператора сильно похожи с точки зрения построения большинства UX-практик в основных направлениях. Ведь осовременив визуальные решения, DEXSPORT не может уйти от привычных практик используемых годами.
Качество клиентской поддержки
Именно само качество оценить сложно. Ведь нужно погружаться во внутренние процессы и модели взаимодействия с клиентом. А вот построение самого чата и возможности его функционала мы можем сравнить.
DEXSPORT использует очень странную модель взаимодействия с клиентом. Для того, чтобы начать общаться через чат и задавать вопросы необходимо зарегистрироваться. Самое интересное, что здесь идет регистрация через электронную почту на децентрализованном сервисе. Нет никаких дополнительных функций, например FAQ.
Stake — на голову выше. Есть поиск по популярным статьям. Выделены самые важные функции, например возможность восстановить пароль.
Вывод
Для того, чтобы сделать более качественный анализ функций необходимо на некоторое время стать пользователем платформ и сервисов. Здесь нельзя выделить кто сделал лучше, или кто сделал хуже. У компаний были разные бизнес и продуктовые цели.