Сервер х2, ник Merum
Всем привет.
Хочу поделиться своим разбором нового сайта
Scryde, как с визуальной, так и с функциональной стороны.
Я рассматриваю интерфейс и структуру сайта с позиции действующего UI/UX-дизайнера, поэтому мой фидбек не сводится только к "нравится / не нравится".
Все замечания и предложения, которые я описываю ниже, основаны на исследовательских материалах в сфере UX-дизайна, в частности:
- на евристиках Якоба Нильсена (10 базовых принципов удобства интерфейсов);
- на рекомендациях NNGroup (Nielsen Norman Group), касающихся визуальной иерархии, отклика системы, доступности и когнитивной нагрузки;
- а также на общепринятых паттернах взаимодействия, применимых для любого современного веб-сайта, независимо от его тематики.
Цель этой темы не критика ради критики, а помощь в улучшении пользовательского опыта сайта сервера, чтобы игроки могли быстрее и проще получить нужную информацию, установить клиент и начать играть без лишних барьеров.
Итак, вот проблемы, с которыми я столкнулся при анализе сайта, и варианты их решения:
1) Индикация активного пункта меню / навигации
Проблема: если пользователь переключается между разделами, не видно четко, в каком разделе он находится (евристика "видимость состояния системы").
Рекомендация: сделать активный пункт меню выделенным (цветом/фоном), чтобы пользователь понимал контекст.
2) Несколько CTA на главной странице рассеивают внимание
На первом экране сайта сразу представлено несколько равноценных кнопок: "Начать играть", "Разбить тыкву", "Скачать игру", "Магазин" и т.п.
Из-за этого фокус пользователя распадается: взгляд не задерживается на одной целевой точке, и человек тратит дополнительные секунды на то, чтобы понять, куда именно нужно нажать, чтобы просто начать игру.
Согласно евристике "Ясность и видимость состояния системы", интерфейс должен явно подсказывать, что главное действие здесь - начать игровой процесс. Когда на экране несколько ярких CTA без приоритета, нарушается принцип визуальной иерархии - пользователь не может интуитивно определить, где “правильный путь”.
Рекомендация: на первом экране оставить один основной CTA, например: «Скачать лаунчер». Все остальные действия можно вынести во вторичный уровень (менее контрастные кнопки или текстовые ссылки). Так сохраняется чёткий фокус и пользователю не нужно выбирать между равнозначными вариантами.
3) Моментальное скачивание лаунчера без подтверждения
Сейчас нажатие на кнопку "Начать играть" мгновенно запускает загрузку файла лаунчера.
Для UX это нежелательное поведение: пользователь должен осознанно подтвердить скачивание, иначе возникает ощущение навязчивости и теряется доверие к сайту (особенно если речь идёт о стороннем файле .exe).
Такая механика противоречит принципу контроля и свободы пользователя: любой скачиваемый контент должен быть чётко обозначен, а запуск загрузки предсказуем.
Рекомендация: Создать отдельный блок загрузки, который откроется после клика по CTA. В этом блоке можно разместить несколько вариантов:
-Torrent-файл (удобно для пользователей с медленным интернетом);
-Лаунчер (Installer);
-Прямые зеркала (Google Drive / Яндекс / облако).
Пользователь выбирает способ сам - это усиливает чувство контроля и повышает доверие.
Такой паттерн давно стал привычным среди игроков ла2 и большинство серверов используют именно формат страницы выбора загрузки, вместо мгновенного скачивания.
4) Нарушение визуальной иерархии и непоследовательность в стилях элементов
При просмотре страниц видно, что иерархия заголовков и текстовых блоков не всегда выстроена логично: некоторые подпункты визуально выглядят как основные, а главные заголовки теряются на фоне. Из-за этого пользователю сложнее быстро “просканировать” страницу и понять, где основная информация, а где второстепенные детали.
С точки зрения UX это нарушает принцип визуальной иерархии и когнитивного ритма: пользователю нужно “зацепиться” взглядом за структуру, а не вычитывать всё подряд.
Рекомендация: Настроить чёткую иерархию (основной заголовок страницы, крупные секции, подпункты, основной текст). Визуально различать их не только размером, но и насыщенностью/цветом/отступами.
5) Непоследовательность в оформлении кнопок и цветовой палитры
На сайте встречаются кнопки с разными формами, размерами, радиусами скругления и оттенками. Для пользователя это создаёт ощущение “разных систем” внутри одного интерфейса. Согласно евристике "Консистентность и стандарты", одинаковые элементы должны вести себя и выглядеть одинаково. Когда кнопки не унифицированы, пользователь вынужден каждый раз “угадывать”, можно ли на них нажать и какую важность они несут.
Также в некоторых местах наблюдается недостаточный контраст между цветом текста и фоном кнопки, особенно на тёмных участках сайта с фоновыми изображениями. Это снижает доступность (по стандартам WCAG 2.1, контраст обычного текста должен быть ≥ 4.5:1, крупного ≥ 3:1).
Рекомендация: Создать чёткую систему кнопок: Primary (главное действие) - один цвет, один стиль; Secondary - менее насыщенный, с контуром или прозрачностью; Disabled - визуально пассивный, но читаемый. Задать фиксированный радиус скругления (например, 8 px или 12 px) и одинаковые отступы (padding). Проверить контраст всех активных элементов - кнопок, ссылок, навигации, подсказок (по WCAG). Для всех элементов интерфейса применять одну палитру акцентов (например, 2-3 фирменных цвета + нейтральные оттенки). Это создаёт “бренд-согласность” и делает интерфейс узнаваемым.
PS от себя:
Я бы сделал выбор в сторону стиля и цветовой гаммы кнопок, вдохновлённой самой игрой.
Многие игроки Scryde 2 годами видят одни и те же оттенки, градиенты, формы и рамки и они стали почти что “родными” и визуально комфортными. Использование узнаваемых игровых акцентов (например, цвета интерфейса, формы кнопок или декоративных элементов) не только усилит атмосферу, но и создаст эмоциональную связку между сайтом и самой игрой.
Это стиль проверенный временем и игроки сразу почувствуют, что “они дома”.
6) Перенасыщенность анимацией и эффектами
Некоторые элементы сайта содержат слишком много движущихся или анимированных деталей - фоны, подсветки кнопок, плавные переливы, появляющиеся надписи и пр. С одной стороны, это создаёт эффект “живого интерфейса”, что хорошо для игрового проекта, но при чрезмерном количестве движений внимание пользователя рассеивается, а восприятие контента становится утомительным.
Согласно принципу когнитивной нагрузки (Cognitive Load) и исследованиям NNG, анимация должна использоваться как средство фокусировки и обратной связи (feedback), а не как постоянный визуальный шум. Когда на странице одновременно двигаются несколько объектов, пользователь не успевает осознать иерархию: где информация, а где декоративный элемент.
Рекомендация: Использовать анимацию умеренно и только там, где она подтверждает действие (нажатие, загрузка, ховер).
Для фоновых эффектов ограничить скорость и количество движущихся элементов, особенно на первом экране. Добавить режим “performance friendly” или оптимизацию под слабые устройства: например, отключение неключевых анимаций при низкой производительности или на мобильных.
7) Адаптивность и мобильный приоритет
В современных реалиях основная часть трафика на игровые сайты приходит с мобильных устройств, особенно при первом касании, когда пользователь просто хочет “посмотреть сервер”, “прочитать новости” или “сохранить ссылку”.
Однако в текущем виде сайт ориентирован в первую очередь на десктоп: сложные фоны, плотные блоки и hover-эффекты, которые плохо переводятся на тач-интерфейс. Нарушается принцип
“mobile-first design
”. Информация должна быть доступна и функциональна даже при минимальной ширине экрана.
Рекомендация: Оптимизировать структуру под мобильные устройства, а именно: адаптивные сетки, укрупнение интерактивных элементов (минимум 48×48 px по WCAG), сокращение текста и использование аккордеонов для длинных блоков. Проверить корректность масштабирования фоновых изображений, чтобы при сжатии не терялись важные детали интерфейса. Пересмотреть порядок элементов: на мобильных “Скачать” и “Начать игру” должны быть над фолдом, а не ниже. Минимизировать вес анимаций и фоновых видео для мобильных, заменяя их статичными постерами.
8) Навигация между разделами и потеря контекста
В заключение хочу отметить проблему, связанную с непоследовательностью навигации между разделами и внутренними страницами сайта.
Иногда переход по кнопкам ведёт в части ресурса, где пользователь теряет ощущение, где он находится и как вернуться обратно. Это создаёт фрустрацию и нарушает принцип "видимости состояния системы" и "ориентации пользователя"
Пример:
Если на главной странице нажать на кнопку
"Разбить тыкву
", а затем в открывшемся выборе сервера выбрать, например, x2, то сайт перенаправляет не на актуальный раздел, а на старую версию сайта, причём интерфейс этой версии частично на английском языке и визуально отличается от основного. Для обычного пользователя это выглядит как ошибка или “выброс” из текущего контекста. В такие моменты теряется доверие и ощущение стабильности проекта.
Рекомендация: Проверить все внутренние ссылки и редиректы: убедиться, что они ведут на актуальные версии страниц в рамках одной визуальной системы. Если старая версия сайта используется для архивов или ивентов, обозначить это явно (например: “Архив события Halloween 2023 (старая версия сайта)”). Добавить навигационный “хлебный след” или видимый заголовок раздела, чтобы пользователь всегда понимал, где он находится. Применить единый стиль для всех подстраниц: одинаковое меню, шапка, цвета, язык интерфейса.
Мой фидбек не направлен на критику ради критики - я искренне хочу, чтобы сайт Scryde развивался и выглядел так же профессионально, как и сам проект.
Все замечания и предложения основаны на практиках UI/UX-исследований, евристиках Нильсена и реальных кейсах игровых веб-проектов.
При доработке этих деталей сайт станет более понятным, предсказуемым и комфортным для игроков: как визуально, так и функционально.
Использование ИИ для создания фидбэка - не запрещено, если это используется в рамках подкорректировать текст или направить на нужную мысль, но, когда сообщения полностью созданы ИИ от начала и до конца, то безусловно вскрываются моменты, которых в действительности не существует, как например, «темная Тема»
Навигация. Было бы круто добавить сверху быстрые кнопки — рейтинг, календарь, форум, акции. А то иногда листаешь и ищешь где это всё спрятано. И чтоб шапка сайта не исчезала при прокрутке вниз.
Личный кабинет. Можно сделать чтоб видно было баланс, онлайн серверов, последние награды прямо на главной панели. И уведомления, типа “доступен бонус” или “началось событие”. Ещё удобно было бы логиниться через Discord или Google.
Календарь событий. Сам календарь классный, но можно добавить цвета — чтоб сразу видно где PvP, где фарм, где осады. И чтоб можно было нажать и поставить напоминание за 30 минут до старта. На телефоне календарь немного тесный, можно сделать чтоб он показывал список событий на день.
Рейтинги. Было бы удобно фильтровать по классам, уровню, времени онлайн. И сделать кнопку “отслеживать игрока или клан”, чтобы смотреть как они растут.
Мобильная версия. На телефоне таблицы иногда съезжают, можно чуть подправить. И добавить свайпы между разделами, плюс на главной сделать 3 быстрые кнопки — Онлайн, События сегодня, Мой аккаунт.
Топ идея. Очень не хватает поиска по гайдам. Например, новичёк пишет в поиске “гайд на Арбу”, и сразу выдает ему всё — какие предметы, таланты, билды и что вообще нужно для персонажа. Это сильно поможет новичкам не теряться.
Дополнительно. Ещё можно добавить тёмную тему — она бы идеально подошла к стилистике игры. И сделать систему достижений в профиле, типа кто сколько участвовал в ивентах, сколько побед и т.д.
Легализация и контроль: Перевод кросс-серверного обмена из теневого сектора под контроль администрации. Это обеспечивает безопасность сделок для игроков и гарантирует, что проект получает комиссию, а не РМТ-продавцы.
